/* afrah-fs-092 */
/* 4.10 — Afrah theme additions. */

/* Hall bottom bar: icons + «احجز مع فرحة». */
.n-cbar2{gap:8px}
.n-cbi{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--ln);background:var(--s2);color:var(--gl)!important;text-decoration:none!important}
.n-cbi svg,.n-cbi .n-i{width:22px;height:22px}
.n-cbi img{width:26px;height:26px;object-fit:contain}
.n-cbi.call{background:#1fa855;border-color:#1fa855;color:#fff!important}
.n-cbi.call svg{width:21px;height:21px}
.n-cbar2>.n-bk-btn{flex:1;min-width:0;justify-content:center}

/* «إنت صاحب الصالة؟» — two lines, full width. */
.n-claim2{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:16px;border:1px solid rgba(201,162,74,.4);background:linear-gradient(135deg,#231c13,#17130e);margin:6px 0 14px}
.n-claim2 img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 15%;flex:none;box-shadow:0 0 0 2px var(--gd)}
.n-claim2 p{margin:0;flex:1;min-width:0;font-size:12px;line-height:1.5;color:var(--tx)}
.n-claim2 p b{color:var(--gp);font-size:13px}
.n-claim2 .n-pill{flex:none;white-space:nowrap}
.n-claim-m .n-claim2{margin-inline:0}

/* Home: «الأفضل بكل محافظة». */
.bg2-box{border:1px solid var(--ln);border-radius:20px;overflow:hidden;background:var(--s1)}
.bg2-tabs,.bg2-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.bg2-tabs::-webkit-scrollbar,.bg2-list::-webkit-scrollbar{display:none}
.bg2-tabs{padding:10px 12px}
.bg2-t{flex:none;border:1px solid var(--ln);background:var(--s2);color:var(--tx);border-radius:999px;padding:4px 13px;font:600 12.5px var(--fb);cursor:pointer;white-space:nowrap}
.bg2-t.on{background:var(--gd);border-color:var(--gd);color:#17140F;font-weight:800}
.bg2-p[hidden]{display:none}
.bg2-top{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;aspect-ratio:16/7;max-height:260px;width:100%;padding:12px;background:#111 center/cover no-repeat;color:#fff!important;text-decoration:none!important;isolation:isolate}
.bg2-top::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85));z-index:-1}
.bg2-top small{display:block;font-size:11px;color:#e9dcc3}
.bg2-top b{font:700 28px/1 var(--fh);color:#fff}
.bg2-top em{font-style:normal;font-size:11px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:1px 9px;white-space:nowrap}
.bg2-list{padding:10px 12px 12px}
.bg2-h{flex:0 0 150px;scroll-snap-align:start;position:relative;border:1px solid var(--ln);border-radius:14px;overflow:hidden;background:#120f0b;color:var(--tx)!important;text-decoration:none!important}
.bg2-ph{display:block;aspect-ratio:16/11;background:#221c15 center/cover no-repeat}
.bg2-h i{position:absolute;top:6px;inset-inline-start:6px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px;background:#1a1611;color:var(--gp);border:1px solid var(--gd)}
.bg2-h.r1 i{background:var(--gd);color:#17140F}
.bg2-b{display:grid;padding:6px 8px 8px;min-width:0}
.bg2-b b{font-size:12.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bg2-b small{font-size:10.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:900px){.bg2-h{flex-basis:200px}}

/* «دليل العرسان». */
.wrap.gd{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:28px}
.gd-h h1{margin:4px 0 2px;font:800 26px/1.2 var(--fh);color:var(--gp)}
.gd-h p{margin:0;font-size:13px}
.gd-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
.gd-cats::-webkit-scrollbar{display:none}
.gd-c{flex:none;border:1px solid var(--ln);background:var(--s1);border-radius:999px;padding:4px 13px;font-size:12.5px;color:var(--tx)!important;text-decoration:none!important;white-space:nowrap}
.gd-c.on{background:var(--gd);border-color:var(--gd);color:#17140F!important;font-weight:800}
.gd-feat{position:relative;display:flex;align-items:flex-end;aspect-ratio:16/10;max-height:420px;border-radius:20px;overflow:hidden;background:#221c15 center/cover no-repeat;color:#fff!important;text-decoration:none!important;isolation:isolate}
.gd-feat::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.88));z-index:-1}
.gd-feat>span{display:grid;gap:3px;padding:14px;min-width:0}
.gd-feat em{justify-self:start;font-style:normal;font-size:10.5px;font-weight:800;background:var(--gd);color:#17140F;border-radius:99px;padding:1px 9px}
.gd-feat b{font-size:17px;line-height:1.4}
.gd-feat small{font-size:11px;color:#ddd}
.wrap.gd h2{margin:0 0 8px;font:800 16px var(--fh);color:var(--tx)}
.gd-st-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
.gd-st-row::-webkit-scrollbar{display:none}
.gd-st{flex:0 0 106px;display:grid;justify-items:center;gap:4px;padding:9px 6px 10px;border:1px solid var(--ln);border-radius:16px;background:var(--s1);color:var(--tx)!important;text-decoration:none!important;text-align:center;font-size:12px}
.gd-st i{font-style:normal;font-size:10.5px;font-weight:800;color:var(--gp)}
.gd-st img{width:42px;height:42px;object-fit:contain}
.gd-arts{display:grid;gap:8px}
@media (min-width:800px){.gd-arts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gd-art{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;padding:6px;border:1px solid var(--ln);border-radius:16px;background:var(--s1);color:var(--tx)!important;text-decoration:none!important}
.gd-ph{display:block;width:96px;height:70px;border-radius:11px;background:#221c15 center/cover no-repeat}
.gd-b{display:grid;gap:3px;min-width:0}
.gd-b b{font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gd-b small{font-size:11px;color:var(--mu)}
.gd-tip{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:16px;border:1px solid rgba(201,162,74,.4);background:rgba(201,162,74,.06);color:var(--tx);font:inherit;font-size:13px;text-align:start;cursor:pointer}
.gd-tip span{flex:1;min-width:0}
.gd-tip em{flex:none;font-style:normal;font-weight:800;color:var(--gp);font-size:12.5px}
.gd-tip .n-av{flex:none!important;width:44px!important;height:44px!important}

/* «كيف بنشتغل» and similar cards on phones: icon beside the title, the line under them. */
@media (max-width:799px){
	.n-cards3 .n-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:2px 10px;align-items:center;padding:12px 14px}
	.n-cards3 .n-card>.n-i,.n-cards3 .n-card>img{grid-row:1;margin:0;width:34px;height:34px;padding:7px;border-radius:10px;background:rgba(201,162,74,.12);color:var(--gl)}
	.n-cards3 .n-card>b{grid-column:2;margin:0}
	.n-cards3 .n-card>p{grid-column:1/-1;margin:4px 0 0;font-size:12px;line-height:1.6}
}

/* Calculator «سعري»: a tidy field, not a huge number. */
.c2-x{justify-content:flex-start}
.c2-x input[data-ov]{flex:0 0 118px!important;max-width:118px;height:32px;padding:0 10px!important;font-size:16px!important;font-weight:500;letter-spacing:.02em;text-align:center;border-radius:10px;border:1px solid var(--ln2,var(--ln))!important;box-shadow:none!important;outline:0}
.c2-x input[data-ov]:focus{border-color:var(--gd)!important;box-shadow:0 0 0 2px rgba(201,162,74,.2)!important}

/* Site rule (4.10): a group of choices is ONE line that slides — never 2–3 rows. */
html body :is(.c2-govs,.c2-lvls,.n-chips,.n-fcs,.chips2,.qchips,.n-tags,.hx-tags,.ab-tags,.c-chips,.xs-chips,.fh-chips){display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:2px;max-width:100%;position:relative}
html body :is(.c2-govs,.c2-lvls,.n-chips,.n-fcs,.chips2,.qchips,.n-tags,.hx-tags,.ab-tags,.c-chips,.xs-chips,.fh-chips)::-webkit-scrollbar{display:none}
html body :is(.c2-govs,.c2-lvls,.n-chips,.n-fcs,.chips2,.qchips,.n-tags,.hx-tags,.ab-tags,.c-chips,.xs-chips,.fh-chips)>*{flex:0 0 auto!important;white-space:nowrap;scroll-snap-align:start;position:relative}

/* Page loading: gold line on top + Farha ring when slow. */
.pl-bar{position:fixed;top:0;inset-inline:0;height:3px;z-index:100003;pointer-events:none;opacity:0;transition:opacity .3s}
.pl-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gd,#C9A24A),var(--gp,#F3DFA6));box-shadow:0 0 10px rgba(201,162,74,.7);transition:width .5s ease}
.pl.go .pl-bar{opacity:1}
.pl-mid{position:fixed;inset:0;z-index:100003;display:grid;place-items:center;background:rgba(11,10,8,.45);opacity:0;pointer-events:none;transition:opacity .25s}
.pl.slow .pl-mid{opacity:1}
.pl-ring{position:relative;width:66px;height:66px;border-radius:50%;display:grid;place-items:center}
.pl-ring img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 15%}
.pl-ring::before{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid rgba(201,162,74,.2);border-top-color:var(--gp,#F3DFA6);animation:plsp .9s linear infinite}
@keyframes plsp{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pl-ring::before{animation-duration:2.5s}.pl-bar i{transition:none}}
/* Something still filling in: a soft shimmer instead of an empty gap. */
.sk-shim{border-radius:14px;background:linear-gradient(90deg,#1b1610 25%,#2a2219 50%,#1b1610 75%);background-size:200% 100%;animation:plsh 1.2s infinite}
@keyframes plsh{to{background-position:-200% 0}}

/* Green call button in the header actions. */
.v3 .n-pf-act .n-ib-call{background:#1fa855;border-color:#1fa855;color:#fff!important}
/* Desktop: the name sits beside the round photo (no empty gap under the cover). */
@media (min-width:900px){
	.n-pf-line .n-pf-row{margin-bottom:-78px}
	.n-pf-line .n-pf-in>:not(.n-pf-row){padding-inline-start:160px}
	.n-pf-line .n-pf-in>.n-pf-act{padding-inline-start:160px}
}

/* «الناس بيقولوا» — three calm short lines. */
.n-ps{margin:4px 0 12px;padding:9px 12px;border-radius:14px;border:1px solid var(--ln);background:var(--s1)}
.n-ps-h{display:flex;align-items:center;gap:7px;margin:0 0 6px}
.n-ps-h b{font-size:13px;color:var(--gp)}
.n-ps-h small{margin-inline-start:auto;font-size:10.5px;color:var(--mu)}
.n-ps-h .n-av{flex:none;width:22px!important;height:22px!important}
.n-ps ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.n-ps li{display:flex;align-items:baseline;gap:7px;font-size:12px;line-height:1.5;color:var(--tx)}
.n-ps li i{flex:none;width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;font-style:normal;font-size:9.5px;font-weight:800}
.n-ps li.g i{background:rgba(79,191,122,.18);color:#7fd7a1}
.n-ps li.n i{background:rgba(232,169,58,.18);color:#e8b75a}
.n-ps li.f i{background:rgba(201,162,74,.18);color:var(--gp)}