/* afrah-fs-092 */ /* afrah-fs-092c */
/* 2.8 — «فرحة بتوصّلك» v2 (صفحة الصالة وصفحة العرس). أزرار صغيرة ومسافات قليلة. */
.rt2{--rt-bg:var(--s2,#1A1611);--rt-ln:var(--ln,#2E271D);--rt-tx:var(--tx,#EFE7D6);--rt-mu:var(--mu,#9A8F7B);--rt-gd:var(--gd,#C9A24A);--rt-gl:var(--gl,#E8CF8A);--rt-ok:#4fbf7a;--rt-w:#e8a93a;--rt-b:#e2574c;
	display:grid;gap:10px;background:var(--rt-bg);border:1px solid var(--rt-ln);border-radius:18px;padding:12px;color:var(--rt-tx);font-size:13px}
.rt2>*{min-width:0}
.rt2-h{display:flex;gap:9px;align-items:center}
.rt2-h img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:2px solid var(--rt-gd);background:#2a2219;flex:0 0 36px}
.rt2-h>div{min-width:0;flex:1}
.rt2-h b{display:block;font-size:14px;color:var(--rt-gl);line-height:1.3}
.rt2-h span{display:block;font-size:11.5px;color:var(--rt-mu);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Distance ruler: the hall first, then the landmarks nearest → farthest. */
.rt2-ruler{position:relative;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));padding-top:24px;margin-top:2px}
.rt2-ruler::before{content:"";position:absolute;top:11px;inset-inline:calc(50% / var(--n,5));height:2px;background:linear-gradient(90deg,var(--rt-ln),var(--rt-gd),var(--rt-ln));border-radius:2px}
.rt2 .rt2-p{position:relative;display:grid;justify-items:center;align-content:start;text-align:center;gap:1px;padding:0 2px}
.rt2 .rt2-p::before{content:"";position:absolute;top:-18px;width:9px;height:9px;border-radius:50%;background:var(--rt-bg);border:2px solid var(--rt-gd)}
.rt2 .rt2-p.home::before{width:13px;height:13px;top:-20px;background:var(--rt-gl);border-color:var(--rt-gl);box-shadow:0 0 0 4px rgba(232,207,138,.18)}
.rt2 .rt2-p b{font-size:11.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.rt2 .rt2-p span{font-size:10.5px;color:var(--rt-gl);font-weight:700;font-variant-numeric:tabular-nums}
.rt2 .rt2-p small{font-size:10px;color:var(--rt-mu)}
.rt2-src{margin:-4px 0 0;font-size:10px;color:var(--rt-mu)}

/* Two small buttons side by side. */
.rt2-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.rt2 .rt2-b{display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:4px 8px;border-radius:12px;border:1px solid rgba(232,207,138,.4);background:rgba(232,207,138,.05);color:var(--rt-gl);font-family:inherit;font-weight:700;font-size:11.5px;line-height:1.2;cursor:pointer}
.rt2 .rt2-b img,.rt2 .rt2-b svg{width:15px;height:15px;flex:0 0 15px}
.rt2 .rt2-b:disabled{opacity:.4;cursor:not-allowed}
.rt2 .rt2-b.done{border-color:rgba(79,191,122,.55);color:#9be3b6}
.rt2 .rt2-b.wait{opacity:.7;cursor:progress}

/* Google's own steps. */
.rt2-dir{display:grid;gap:6px;border:1px solid var(--rt-ln);border-radius:14px;padding:10px;background:rgba(0,0,0,.18)}
.rt2-dir[hidden]{display:none}
.rt2-dir .src{font-size:10.5px;color:var(--rt-mu)}
.rt2-dir ol{margin:0;padding-inline-start:18px;display:grid;gap:5px;font-size:12.5px;line-height:1.45}
.rt2-dir ol small{color:var(--rt-mu);font-variant-numeric:tabular-nums;margin-inline-start:4px}
.rt2-dir .late{margin:0;font-size:12px;font-weight:700;color:var(--rt-gl)}
.rt2-dir .late.w{color:var(--rt-w)}
.rt2-dir .err{margin:0;font-size:12px;color:var(--rt-mu)}

/* «مباشر» — one line. */
.rt2-live{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--rt-ln);padding-top:9px}
.rt2-live .dot{width:8px;height:8px;border-radius:50%;background:var(--rt-ok);flex:0 0 8px}
.rt2-live .dot.w{background:var(--rt-w)}
.rt2-live .dot.b{background:var(--rt-b)}
.rt2-live .t{flex:1;min-width:0;font-size:12.5px;line-height:1.4}
.rt2-live .t b{font-weight:800}
.rt2-live .t small{display:block;font-size:10px;color:var(--rt-mu)}
.rt2 .rt2-rf{width:28px;height:28px;padding:0;border-radius:50%;border:1px solid var(--rt-ln);background:none;color:var(--rt-gl);display:grid;place-content:center;cursor:pointer;flex:0 0 28px}
.rt2 .rt2-rf img,.rt2 .rt2-rf svg{width:13px;height:13px}
.rt2 .rt2-rf.spin img,.rt2 .rt2-rf.spin svg{animation:rt2spin .8s linear infinite}
.rt2 .rt2-rf:disabled{opacity:.35;cursor:not-allowed}
.rt2-left{width:100%;margin:0;font-size:10.5px;color:var(--rt-mu)}
.rt2-left[hidden]{display:none}
@keyframes rt2spin{to{transform:rotate(360deg)}}

/* «شاهد على خرائط جوجل» — a ring in Google's four colors, white inside. */
.rt2 .rt2-go{display:block;border-radius:999px;padding:2px;text-decoration:none;background:conic-gradient(from 200deg,#4285F4 0 25%,#EA4335 0 50%,#FBBC05 0 75%,#34A853 0 100%)}
.rt2 .rt2-go>span{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;background:#fff;color:#202124;padding:5px 12px;min-height:30px}
.rt2 .rt2-go img,.rt2 .rt2-go svg{width:16px;height:16px;flex:0 0 16px}
.rt2 .rt2-go b{font-family:inherit;font-weight:800;font-size:12.5px;line-height:1.2}
.rt2 .rt2-go small{font-size:10.5px;color:#5f6368;font-weight:700}
.rt2 .rt2-go:hover>span{background:#f8f9fa}
.rt2-c{margin-top:8px}

@media (prefers-reduced-motion:reduce){.rt2 .rt2-rf.spin svg{animation:none}}
.rt2.rt2-w{background:none;border:0;padding:0;margin-top:8px}
.rt2.rt2-w .rt2-h,.rt2.rt2-w .rt2-go{display:none}
.rt2 .rt2-b img{width:18px;height:18px;flex-basis:18px}.rt2 .rt2-rf img{width:16px;height:16px}.rt2 .rt2-go img{width:18px;height:18px}
/* 2.9 — nearest landmarks as a clear list: type icon · name · side of the hall · distance + walk. */
.rt2 [hidden]{display:none!important}
.rt2-mk{display:grid;gap:6px}
.rt2-mkh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0}
.rt2-mkh b{font-size:12.5px;color:var(--rt-gl)}
.rt2-mkh small{font-size:10px;color:var(--rt-mu)}
.rt2-mk ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:6px}
.rt2-mk li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 9px;border-radius:12px;background:rgba(232,207,138,.05);border:1px solid var(--rt-ln)}
.rt2-ti{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(232,207,138,.12);color:var(--rt-gl)}
.rt2-ti svg{width:19px;height:19px}
.rt2-mk li>span{min-width:0;display:grid}
.rt2-mk li b{font-size:12.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt2-mk li small{font-size:10.5px;color:var(--rt-mu)}
.rt2-mk li em{font-style:normal;text-align:end;font-weight:800;font-size:12px;color:var(--rt-gl);font-variant-numeric:tabular-nums;display:grid;line-height:1.25}
.rt2-mk li em small{font-weight:400;font-size:10px}
/* 2.9 — «هيك شكل المدخل» (Street View or the uploaded entrance photo). */
.sv-door{margin:0;position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--rt-ln,#2E271D);background:#111}
.sv-door img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.sv-door figcaption{position:absolute;inset-inline:0;bottom:0;padding:22px 10px 8px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;display:grid;gap:1px;pointer-events:none}
.sv-door figcaption b{font-size:12.5px}
.sv-door figcaption span{font-size:10px;opacity:.85}
/* 2.9 — الطقس من Google. */
.wx2:not(.on){height:1px;overflow:hidden;opacity:0;margin:0!important;padding:0!important;border:0!important}
.wx2{display:grid;gap:6px;margin-top:2px;min-width:0;--wx-ln:var(--ln,#2E271D);--wx-mu:var(--mu,#9A8F7B);--wx-gl:var(--gl,#E8CF8A)}
.wx2-h{display:flex;justify-content:space-between;align-items:baseline;margin:0}
.wx2-h b{font-size:12.5px;color:var(--wx-gl)}
.wx2-h small,.wx2-s{font-size:10px;color:var(--wx-mu)}
.wx2-d{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.wx2-d>div{border:1px solid var(--wx-ln);border-radius:12px;padding:6px 2px;display:grid;justify-items:center;gap:1px;text-align:center}
.wx2-d>div:first-child{border-color:var(--gd,#C9A24A)}
.wx2-d small{font-size:10px;color:var(--wx-mu);white-space:nowrap}
.wx2-d img{width:28px;height:28px}
.wx2-d b{font-size:12px;font-variant-numeric:tabular-nums}
.wx2-d b i{font-style:normal;font-weight:400;color:var(--wx-mu);margin-inline-start:3px;font-size:10.5px}
.wx2-d em{font-style:normal;font-size:10px;color:#8fb6ff}
@media (max-width:420px){.wx2-d{grid-template-columns:repeat(4,minmax(0,1fr))}.wx2-d>div:nth-child(n+5){display:none}}
.wx2-c{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border-radius:14px;padding:10px 12px;background:linear-gradient(135deg,#1d2433,#141a26);border:1px solid #2b3549;color:#eef1f7}
.wx2-c.al{background:linear-gradient(135deg,#33221a,#24170f);border-color:#5a3a22}
.wx2-c b{display:block;font-size:13.5px}
.wx2-c b span{font-size:20px;font-weight:800;margin-inline-end:4px}
.wx2-c p{margin:2px 0 0;font-size:12px;opacity:.9}