/* ═══ حجوزاتنا — هوية حجازية خشبية (رواشين جدة)
   اللوحة: خشب داكن، خشبي، تان، بيج، كريمي — على رمادي ═══ */
:root{
  --wood-d:#4A3521; --wood:#6B4F35; --wood-m:#9B734B;
  --tan:#B98F63; --beige:#D9C3A0; --beige-l:#EDE3D2;
  --gray:#6E6A64; --gray-d:#514E49; --ink:#2B2620; --brass:#C79A54;
  --radius:14px;
  /* أسطح قابلة للثيمات */
  --bg:#F2EDE4; --surface:#fff; --surface-2:#F5EFE3; --line:#e7e2d8; --muted:#8a8378;
}
*{box-sizing:border-box;margin:0;padding:0}
/* (v35) الخاصية hidden نافذة دائماً — تمنع تغلّب display على الإخفاء (عارض الصور/الفيديو، الأزرار...) */
[hidden]{display:none!important}
html{scroll-behavior:smooth}
.panel{scroll-margin-top:16px}
body{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.8}
h1,h2,h3,.display{font-family:'Alexandria','IBM Plex Sans Arabic',sans-serif}
a{color:var(--wood);text-decoration:none}
.container{max-width:1080px;margin:0 auto;padding:0 20px}

/* ─ الترويسة ─ */
/* (v21.1) الهيدر يمشي مع الصفحة (غير ثابت) + خلفية رملية دافئة بدل الأبيض الصارخ */
header{background:var(--header-bg,linear-gradient(180deg,#FAF4E8 0%,#F3EAD8 78%,#EFE4CF 100%));
  border-bottom:3px solid var(--wood);position:static;z-index:50}
/* الهيدر الموسّط (v19): الشعار فوق، الروابط تحته، وسطر جود أسفلهما — كله في المنتصف */
.nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px 0 8px}
.nav img{height:44px}
.brand{display:flex;align-items:center;justify-content:center;padding:4px 0}
/* الشعار (v20.7): بانر عريض مضغوط — شريحة أفقية من واجهة الروشان والاسم جالس جوّاها.
   عرضه ≈ سطر الروابط، وفوقه بفراغ لا يلمسه. الصورة نفسها لم تتغير — نعرض منها شريحة عبر background */
/* ═══ الشعار الجديد (v49): عرضه = سطر الروابط (من «الوحدات» إلى زر الخروج)، وخلفية الهيدر = خلفية الصورة ═══ */
.nav img.brand-logo{width:min(440px,92vw);height:auto;display:block;filter:none}
.nav img.brand-logo-dark{display:none}
html[data-theme="dark"] .nav img.brand-logo-light{display:none}
html[data-theme="dark"] .nav img.brand-logo-dark{display:block;filter:none}
html[data-theme="light"] header,header{background:#f9f4e5;border-bottom:3px solid var(--wood)}
html[data-theme="dark"] header{background:#1c2116;border-bottom-color:#3a4030}
.brand-banner{position:relative;display:flex;align-items:center;justify-content:center;
  width:min(440px,92vw);aspect-ratio:44/15;border-radius:14px;overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,.30)}
.brand-banner::before{content:"";position:absolute;inset:0;
  background:var(--logo-src) center/cover no-repeat}
/* الوضع الليلي: إضاءة وتوهج نحاسي بدل الصمت */
html[data-theme="dark"] .brand-banner::before{
  filter:brightness(1.24) saturate(1.08)}
html[data-theme="dark"] .brand-banner{box-shadow:0 0 16px rgba(232,176,75,.35),0 4px 12px rgba(0,0,0,.42)}
.brand-name{position:relative;z-index:1;
  font-family:'Alexandria','IBM Plex Sans Arabic',sans-serif;font-weight:800;
  font-size:48px;line-height:1;letter-spacing:.5px;color:#3D2B17;white-space:nowrap;
  text-shadow:0 2px 8px rgba(255,255,255,.96),0 0 22px rgba(255,255,255,.85),0 3px 10px rgba(0,0,0,.16)}
html[data-theme="dark"] .brand-name{color:#F8EFDC;
  text-shadow:0 1px 5px rgba(20,14,6,.96),0 0 16px rgba(20,14,6,.85),0 2px 9px rgba(0,0,0,.6)}
.logo-svg{height:44px;width:auto;display:block}
.lg-line{stroke:var(--logo-line,#4A3521)}
.lg-lattice{stroke:var(--logo-accent,#C79A54);opacity:.75}
.ai-tag{font-size:12px;color:var(--muted);letter-spacing:.2px;text-align:center;max-width:100%}
.ai-tag b{color:var(--brass);font-weight:700}
.ai-heart{font-size:11px}
.nav-links{display:flex;gap:18px;align-items:center;font-size:15px;justify-content:center;flex-wrap:wrap;max-width:100%}
.btn{display:inline-block;background:var(--wood);color:#fff;border:none;cursor:pointer;
  padding:10px 22px;border-radius:var(--radius);font-family:inherit;font-size:15px;
  transition:background .2s}
.btn:hover{background:var(--wood-d)}
.btn-ghost{background:transparent;color:var(--wood);border:2px solid var(--wood)}
.btn-ghost:hover{background:var(--wood);color:#fff}
.btn-ghost.active{background:var(--wood);color:#fff}
.btn-brass{background:var(--brass)}
.btn-brass:hover{background:#a87f3f}

/* ─ البطل: رمادي متدرج ─ */
.hero{background:linear-gradient(168deg,#807C75,#5A5651 75%);
  color:#fff;padding:56px 0 72px;position:relative;overflow:hidden}
.hero .container{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.hero h1{font-size:clamp(30px,5vw,46px);line-height:1.4;margin-bottom:14px}
.hero p{font-size:18px;opacity:.94;max-width:46ch}
.hero .accent{color:var(--beige)}

/* ═══ الروشان v2 — معماري ═══ */
.rawshan-wrap{justify-self:center;width:min(100%,300px);
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.4))}
/* التاج: رؤوس مدببة */
.rw-crown{display:flex;justify-content:space-evenly;align-items:flex-end;padding:0 14px}
.rw-crown span{width:9.5%;height:44px;background:linear-gradient(180deg,var(--wood-m),var(--wood));
  clip-path:polygon(50% 0,86% 42%,78% 100%,22% 100%,14% 42%)}
.rw-crown span:nth-child(odd){height:34px}
/* الكورنيش العريض */
.rw-cornice{height:22px;margin:0 -2px;border-radius:4px 4px 0 0;
  background:repeating-linear-gradient(90deg,var(--wood) 0 10px,var(--wood-d) 10px 13px);
  border-top:4px solid var(--tan);box-shadow:0 3px 6px rgba(0,0,0,.3)}
/* حزام الورود */
.rw-roses{display:flex;gap:8px;background:var(--wood-m);padding:9px 12px;
  border:3px solid var(--wood-d);border-top:none}
.rw-roses i{flex:1;height:44px;border:2px solid var(--wood-d);border-radius:4px;
  background:
    radial-gradient(circle at 50% 50%, var(--wood-d) 0 3px, transparent 3px 8px,
      var(--wood-d) 8px 10px, transparent 10px 15px, var(--wood-d) 15px 17px, var(--tan) 17px),
    var(--tan)}
/* جسم الألواح 4×2 — أعرض جزء */
.rw-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;
  background:linear-gradient(180deg,var(--wood),#5d4429);padding:13px;margin:0 -16px;
  border:4px solid var(--wood-d);border-radius:4px;
  box-shadow:0 8px 18px rgba(0,0,0,.3)}
.rw-panels i{height:74px;border-radius:2px;
  background:
    repeating-linear-gradient(45deg,rgba(155,115,75,.5) 0 2px,transparent 2px 10px),
    linear-gradient(160deg,var(--beige-l),var(--beige));
  border:2.5px solid var(--wood-d);
  box-shadow:inset 0 0 0 2px rgba(237,227,210,.7), 0 2px 4px rgba(0,0,0,.28)}
/* حزام المعينات */
.rw-band{height:34px;background:var(--wood-m);border:3px solid var(--wood-d);border-top:none;
  display:flex;justify-content:space-evenly;align-items:center}
.rw-band i{width:15px;height:15px;background:var(--tan);border:2px solid var(--wood-d);
  transform:rotate(45deg)}
/* رف + أسنان مثلثية */
.rw-shelf{height:15px;background:linear-gradient(180deg,var(--wood-m),var(--wood));
  margin:0 -6px;border-radius:3px;box-shadow:0 3px 5px rgba(0,0,0,.3)}
.rw-teeth{display:flex;justify-content:space-evenly;padding:0 10px}
.rw-teeth i{width:0;height:0;border-left:11px solid transparent;
  border-right:11px solid transparent;border-top:17px solid var(--wood-m)}
/* الرف السفلي الأعرض */
.rw-foot{height:20px;margin:2px -20px 0;border-radius:4px;
  background:repeating-linear-gradient(90deg,var(--wood) 0 9px,var(--wood-d) 9px 12px);
  border-top:4px solid var(--tan);box-shadow:0 6px 12px rgba(0,0,0,.35)}
@media(max-width:760px){.rawshan-wrap{display:none}}

/* ─ شريط البحث ─ */
.search-bar{background:var(--surface);border-radius:var(--radius);padding:14px;
  display:flex;gap:10px;flex-wrap:wrap;margin-top:-34px;position:relative;
  box-shadow:0 10px 30px rgba(43,38,32,.2)}
.search-bar input,.search-bar select{flex:1;min-width:130px;padding:12px;
  border:1.5px solid var(--line);border-radius:10px;font-family:inherit;font-size:15px}

/* ─ شريط الثقة ─ */
.trust{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:34px 0}
.badge{background:#fff;border:1.5px solid var(--wood);color:var(--wood-d);
  border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600}
.badge.gold{border-color:var(--brass);color:var(--wood-d)}

/* ─ بطاقات الوحدات ─ */
.section-title{font-size:26px;color:var(--wood-d);margin:38px 0 6px;
  display:flex;align-items:center;gap:12px}
.section-title::after{content:"";flex:1;height:6px;border-radius:3px;
  background:repeating-linear-gradient(90deg,var(--tan) 0 14px,transparent 14px 22px)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:18px;margin:22px 0 50px}
.card{background:var(--surface);border-radius:16px;overflow:hidden;
  box-shadow:0 4px 14px rgba(43,38,32,.07);transition:transform .18s,box-shadow .18s}
.card:hover{transform:translateY(-4px)}
.card-clickable{cursor:pointer}
.card-clickable:focus-visible{outline:2px solid var(--gold,#B08536);outline-offset:2px}
.card-img{height:150px;background:
  repeating-linear-gradient(45deg,rgba(155,115,75,.4) 0 2px,transparent 2px 11px),
  linear-gradient(150deg,#E8DAC0,var(--beige));
  border-bottom:4px solid var(--wood);position:relative}
.card-img::after{content:"";position:absolute;inset:12px;border:3px solid rgba(107,79,53,.5);
  border-radius:4px}
.card-body{padding:11px 13px 13px}
.card h3{font-size:15.5px;font-weight:700;color:var(--wood-d);line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.card .meta{color:#8a8378;font-size:12.5px;margin:2px 0 7px;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.c-rating{color:var(--brass);font-size:12.5px;font-weight:700;margin-bottom:1px}
.c-rating span{color:#9a9384;font-weight:400}
.c-rating.c-new{color:#9a9384;font-weight:600}
.lic-line{display:flex;gap:6px;align-items:center;margin-top:8px;font-size:11px;color:#9a9384}
.lic-line .lic-dot{width:6px;height:6px;border-radius:50%;background:#3E8E5A;flex:none}
.lic-line b{font-weight:600;color:#8a8378}
.price{font-size:17px;font-weight:800;color:var(--wood-d)}
.price small{font-size:11.5px;color:#9a9384;font-weight:400}
.riyal{display:inline-block;width:.74em;height:.82em;vertical-align:-.1em;background-color:currentColor;
  -webkit-mask:url(/static/img/riyal.svg?v=29) center/contain no-repeat;
  mask:url(/static/img/riyal.svg?v=29) center/contain no-repeat}
.permit-ok{display:inline-block;background:#F0E7D6;color:var(--wood-d);
  font-size:12.5px;padding:3px 10px;border-radius:999px;margin-top:8px}
.permit-badge{display:inline-block;background:var(--wood);color:#fff;
  font-size:12.5px;padding:3px 12px;border-radius:999px;margin:8px 4px 0 0;font-weight:700;
  border:1px solid var(--wood-d)}
.unit-code{display:inline-block;background:var(--gray-d);color:var(--beige-l);
  font-size:12.5px;padding:3px 10px;border-radius:999px;margin:8px 4px 0 0;font-weight:600}
.stars{color:var(--brass);font-size:14px}

/* ─ النماذج واللوحات ─ */
.panel{background:var(--surface);border-radius:var(--radius);padding:26px;
  box-shadow:0 4px 16px rgba(43,38,32,.1);margin:26px 0}
.panel h2{color:var(--wood-d);margin-bottom:14px}
label{display:block;font-size:14px;font-weight:600;margin:12px 0 4px}
input,select,textarea{width:100%;padding:11px;border:1.5px solid var(--line);
  border-radius:10px;font-family:inherit;font-size:15px}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th{background:var(--wood);color:#fff;padding:10px;text-align:right}
td{border-bottom:1px solid var(--line);padding:10px}
.tag{padding:2px 10px;border-radius:999px;font-size:12.5px}
.tag.ok{background:#F0E7D6;color:var(--wood-d)}
.tag.warn{background:#FBF1DF;color:#8a6420}
.tag.bad{background:#FBE5E5;color:#a33}
.stat{background:var(--surface);border-radius:var(--radius);padding:18px;text-align:center;
  box-shadow:0 4px 14px rgba(43,38,32,.09)}
.stat .n{font-size:30px;font-weight:800;color:var(--wood);font-family:'Alexandria'}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:20px 0}
.msg{padding:12px;border-radius:10px;margin:10px 0;font-size:14.5px;display:none}
.msg.ok{background:#F0E7D6;color:var(--wood-d);display:block}
.msg.err{background:#FBE5E5;color:#a33;display:block}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:12px 0}
.gallery img{width:100%;height:120px;object-fit:cover;border-radius:10px;border:2px solid var(--beige)}
.amenity{display:inline-block;background:#F5EFE3;border:1.5px solid var(--beige);
  color:var(--wood-d);border-radius:999px;padding:5px 14px;font-size:13.5px;margin:4px 4px 0 0}

/* ─ التذييل ─ */
footer{background:var(--gray-d);color:var(--beige-l);margin-top:60px;padding:36px 0 22px}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
footer h4{color:var(--brass);margin-bottom:8px}
footer a{color:var(--beige-l);opacity:.88;display:block;padding:2px 0;font-size:14.5px}
.footer-legal{border-top:1px solid rgba(237,227,210,.22);margin-top:26px;
  padding-top:16px;font-size:13px;opacity:.85;text-align:center}

@media(max-width:760px){
  .hero .container{grid-template-columns:1fr}
  .nav-links{gap:10px;font-size:13.5px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ═══ مزايا التصفح المتقدمة ═══ */
/* شريط الفلاتر */
.filters{background:var(--surface);border-radius:var(--radius);padding:14px;margin:22px 0;
  display:flex;gap:10px;flex-wrap:wrap;align-items:center;
  box-shadow:0 4px 16px rgba(43,38,32,.08)}
.filters select,.filters input{padding:9px 12px;border:1.5px solid var(--line);
  border-radius:10px;font-family:inherit;font-size:14px;flex:1;min-width:120px}
.filters .chip{padding:8px 16px;border-radius:999px;border:1.5px solid var(--wood);
  background:#fff;color:var(--wood);cursor:pointer;font-size:14px;white-space:nowrap;
  font-family:inherit;transition:all .15s}
.filters .chip.active{background:var(--wood);color:#fff}
.view-toggle{display:flex;gap:6px;margin-right:auto}
.view-toggle button{padding:9px 16px;border:1.5px solid var(--wood);background:#fff;
  color:var(--wood);border-radius:10px;cursor:pointer;font-family:inherit;font-size:14px}
.view-toggle button.active{background:var(--wood);color:#fff}

/* سلايدر صور البطاقة */
.slider{position:relative;height:200px;overflow:hidden;background:var(--surface-2);
  border-radius:16px 16px 0 0}
.slider .slides{display:flex;height:100%;transition:transform .3s ease}
.slider .slides img{min-width:100%;height:100%;object-fit:cover}
.slider .slide-ph{min-width:100%;height:100%;
  background:repeating-linear-gradient(45deg,rgba(155,115,75,.35) 0 2px,transparent 2px 11px),
    linear-gradient(150deg,#E8DAC0,var(--beige))}
.slider button{position:absolute;top:50%;transform:translateY(-50%);
  width:30px;height:30px;border-radius:50%;border:none;background:rgba(255,255,255,.94);
  cursor:pointer;font-size:16px;color:var(--wood-d);display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.18);opacity:0;transition:opacity .15s}
.card:hover .slider .prev,.card:hover .slider .next,.slider:hover .prev,.slider:hover .next{opacity:1}
.slider .prev{right:8px}.slider .next{left:8px}
.slider .dots{position:absolute;bottom:9px;left:0;right:0;display:flex;gap:5px;justify-content:center}
.slider .dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55)}
.slider .dots i.on{background:#fff}
.fav{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.92);border:none;cursor:pointer;font-size:16px;z-index:2;
  display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.fav.on{color:#d9534f}
.disc-badge{position:absolute;top:10px;left:10px;background:#C0392B;color:#fff;
  font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px;z-index:2}

/* أيقونات المميزات في البطاقة */
.amen-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.amen-row span{font-size:12.5px;background:#F5EFE3;border:1px solid var(--beige);
  color:var(--wood-d);border-radius:8px;padding:3px 8px}
.price-old{color:#b0a898;text-decoration:line-through;font-size:14px;font-weight:400}

/* الخريطة */
#map{height:460px;border-radius:var(--radius);margin:22px 0 50px;
  box-shadow:0 4px 16px rgba(43,38,32,.12);z-index:1}
.leaflet-price{background:var(--wood);color:#fff;border-radius:999px;padding:5px 12px;
  font-weight:700;font-size:13px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.3);
  border:2px solid #fff}
.hidden{display:none!important}

/* الستيبر (نموذج متدرّج) */
.stepper{display:flex;justify-content:space-between;margin:0 0 24px;position:relative}
.stepper::before{content:"";position:absolute;top:16px;right:8%;left:8%;height:3px;background:#e5ded2;z-index:0}
.step{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1;flex:1}
.step .dot{width:34px;height:34px;border-radius:50%;background:#e5ded2;color:#8a8378;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-family:'Alexandria'}
.step.active .dot{background:var(--wood);color:#fff}
.step.done .dot{background:var(--brass);color:#fff}
.step small{font-size:12.5px;color:#8a8378}
.step.active small{color:var(--wood-d);font-weight:600}
.step-panel{display:none}
.step-panel.active{display:block}
.amen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:10px 0}
.amen-pick{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1.5px solid var(--line);
  border-radius:10px;cursor:pointer;font-size:14px;transition:all .15s;user-select:none}
.amen-pick.on{border-color:var(--wood);background:#F5EFE3;color:var(--wood-d);font-weight:600}
.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:10px 0}
.type-pick{padding:14px 8px;border:1.5px solid var(--line);border-radius:12px;text-align:center;
  cursor:pointer;font-size:14px;transition:all .15s}
.type-pick.on{border-color:var(--wood);background:#F5EFE3;color:var(--wood-d);font-weight:700}
.type-pick .ico{font-size:26px;display:block;margin-bottom:4px}
.step-nav{display:flex;justify-content:space-between;margin-top:20px}

/* أقسام سريعة (شرائح النوع) */
.cat-chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 4px}
.cat-chips .chip{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:14px;
  border:1.5px solid var(--line2,#E4DAC8);background:var(--surface,#fff);color:var(--ink,#4a3f32);
  cursor:pointer;font-size:14.5px;font-weight:600;font-family:inherit;
  transition:all .18s;white-space:nowrap;box-shadow:0 2px 8px rgba(22,48,43,.05)}
.cat-chips .chip svg{color:var(--brass2,#B08838);transition:color .18s}
.cat-chips .chip:hover{border-color:var(--brass2,#B08838);transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(176,136,56,.18)}
.cat-chips .chip.active{background:linear-gradient(120deg,#16302B,#2C5A4E);color:#fff;
  border-color:transparent;box-shadow:0 6px 18px rgba(22,48,43,.25)}
.cat-chips .chip.active svg{color:var(--glow,#E8B04B)}
html[data-theme="dark"] .cat-chips .chip{background:var(--surface);border-color:var(--line);color:var(--ink)}

/* جرس الإشعارات */
.bell{position:relative;background:none;border:none;cursor:pointer;font-size:19px;
  padding:4px;display:inline-flex;align-items:center}
.bell-count{position:absolute;top:-4px;left:-6px;background:#C0392B;color:#fff;
  font-size:11px;font-weight:700;min-width:17px;height:17px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;padding:0 4px}
.notif-panel{position:fixed;top:64px;left:14px;width:340px;max-height:70vh;overflow-y:auto;
  background:var(--surface);border-radius:14px;box-shadow:0 12px 40px rgba(43,38,32,.28);z-index:60;
  border:1px solid var(--beige)}
.notif-head{padding:14px 16px;font-weight:700;color:var(--wood-d);
  border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.notif-clear{background:none;border:none;color:var(--wood);font-size:12.5px;cursor:pointer;font-family:inherit}
.notif-item{padding:12px 16px;border-bottom:1px solid var(--line)}
.notif-item.unread{background:var(--surface-2)}
.notif-item b{font-size:14px;color:var(--wood-d)}
.notif-item p{font-size:13px;color:#555;margin:2px 0}
.notif-item small{font-size:11.5px;color:#999}

/* خيارات الدفع */
.pay-methods{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.pay-opt{display:flex;align-items:center;gap:10px;padding:14px;border:1.5px solid var(--line);
  border-radius:12px;cursor:pointer;font-size:15px}
.pay-opt:has(input:checked){border-color:var(--wood);background:#F5EFE3;font-weight:600}

/* المحادثة */
.chat-modal{position:fixed;inset:0;background:rgba(43,38,32,.55);z-index:80;
  display:flex;align-items:center;justify-content:center;padding:16px}
.chat-box{background:var(--surface);border-radius:16px;width:min(480px,100%);height:min(560px,90vh);
  display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.chat-head{padding:14px 18px;background:var(--wood);color:#fff;display:flex;
  justify-content:space-between;align-items:center}
.chat-head button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}
.chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.bubble{max-width:78%;padding:10px 14px;border-radius:14px;font-size:14px}
.bubble small{display:block;font-size:11px;opacity:.7;margin-top:4px}
/* (v84) زر الموقع على خرائط قوقل داخل المحادثة */
.map-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;
  padding:9px 16px;border-radius:10px;background:#3d5a3a;color:#fff !important;
  font-size:13px;font-weight:600;text-decoration:none;
  border:1.5px solid #C79A54;transition:all .15s;white-space:nowrap}
.map-btn:hover{background:#C79A54;border-color:#3d5a3a}
.bubble.me .map-btn{background:#C79A54;border-color:#fff}
.bubble.me .map-btn:hover{background:#3d5a3a}
.bubble.me{align-self:flex-start;background:var(--wood);color:#fff;border-bottom-right-radius:4px}
.bubble.them{align-self:flex-end;background:#F0E7D6;color:var(--ink);border-bottom-left-radius:4px}
.chat-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.chat-input-row input{flex:1}

/* ═══ وضع English (LTR) — انعكاس القواعد المعتمدة على الاتجاه ═══ */
html[dir="ltr"] th{text-align:left}
html[dir="ltr"] td{text-align:left}
html[dir="ltr"] .notif-panel{left:auto;right:16px}
html[dir="ltr"] body{font-family:'IBM Plex Sans Arabic',system-ui,Segoe UI,Arial,sans-serif}
html[dir="ltr"] .view-toggle{margin-right:0;margin-left:auto}

/* ═══════════════════════════════════════════════════════════
   الوضع الداكن — بني حجازي غامق دافئ (مريح للعين)
   يتفعل بـ data-theme="dark" على <html>، والوضع التلقائي يتبع الجهاز
   ═══════════════════════════════════════════════════════════ */
html[data-theme="dark"]{
  color-scheme:dark;
  --header-bg:linear-gradient(180deg,#2E2317 0%,#271D12 100%);
  --bg:#1F1811; --surface:#2A2015; --surface-2:#3A2C1C;
  --line:#4A3A27; --muted:#B9AE9E;
  --ink:#EEE5D6; --gray:#B9AE9E; --gray-d:#CFC5B4;
  --beige-l:#E8DCC6;
  /* شعار الروشان المفرّغ (v19): خطوط فاتحة تتنفس على الخلفية الداكنة */
  --logo-line:#EAD9BC; --logo-accent:#D8B084;
}
/* إصلاح التباين (v19): أي نص خشبي غامق inline يُقلب لدرجة فاتحة مقروءة في الداكن
   — يشمل بلوك الموقع وبلوك سياسات الحجز في صفحة الوحدة وكل ما يماثلها */
html[data-theme="dark"] [style*="color:var(--wood-d)"]{color:#E8D7BC!important}
html[data-theme="dark"] a{color:#D8B084}
html[data-theme="dark"] .btn{background:#7A5B3D}
html[data-theme="dark"] .btn:hover{background:#8f6b47}
html[data-theme="dark"] .btn-ghost{background:transparent;color:#D8B084;border-color:#8f6b47}
html[data-theme="dark"] .btn-ghost:hover{background:#7A5B3D;color:#fff}
html[data-theme="dark"] .hero{background:linear-gradient(168deg,#383026,#211B15 75%)}
html[data-theme="dark"] .section-title{color:#E3C79A}
html[data-theme="dark"] .notif-head{color:#E3C79A}
html[data-theme="dark"] label{color:var(--ink)}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#9c8f7c}
html[data-theme="dark"] .tag.ok{background:#33452c;color:#a9d9a0}
html[data-theme="dark"] .tag.warn{background:#3d331a;color:#e0c07a}
html[data-theme="dark"] .tag.bad{background:#4a2622;color:#eba39c}
html[data-theme="dark"] .msg.ok{background:#33452c;color:#a9d9a0}
html[data-theme="dark"] .msg.err{background:#4a2622;color:#eba39c}
html[data-theme="dark"] footer{background:#171209;color:var(--beige-l)}
html[data-theme="dark"] .step .dot{background:#4A3A27;color:#B9AE9E}
html[data-theme="dark"] .stepper::before{background:#4A3A27}
html[data-theme="dark"] .bubble.them{background:#3A2C1C;color:var(--ink)}
html[data-theme="dark"] .pay-opt:has(input:checked){background:#3A2C1C;border-color:#8f6b47}
html[data-theme="dark"] td{color:var(--ink)}
/* الأنماط المكتوبة inline داخل القوالب */
html[data-theme="dark"] [style*="color:#8a8378"]{color:#B9AE9E!important}
html[data-theme="dark"] [style*="color:#777"]{color:#B9AE9E!important}
html[data-theme="dark"] [style*="color:#999"]{color:#B9AE9E!important}
html[data-theme="dark"] [style*="color:#555"]{color:#B9AE9E!important}
html[data-theme="dark"] [style*="color:#5a5248"]{color:#CFC5B4!important}
html[data-theme="dark"] [style*="background:#fff"]{background:var(--surface)!important}
html[data-theme="dark"] [style*="background:#f3ede2"]{background:#3A2C1C!important}
html[data-theme="dark"] [style*="background:#f3e2e2"]{background:#4a2622!important}
html[data-theme="dark"] [style*="background:#eee"]{background:var(--surface-2)!important}
html[data-theme="dark"] [style*="color:#1c7a3d"]{color:#8fd6a5!important}
html[data-theme="dark"] [style*="color:#a33"]{color:#eba39c!important}

/* ═══════════════════════════════════════════════════════════
   v10 — الطبقة البصرية الفخمة "المشربية الرقمية"
   ضيافة سعودية رقمية: رمل دافئ + مسائي أخضر عميق + نحاس ذهبي
   ═══════════════════════════════════════════════════════════ */
:root{
  --sand:#F3ECE0; --ink2:#16302B; --ink2-soft:#1E3A34;
  --brass2:#B08838; --glow:#E8B04B; --clay:#9C5A3C;
  --line2:#E4DAC8;
}

/* رفع مستوى الترويسة */
header{border-bottom:none;box-shadow:0 1px 0 var(--line2),0 6px 22px rgba(22,48,43,.05)}
.nav img{height:46px}
.nav-links a{color:var(--ink2);font-weight:600;position:relative;transition:color .18s}
.nav-links a:hover{color:var(--brass2)}

/* ─────────── البطل الجديد: مشربية بإضاءة داخلية ─────────── */
.vhero{position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 130% at 78% 8%, #234B43 0%, var(--ink2) 46%, #0F231F 100%);
  color:#fff;padding:64px 0 128px}
.vhero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background-image:
    radial-gradient(circle at 50% 50%, transparent 34%, rgba(232,176,75,.16) 35% 37%, transparent 38%),
    radial-gradient(circle at 0% 50%, transparent 34%, rgba(232,176,75,.10) 35% 37%, transparent 38%),
    radial-gradient(circle at 100% 50%, transparent 34%, rgba(232,176,75,.10) 35% 37%, transparent 38%);
  background-size:46px 80px;background-position:center;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 92%);
          mask-image:linear-gradient(180deg,#000,transparent 92%)}
.vhero::after{content:"";position:absolute;right:-8%;top:-18%;width:52%;height:150%;z-index:-1;
  background:radial-gradient(circle, rgba(232,176,75,.32), transparent 62%);
  filter:blur(6px);animation:glowpulse 7s ease-in-out infinite}
@keyframes glowpulse{0%,100%{opacity:.62;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.vhero .container{position:relative}
.vhero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;
  letter-spacing:.4px;color:var(--glow);background:rgba(232,176,75,.12);
  border:1px solid rgba(232,176,75,.34);padding:7px 15px;border-radius:999px;margin-bottom:20px}
.vhero .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--glow);
  box-shadow:0 0 0 0 rgba(232,176,75,.7);animation:ping 2.4s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(232,176,75,.55)}70%,100%{box-shadow:0 0 0 9px rgba(232,176,75,0)}}
.vhero h1{font-size:clamp(32px,6.4vw,60px);line-height:1.18;font-weight:800;letter-spacing:-.5px;margin-bottom:16px}
.vhero h1 .accent{color:transparent;background:linear-gradient(100deg,var(--glow),#F5D488);
  -webkit-background-clip:text;background-clip:text}
.vhero .lead{font-size:clamp(16px,2.4vw,20px);opacity:.9;max-width:52ch;line-height:1.85}
.vhero .hero-stats{display:flex;gap:30px;margin-top:30px;flex-wrap:wrap}
.vhero .hero-stats .n{font-family:'Alexandria';font-size:26px;font-weight:800;color:var(--glow)}
.vhero .hero-stats small{display:block;font-size:12.5px;opacity:.72;margin-top:2px}

/* شريط بحث زجاجي عائم فوق حد البطل */
.vsearch{position:relative;margin:-92px auto 0;max-width:960px;z-index:5;
  background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.7);border-radius:20px;padding:16px;
  box-shadow:0 24px 60px rgba(15,35,31,.28)}
.vsearch h3{font-size:15px;color:var(--ink2);margin:2px 6px 12px;font-weight:700}
.vsearch .row{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px}
.vsearch .fld{display:flex;flex-direction:column;gap:4px}
.vsearch .fld label{font-size:11.5px;font-weight:700;color:var(--clay);margin:0}
.vsearch .fld select,.vsearch .fld input{border:1.5px solid var(--line2);border-radius:12px;
  padding:11px 12px;font-family:inherit;font-size:14.5px;background:#fff;color:var(--ink2);width:100%}
.vsearch .go{align-self:end;background:linear-gradient(100deg,var(--brass2),var(--glow));
  color:#241a06;font-weight:800;border:none;border-radius:12px;padding:13px 26px;cursor:pointer;
  font-family:inherit;font-size:15px;white-space:nowrap;transition:transform .15s,box-shadow .15s;
  box-shadow:0 6px 18px rgba(176,136,56,.4)}
.vsearch .go:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(176,136,56,.5)}

/* ─────────── عناوين الأقسام (بمشربية مصغرة) ─────────── */
.vsec{margin:56px 0 8px}
.vsec .ki{display:block;font-size:12.5px;font-weight:700;letter-spacing:1px;color:var(--brass2);
  text-transform:uppercase;margin-bottom:4px}
.vsec h2{font-size:clamp(22px,3.4vw,30px);color:var(--ink2);font-weight:800;line-height:1.3;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.vsec .link{margin-inline-start:auto;font-size:14px;font-weight:700;color:var(--brass2);white-space:nowrap}
.vsec p.sub{color:#6a675f;font-size:15px;margin-top:6px}

/* ─────────── سلايدر العروض ─────────── */
.offers{position:relative;margin:22px 0 8px;overflow:hidden;border-radius:22px}
.offers-track{display:flex;transition:transform .55s cubic-bezier(.6,.05,.2,1)}
.offer{min-width:100%;position:relative;padding:38px 34px;color:#fff;overflow:hidden;
  min-height:210px;display:flex;flex-direction:column;justify-content:center}
.offer.o1{background:linear-gradient(120deg,#16302B,#2C5A4E 70%,#3C7A62)}
.offer.o2{background:linear-gradient(120deg,#7A3F2A,#B0603A 72%,#D08A3A)}
.offer.o3{background:linear-gradient(120deg,#243B6B,#3A5AA0 70%,#5478C8)}
.offer::after{content:"";position:absolute;left:-40px;top:-40px;width:230px;height:230px;
  border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 66%)}
.offer .tag{align-self:flex-start;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);
  color:#fff;font-weight:700;padding:5px 13px;border-radius:999px;font-size:12.5px;margin-bottom:12px}
.offer h3{font-size:clamp(22px,4vw,32px);font-weight:800;margin-bottom:8px;line-height:1.28}
.offer p{opacity:.92;font-size:15px;max-width:44ch}
.offer .promo{display:inline-flex;align-items:center;gap:10px;margin-top:16px;
  background:rgba(255,255,255,.16);border:1.5px dashed rgba(255,255,255,.6);border-radius:12px;
  padding:9px 14px;cursor:pointer;transition:background .15s;align-self:flex-start}
.offer .promo:hover{background:rgba(255,255,255,.28)}
.offer .promo b{font-family:'Alexandria';letter-spacing:1.5px;font-size:16px}
.offer .promo .cp{font-size:12px;opacity:.85}
.offers-dots{display:flex;gap:8px;justify-content:center;margin-top:14px}
.offers-dots button{width:9px;height:9px;border-radius:50%;border:none;cursor:pointer;
  background:var(--line2);transition:all .2s;padding:0}
.offers-dots button.on{background:var(--brass2);width:26px;border-radius:5px}
.offers-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;
  border-radius:50%;border:none;background:rgba(255,255,255,.9);color:var(--ink2);cursor:pointer;
  font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.offers-arrow.prev{right:14px}.offers-arrow.next{left:14px}
.copied-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:120;
  background:var(--ink2);color:#fff;padding:12px 22px;border-radius:12px;font-size:14.5px;
  box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.copied-toast.show{opacity:1;transform:translateX(-50%) translateY(-6px)}

/* ─────────── شبكة الوجهات السعودية ─────────── */
.dests{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 8px}
.dest{position:relative;height:230px;border-radius:18px;overflow:hidden;cursor:pointer;
  display:flex;align-items:flex-end;color:#fff;text-decoration:none;
  box-shadow:0 8px 24px rgba(22,48,43,.14);isolation:isolate}
.dest .ph{position:absolute;inset:0;z-index:-2;transition:transform .5s ease;
  background-size:cover;background-position:center;background-repeat:no-repeat}
.dest:hover .ph{transform:scale(1.08)}
.dest::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,transparent 30%,rgba(11,26,22,.86))}
.dest .body{padding:18px;width:100%}
.dest .body .ic{font-size:22px;margin-bottom:4px}
.dest h3{font-size:20px;font-weight:800;margin-bottom:2px}
.dest .body span{font-size:13px;opacity:.9;display:inline-flex;align-items:center;gap:5px}
.dest.big{grid-column:span 2;height:230px}
/* خلفيات معمارية مولّدة (بدون صور خارجية) */
.ph-makkah{background:
  radial-gradient(circle at 50% 120%, #C9A24B, transparent 55%),
  linear-gradient(160deg,#2B2016,#4A3826)}
.ph-madinah{background:
  radial-gradient(circle at 50% 130%, #7FA9C9, transparent 52%),
  linear-gradient(160deg,#1B3A4B,#2C5468)}
.ph-jeddah{background:
  radial-gradient(circle at 30% 120%, #3B8C8C, transparent 54%),
  linear-gradient(160deg,#123A38,#1F6461)}
.ph-riyadh{background:
  radial-gradient(circle at 70% 120%, #C98A5A, transparent 54%),
  linear-gradient(160deg,#3A2A1E,#6B4A30)}
.ph-taif{background:
  radial-gradient(circle at 50% 120%, #8CB073, transparent 54%),
  linear-gradient(160deg,#22331B,#3E5E2E)}
.ph-abha{background:
  radial-gradient(circle at 40% 120%, #6D8CC9, transparent 54%),
  linear-gradient(160deg,#1E2440,#39406E)}
/* لمسة سكايلاين شفافة */
.dest .ph::after{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 3px,transparent 3px 15px);
  -webkit-mask-image:linear-gradient(180deg,transparent 55%,#000);
          mask-image:linear-gradient(180deg,transparent 55%,#000)}

/* ─────────── لماذا نحن ─────────── */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 8px}
.why .item{background:var(--surface);border:1px solid var(--line2);border-radius:16px;padding:22px;
  transition:transform .2s,box-shadow .2s}
.why .item:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(22,48,43,.1)}
.why .ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-size:22px;background:linear-gradient(135deg,rgba(176,136,56,.16),rgba(232,176,75,.24));
  color:var(--brass2);margin-bottom:12px}
.why h4{font-size:16.5px;color:var(--ink2);font-weight:800;margin-bottom:5px}
.why p{font-size:13.5px;color:#6a675f;line-height:1.7}

/* ─────────── شعارات الدفع ─────────── */
.pays{margin:30px 0 8px;padding:26px;border-radius:20px;background:var(--surface);
  border:1px solid var(--line2);text-align:center}
.pays .cap{font-size:13px;color:#8a8378;font-weight:600;margin-bottom:16px}
.pay-logos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.pay-logos .pl{height:44px;min-width:66px;padding:0 14px;border-radius:11px;background:#fff;
  border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:14px;letter-spacing:.3px;transition:transform .15s,box-shadow .15s}
.pay-logos .pl:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(22,48,43,.12)}
.pay-logos .pl svg{height:22px;display:block}
.pl-mada{color:#231F20}.pl-visa{color:#1A1F71;font-style:italic}
.pl-mc{color:#EB001B}.pl-apple{color:#000}.pl-stc{color:#4F008C}
.pl-tamara{color:#3A2FD6}.pl-tabby{color:#3EE0C4;background:#0B1533}

/* ─────────── تحسين بطاقات الوحدات ─────────── */
.card{border:1px solid var(--line2);box-shadow:0 6px 20px rgba(22,48,43,.07)}
.card:hover{box-shadow:0 16px 34px rgba(22,48,43,.13)}
.amenity-counts{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}

/* ═══════════════ التجاوب الشامل (جوال) — RTL + LTR ═══════════════ */
@media(max-width:900px){
  .dests{grid-template-columns:repeat(2,1fr)}
  .dest.big{grid-column:span 2}
  .why{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  html,body{overflow-x:hidden;max-width:100%}
  .container{padding:0 15px}
  .nav{padding:8px 0 6px;gap:9px}
  .nav img{height:38px}
  .logo-svg{height:36px}
  .brand-banner{width:min(90vw,320px)}
  .brand-name{font-size:min(10.4vw,33px)}
  .nav-links{gap:8px;font-size:13px;flex-wrap:wrap;justify-content:center}
  .nav-links a{font-size:13px}
  .ai-tag{font-size:11px}
  /* البطل */
  .vhero{padding:40px 0 96px}
  .vhero .hero-stats{gap:20px}
  .vhero .hero-stats .n{font-size:21px}
  /* شريط البحث يتحول عمود */
  .vsearch{margin-top:-72px;padding:14px;border-radius:16px}
  .vsearch .row{grid-template-columns:1fr;gap:9px}
  .vsearch .go{width:100%;padding:14px}
  /* الأقسام */
  .vsec{margin:40px 0 6px}
  .vsec h2{font-size:21px}
  .vsec .link{margin-inline-start:0;width:100%;margin-top:4px}
  /* العروض */
  .offer{padding:26px 20px;min-height:180px}
  .offers-arrow{width:34px;height:34px;font-size:15px}
  .offers-arrow.prev{right:8px}.offers-arrow.next{left:8px}
  /* الوجهات: عمودين */
  .dests{grid-template-columns:repeat(2,1fr);gap:11px}
  .dest{height:170px}.dest.big{grid-column:span 2;height:180px}
  .dest h3{font-size:17px}
  /* لماذا نحن: عمود واحد أو عمودين */
  .why{grid-template-columns:1fr 1fr;gap:11px}
  .why .item{padding:16px}
  .why h4{font-size:15px}
  /* الفلاتر والشرائح: تمرير أفقي بدل الالتفاف الفوضوي */
  .cat-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;
    scrollbar-width:none}
  .cat-chips::-webkit-scrollbar{display:none}
  .filters{padding:12px;gap:8px}
  .filters select,.filters input{min-width:calc(50% - 4px);flex:1 1 calc(50% - 4px);font-size:13.5px}
  .view-toggle{width:100%;margin:4px 0 0}
  .view-toggle button{flex:1}
  /* الشبكة عمود واحد */
  .grid{grid-template-columns:1fr;gap:16px}
  /* اللوحات والجداول */
  .panel{padding:18px}
  .stepper{overflow-x:auto;padding-bottom:4px}
  .step small{font-size:11px}
  /* الجداول تمرّر أفقياً بدل الخروج */
  .panel table,.tbl-wrap{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  /* الدفع */
  .pay-logos .pl{height:38px;min-width:56px;font-size:12.5px}
  /* المشربية بالبطل القديم مخفية أصلاً */
  .copied-toast{bottom:80px}
}
@media(max-width:380px){
  .why{grid-template-columns:1fr}
  .dests{grid-template-columns:1fr}
  .dest.big{grid-column:span 1}
}

/* ═══ توافق الوضع الداكن مع الطبقة الجديدة ═══ */
html[data-theme="dark"] .nav-links a{color:var(--ink)}
html[data-theme="dark"] .nav-links a:hover{color:var(--glow)}
html[data-theme="dark"] .vsearch{background:rgba(42,32,21,.86);border-color:#4A3A27}
html[data-theme="dark"] .vsearch .fld select,
html[data-theme="dark"] .vsearch .fld input{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .vsec h2{color:#E3C79A}
html[data-theme="dark"] .why .item{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .why h4{color:#E3C79A}
html[data-theme="dark"] .pays{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .pay-logos .pl{background:#F3ECE0}
html[data-theme="dark"] .card{background:var(--surface);border-color:var(--line)}

/* اتجاه LTR: عكس زوايا/مواضع السلايدر والوجهات تلقائياً عبر منطق مرن */
html[dir="ltr"] .vsec .link{margin-inline-start:auto}

/* معالم المدن (SVG ظلّي) */
.dest .ph .landmark{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.dest .body{position:relative;z-index:2}
.dest::after{z-index:1}
.dest .ic{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}

/* صور/رسوم العروض */
.offer{position:relative}
.offer .art{position:absolute;inset-inline-start:-10px;bottom:-20px;width:180px;height:180px;
  opacity:.16;pointer-events:none;z-index:0}
.offer .art svg{width:100%;height:100%;stroke:#fff;fill:none;stroke-width:1.2}
.offer>*{position:relative;z-index:1}
@media(max-width:760px){.offer .art{width:120px;height:120px}}

/* ═══ إصلاح تباين الوضع الليلي + الشعار المختفي (ملاحظات 4، 9) ═══ */
/* الشعار: نرفع سطوعه في الوضع الليلي حتى يظهر بوضوح */
html[data-theme="dark"] .nav img{filter:brightness(0) invert(1) sepia(.3) saturate(3) hue-rotate(5deg) brightness(1.05)}

/* عناوين الأقسام الفخمة (vsec) — تباين أوضح */
html[data-theme="dark"] .vsec h2{color:#EBD3A6}
html[data-theme="dark"] .vsec .ki{color:#D8B084}
html[data-theme="dark"] .vsec p.sub{color:#B9AE9E}
html[data-theme="dark"] .vsec .link{color:#E8B04B}

/* عناوين اللوحات والبطاقات الباهتة */
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:#EBD3A6}
html[data-theme="dark"] .panel h2,html[data-theme="dark"] .card h3{color:#EBD3A6}

/* بوابة الضيوف: العناوين والأرقام (ملاحظة 9) */
html[data-theme="dark"] .stat .n,html[data-theme="dark"] .wallet-num{color:#E8B04B}
html[data-theme="dark"] .stat div{color:#C9BDA8}

/* نص عام أوضح على الأسطح الداكنة */
html[data-theme="dark"] p,html[data-theme="dark"] li,html[data-theme="dark"] td,
html[data-theme="dark"] .meta{color:#D5C9B4}
html[data-theme="dark"] .meta{opacity:.92}

/* شارة الوحدة ورقمها */
html[data-theme="dark"] .unit-code{color:#C9BDA8}
html[data-theme="dark"] .permit-ok{color:#a9d9a0}
html[data-theme="dark"] .permit-badge{background:var(--gold,#B08536);color:#1c140b;border:1px solid var(--gold,#B08536)}

/* نصوص خافتة inline شائعة */
html[data-theme="dark"] [style*="color:var(--muted)"]{color:#B9AE9E!important}
html[data-theme="dark"] [style*="color:#6a675f"]{color:#B9AE9E!important}
html[data-theme="dark"] [style*="color:#8a8378"]{color:#B9AE9E!important}
html[data-theme="dark"] [style*="color:#a39c8e"]{color:#B9AE9E!important}

/* ═══ مربع "شاركنا الاستضافة" بالفوتر (ملاحظة 11) ═══ */
.host-cta{display:flex;align-items:center;justify-content:center;text-align:center;gap:14px;padding:20px;border-radius:16px;
  background:linear-gradient(120deg,#B08838,#E8B04B);color:#241a06!important;
  text-decoration:none;transition:transform .2s,box-shadow .2s;
  box-shadow:0 8px 22px rgba(176,136,56,.35)}
.host-cta:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(176,136,56,.45)}
.host-cta-ic{font-size:32px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}
.host-cta b{display:block;font-size:17px;font-weight:800;margin-bottom:3px}
.host-cta span{font-size:13.5px;opacity:.85;font-weight:600}
html[data-theme="dark"] .host-cta{color:#241a06!important}
@media(max-width:760px){.host-cta{padding:16px}}

/* ═══ صفحات الوثائق القانونية (ملاحظات 16، 17، 18) ═══ */
.legal-doc{line-height:1.95;font-size:15px}
.legal-doc h3{color:var(--wood-d);margin:22px 0 8px;font-size:17px}
.legal-doc p{color:#4a3f32;margin-bottom:8px}
.legal-note{background:#FBF6EC;border:1px solid #E4DAC8;border-radius:10px;padding:14px 16px;
  font-size:13.5px;color:#6a5c48;margin-bottom:8px}
.legal-updated{margin-top:24px;padding-top:14px;border-top:1px solid var(--line2,#E4DAC8);
  font-size:13px;color:#8a8378}
html[data-theme="dark"] .legal-doc p{color:#D5C9B4}
html[data-theme="dark"] .legal-doc h3{color:#EBD3A6}
html[data-theme="dark"] .legal-note{background:#2A2015;border-color:#4A3A27;color:#C9BDA8}


/* ═══ v17: شعارات الدفع الرسمية ═══ */
.pay-logos .pl img{height:24px;display:block;object-fit:contain;max-width:110px}
.pay-logos .pl{overflow:hidden}
html[data-theme="dark"] .pay-logos .pl{background:#F7F1E6}

/* ═══ v17: رفع التباين بالوضع الليلي ═══ */
html[data-theme="dark"] .unit-code{background:#4A3A27;color:#F3ECE0;border:1px solid #6b5436}
html[data-theme="dark"] .btn{background:#8f6b47;color:#fff}
html[data-theme="dark"] .btn:hover{background:#a07a52}
html[data-theme="dark"] .btn-brass{background:#C89B4B;color:#241a0e}
html[data-theme="dark"] .tag{background:#33452c;color:#c9e6c0}
html[data-theme="dark"] .panel, html[data-theme="dark"] .card{color:var(--ink)}
html[data-theme="dark"] .pay-opt{background:var(--surface-2);border-color:#5a4630;color:var(--ink)}
html[data-theme="dark"] .pay-opt label, html[data-theme="dark"] .pay-opt span{color:var(--ink)}
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4{color:#F0E4CE}
html[data-theme="dark"] table, html[data-theme="dark"] th{color:var(--ink)}
html[data-theme="dark"] [style*="color:#6b6154"]{color:#C9BEA9!important}
html[data-theme="dark"] [style*="color:#8a8378"]{color:#C9BEA9!important}
html[data-theme="dark"] .meta{color:#C9BEA9}
html[data-theme="dark"] input[type="date"]{color-scheme:dark}

/* بطاقات المدن بدون أيقونات */
.dest .ic{display:none}

/* إزالة الفراغ أسفل الصفحة */
footer{margin-bottom:0}
body{min-height:auto}
.pays{margin-bottom:0}

/* v17: إقفال الفراغ أسفل الصفحة — منع امتداد العناصر الزخرفية خارج حدودها */
html,body{overflow-x:clip}
.vhero,.offer,.dest,.hero,.pays{overflow:hidden}
footer{margin-bottom:0}
body::after{content:"";display:block;height:0}
#hjz-bubble:empty{display:none}

/* ═══════ (v34) صفحة تفاصيل الوحدة ═══════ */
.upage{max-width:1120px}
.u-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:14px 0 14px;flex-wrap:wrap}
.u-title{font-size:24px;font-weight:800;color:var(--wood-d);line-height:1.3}
.u-sub{color:#8a8378;font-size:13.5px;margin-top:6px;line-height:1.8}
.u-rate{color:var(--brass);font-weight:700}
.u-rate span{color:#8a8378;font-weight:400}
.u-head-actions{display:flex;gap:8px}
.u-act{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line2,#e4dac8);
  color:var(--wood-d);border-radius:999px;padding:8px 14px;cursor:pointer;font-family:inherit;font-size:13px}
.u-act .ic{font-size:15px}
.u-act.on{color:#d9534f;border-color:#f0c9c5}

/* المعرض */
.u-gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;position:relative;margin-bottom:22px}
.u-gal-main{border-radius:14px;background-size:cover;background-position:center;min-height:340px;cursor:pointer;background-color:var(--surface-2)}
.u-gal-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}
.u-gal-cell{border-radius:12px;background-size:cover;background-position:center;min-height:165px;cursor:pointer;background-color:var(--surface-2)}
.u-gal-cell.empty{background:repeating-linear-gradient(45deg,rgba(155,115,75,.18) 0 2px,transparent 2px 12px),linear-gradient(150deg,#EFE6D6,var(--beige));cursor:default}
.u-gallery-ph{height:280px;border-radius:14px;position:relative;margin-bottom:22px;
  background:repeating-linear-gradient(45deg,rgba(155,115,75,.25) 0 2px,transparent 2px 12px),linear-gradient(150deg,#E8DAC0,var(--beige))}
.u-gal-btns{position:absolute;bottom:14px;left:14px;display:flex;gap:8px}
.u-showall,.u-showvid{background:rgba(28,20,11,.82);color:#fff;border:none;border-radius:999px;
  padding:9px 16px;cursor:pointer;font-family:inherit;font-size:13px;backdrop-filter:blur(4px)}
.u-gallery-ph .u-showvid{position:absolute;bottom:14px;left:14px}

/* التخطيط بعمودين */
.u-layout{display:grid;grid-template-columns:1fr 350px;gap:22px;align-items:start}
.u-content{min-width:0;display:flex;flex-direction:column;gap:16px}
.u-card{background:var(--surface);border:1px solid var(--line2,#eee3d1);border-radius:16px;padding:18px 20px;
  box-shadow:0 4px 14px rgba(43,38,32,.05)}
.u-h{font-size:18px;font-weight:800;color:var(--wood-d);margin-bottom:12px}
.u-sub-h{font-size:13.5px;font-weight:700;color:var(--wood-d);margin:14px 0 8px}

/* ضمان */
.u-guarantee{background:linear-gradient(180deg,#FBF6EC,var(--surface));border-color:#e9dcc4}
.u-g-head{font-size:14.5px;color:var(--wood-d)}
.u-g-ic{font-size:17px}
.u-g-body{margin-top:8px;font-size:13.5px;line-height:1.95;color:#6b6055}

/* المستضيف */
.u-host{display:flex;align-items:center;gap:14px}
.u-host-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--brass),var(--wood));
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;flex:none}
.u-host-name{font-size:16px;font-weight:800;color:var(--wood-d);display:flex;align-items:center;gap:8px}
.u-host-rate{font-size:13px;color:var(--brass);font-weight:700}
.u-host-meta{font-size:12.5px;color:#8a8378;margin-top:3px}

/* حقائق ورقائق */
.u-facts{display:flex;flex-wrap:wrap;gap:10px}
.u-fact{background:var(--surface-2);border-radius:10px;padding:8px 12px;font-size:13px;color:var(--wood-d);font-weight:600}
.u-chips{display:flex;flex-wrap:wrap;gap:7px}
.u-chip{font-size:12.5px;background:#F5EFE3;border:1px solid var(--beige);color:var(--wood-d);border-radius:999px;padding:4px 11px}
.u-desc{font-size:14px;line-height:2;color:#5f554b;white-space:pre-line}

/* التقييمات */
.u-rev-summary{display:flex;gap:22px;align-items:center;flex-wrap:wrap;background:var(--surface-2);border-radius:12px;padding:14px 18px;margin-bottom:14px}
.u-rev-big{font-size:30px;font-weight:800;color:var(--brass);white-space:nowrap}
.u-rev-big small{font-size:13px;color:#8a8378;font-weight:400}
.u-rev-bars{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px}
.u-rev-bar{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#6b6055}
.u-rev-bar span{width:82px;flex:none}
.u-rev-bar i{height:6px;border-radius:3px;background:var(--brass);display:block}
.u-rev-bar b{color:var(--wood-d)}
.u-rev{border-top:1px solid var(--line);padding:12px 0}
.u-rev-top{display:flex;align-items:center;gap:10px}
.u-rev-date{color:#a89f90;font-size:12px}
.u-rev-txt{margin-top:6px;font-size:13.5px;line-height:1.9;color:#5f554b}
.u-rev-reply{margin-top:8px;background:var(--surface-2);border-radius:8px;padding:8px 12px;font-size:12.5px;color:#6b6055}
.u-muted{color:#8a8378;font-size:13.5px}

/* الموقع */
.u-loc-note{font-size:13px;color:#6b6055;line-height:1.9;margin-bottom:12px}
.u-map{height:280px;border-radius:12px;overflow:hidden;z-index:0}
.u-map-hint{font-size:11.5px;color:#a89f90;margin-top:7px;text-align:center}

/* الشروط */
.u-terms{list-style:none;padding:0;margin:0}
.u-terms li{padding:7px 0;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.85;color:#5f554b}
.u-terms li:last-child{border-bottom:none}
.u-terms b{color:var(--wood-d)}
.u-lic{margin-top:12px;display:flex;align-items:center;gap:7px;font-size:12px;color:#8a8378;background:var(--surface-2);border-radius:10px;padding:9px 13px}
.u-lic b{color:var(--wood-d)}

/* كرت الحجز */
.u-book{position:sticky;top:78px}
.u-book-card{background:var(--surface);border:1px solid var(--line2,#e4dac8);border-radius:18px;padding:18px;
  box-shadow:0 10px 30px rgba(43,38,32,.1)}
.u-price-top{margin-bottom:12px}
.u-price-now{font-size:26px;font-weight:800;color:var(--wood-d)}
.u-price-top small{display:block;font-size:12px;color:#9a9384;margin-top:2px}
.u-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.u-dates label{font-size:12px;color:#8a8378;display:block;margin-bottom:3px}
.u-dates input{width:100%}
.u-quote{width:100%;border-collapse:collapse;margin-top:14px;font-size:13px}
.u-quote td{padding:5px 0;color:#5f554b}
.u-quote td:last-child{text-align:left;white-space:nowrap;font-weight:600;color:var(--wood-d)}
.u-quote-total td{padding-top:10px;border-top:1px solid var(--line);font-weight:800;color:var(--wood-d);font-size:15px}
.u-book-btn{width:100%;margin-top:14px;justify-content:center}
.u-book-inq{width:100%;margin-top:8px;justify-content:center}
.u-pay{display:flex;align-items:center;gap:6px;margin-top:14px;flex-wrap:wrap;font-size:11.5px;color:#9a9384;justify-content:center}
.u-pay img{height:20px;width:auto;opacity:.9}
.u-times{text-align:center;font-size:12px;color:#8a8378;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}

/* Lightbox */
.u-lb,.u-vid{position:fixed;inset:0;background:rgba(10,8,6,.94);z-index:9999;display:flex;align-items:center;justify-content:center}
.u-lb img{max-width:88vw;max-height:82vh;border-radius:10px;object-fit:contain}
.u-lb-x{position:absolute;top:18px;left:22px;background:rgba(255,255,255,.14);color:#fff;border:none;
  border-radius:999px;padding:8px 16px;cursor:pointer;font-family:inherit;font-size:14px}
.u-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;
  border:none;background:rgba(255,255,255,.16);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.u-lb-prev{right:22px}.u-lb-next{left:22px}
.u-lb-count{position:absolute;top:22px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px}
.u-vid video{max-width:88vw;max-height:82vh;border-radius:10px;background:#000}

@media(max-width:900px){
  .u-layout{grid-template-columns:1fr}
  .u-book{position:static;order:-1}
  .u-gallery{grid-template-columns:1fr}
  .u-gal-main{min-height:220px}
  .u-gal-side{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr}
  .u-gal-cell{min-height:80px}
  .u-title{font-size:20px}
}
.vid-pick{display:inline-flex;gap:8px;align-items:center;background:var(--surface-2);border:1.5px dashed var(--wood);
  color:var(--wood-d);border-radius:12px;padding:10px 18px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600}
.vid-pick:hover{background:#F0E7D6}

/* ═══════ (v35) تباين الوضع الليلي — عناصر v34/v35 ═══════ */
/* العناوين والنصوص العريضة: بني غامق → ذهبي فاتح */
html[data-theme="dark"] .u-title,
html[data-theme="dark"] .u-h,
html[data-theme="dark"] .u-sub-h,
html[data-theme="dark"] .u-host-name,
html[data-theme="dark"] .u-g-head,
html[data-theme="dark"] .u-g-head b,
html[data-theme="dark"] .u-terms b,
html[data-theme="dark"] .u-price-now,
html[data-theme="dark"] .u-quote-total td,
html[data-theme="dark"] .u-lic b,
html[data-theme="dark"] .u-rev-bar b,
html[data-theme="dark"] .u-act,
html[data-theme="dark"] .u-showall,
html[data-theme="dark"] .u-showvid{color:#EBD3A6}
/* نصوص المتن الرمادية الغامقة → رمادي فاتح مقروء */
html[data-theme="dark"] .u-sub,
html[data-theme="dark"] .u-sub span,
html[data-theme="dark"] .u-g-body,
html[data-theme="dark"] .u-g-body b,
html[data-theme="dark"] .u-desc,
html[data-theme="dark"] .u-loc-note,
html[data-theme="dark"] .u-loc-note span,
html[data-theme="dark"] .u-rev-txt,
html[data-theme="dark"] .u-rev-reply,
html[data-theme="dark"] .u-rev-bar,
html[data-theme="dark"] .u-terms li,
html[data-theme="dark"] .u-terms li span,
html[data-theme="dark"] .u-host-meta,
html[data-theme="dark"] .u-quote td,
html[data-theme="dark"] .meta,
html[data-theme="dark"] .meta span,
html[data-theme="dark"] .c-rating span,
html[data-theme="dark"] .lic-line,
html[data-theme="dark"] .lic-line b,
html[data-theme="dark"] .lic-line span,
html[data-theme="dark"] .u-times,
html[data-theme="dark"] .u-price-top small,
html[data-theme="dark"] .u-map-hint,
html[data-theme="dark"] .u-rev-date,
html[data-theme="dark"] .u-lic,
html[data-theme="dark"] .u-pay,
html[data-theme="dark"] .u-muted{color:#D6CBB6}
/* الحقائق: خلفية أغمق + نص فاتح (بدل غامق على غامق) */
html[data-theme="dark"] .u-fact{background:#43331F;color:#EFE6D4}
/* الرقائق: تبقى فاتحة ومقروءة، حدود أوضح */
html[data-theme="dark"] .u-chip{background:#F2E7D3;border-color:#5A452C;color:#3A2A16}
/* الحدود والبطاقات */
html[data-theme="dark"] .u-card,
html[data-theme="dark"] .u-book-card,
html[data-theme="dark"] .u-act{border-color:#5A452C}
html[data-theme="dark"] .u-guarantee{background:linear-gradient(180deg,#3A2C1A,#2A2015);border-color:#5A452C}
html[data-theme="dark"] .u-rev-summary,
html[data-theme="dark"] .u-rev-reply,
html[data-theme="dark"] .u-lic{background:#3A2C1C}
html[data-theme="dark"] .u-rev-big{color:#E8B04B}
html[data-theme="dark"] .u-host-rate,
html[data-theme="dark"] .u-rate,
html[data-theme="dark"] .c-rating{color:#E8B04B}
/* رقائق منتقي المرافق في نافذة تعديل الوحدة */
html[data-theme="dark"] #edit-modal .epick{border-color:#5A452C;color:#E7DAC4}
html[data-theme="dark"] #edit-modal .epick.on{background:var(--brass);color:#1c140b;border-color:var(--brass)}
/* السعر و«وحدة جديدة» بالكروت — الوضع الليلي */
html[data-theme="dark"] .price,
html[data-theme="dark"] .u-price-now{color:#F0DFC0}
html[data-theme="dark"] .price small,
html[data-theme="dark"] .c-rating.c-new,
html[data-theme="dark"] .price-old{color:#B9AE9E}

/* ═══ (v45) شريط المعلومات السريع في صفحة الوحدة ═══ */
.u-strip{display:flex;align-items:stretch;gap:0;margin:14px 0 4px;padding:10px 6px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  overflow-x:auto;box-shadow:0 2px 10px rgba(43,38,32,.06)}
.u-strip-item{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;padding:4px 16px;border-inline-start:1px solid var(--line);min-width:86px;text-align:center}
.u-strip-item:first-child{border-inline-start:none}
.u-strip-item small{font-size:11px;color:var(--muted)}
.u-strip-item b{font-size:15px;color:var(--ink);display:flex;align-items:center;gap:5px;white-space:nowrap}
.u-strip-price b{font-size:18px;color:var(--wood-d)}
html[data-theme="dark"] .u-strip-price b{color:var(--brass)}
.u-strip-price .price-old{text-decoration:line-through;color:var(--muted);font-size:13px}
.u-strip-off{background:#e8f4ea;color:#2e7d32;border:1px solid #bcd9c0;font-size:11px;
  font-weight:800;border-radius:14px;padding:1px 8px}
html[data-theme="dark"] .u-strip-off{background:#1f3524;color:#8fd49a;border-color:#3c5a42}
.u-strip-book{flex:none;align-self:center;margin-inline-start:auto;margin-inline-end:6px;
  font-size:13.5px;padding:9px 18px;white-space:nowrap}
.u-copy{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;
  width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;
  padding:0;flex:none;transition:all .15s}
.u-copy:hover{color:var(--wood-d);border-color:var(--brass)}
html[data-theme="dark"] .u-copy:hover{color:var(--brass)}
.u-copy.done{color:#2e7d32;border-color:#2e7d32;font-size:12px}
html[data-theme="dark"] .u-copy.done{color:#8fd49a;border-color:#8fd49a}
@media(max-width:640px){.u-strip{flex-wrap:wrap;justify-content:center;row-gap:8px}
  .u-strip-item{border-inline-start:none;min-width:auto;padding:2px 10px}
  .u-strip-book{margin:4px auto 0;width:100%}}

/* زر محادثة المستضيف في قسم المستضيف */
.u-host-chat{margin-top:10px;font-size:13.5px;display:inline-flex;align-items:center;gap:7px}

/* نبض حقول التاريخ عند طلب تحديدها أولاً */
@keyframes uPulse{0%,100%{box-shadow:0 0 0 0 rgba(199,154,84,0)}50%{box-shadow:0 0 0 4px rgba(199,154,84,.45)}}
.u-pulse{animation:uPulse 1.2s ease-in-out 2;border-color:var(--brass)!important}

/* ═══ (v45) صفحة الدفع — التصميم الجديد لطرق الدفع ═══ */
.pay-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.pay-cards input,.pay-row input{position:absolute;opacity:0;pointer-events:none}
.pay-card{position:relative;display:block;border:1.5px solid var(--line);border-radius:12px;
  overflow:hidden;background:#fff;cursor:pointer;transition:all .15s;aspect-ratio:4/3}
.pay-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12%;box-sizing:border-box;background:#fff;display:block}
.pay-card:has(input:checked){border-color:var(--brass);box-shadow:0 0 0 2px var(--brass)}
.pay-row{position:relative;display:flex;align-items:center;gap:12px;margin-top:10px;
  padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);
  cursor:pointer;transition:all .15s;min-height:52px}
.pay-row img{height:24px;object-fit:contain;flex:none}
.pay-row:has(input:checked){border-color:var(--brass);background:var(--surface-2);
  box-shadow:0 0 0 1px var(--brass)}
/* Apple Pay: السطر كله صورة ممتدة */
.pay-apple{padding:0;overflow:hidden;background:#fff;min-height:56px}
.pay-apple img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box}
.pay-apple::after{content:"";display:block;height:56px} /* يحفظ ارتفاع السطر */
.pay-bnpl{font-size:12.5px;color:var(--muted);line-height:1.6}
.pay-row:has(input:checked) .pay-bnpl{color:var(--ink)}
html[data-theme="dark"] .pay-row{background:var(--surface-2);border-color:var(--line)}
html[data-theme="dark"] .pay-card,html[data-theme="dark"] .pay-apple{background:#fff} /* الشعارات بخلفياتها الأصلية */
html[data-theme="dark"] .pay-row:not(.pay-apple) img{
  background:#fff;border-radius:6px;padding:3px 6px;height:26px}
html[data-theme="dark"] .pay-card:has(input:checked),html[data-theme="dark"] .pay-row:has(input:checked){
  border-color:var(--brass);box-shadow:0 0 0 2px var(--brass)}
@media(max-width:480px){.pay-cards{grid-template-columns:repeat(2,1fr)}}

/* (v45) نموذج بيانات البطاقة */
#card-form{margin-top:12px;padding:16px;border:1.5px solid var(--line);border-radius:12px;
  background:var(--surface-2)}
#card-form label{display:block;font-size:12.5px;color:var(--muted);margin:10px 0 4px;font-weight:700}
#card-form label:first-child{margin-top:0}
#card-form input{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;
  background:var(--surface);color:var(--ink);font-size:15px;font-family:inherit;
  letter-spacing:.5px;direction:ltr;text-align:left}
#card-form input#cc-name{direction:rtl;text-align:start;letter-spacing:0}
#card-form input:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 2px rgba(199,154,84,.25)}
#card-form input::placeholder{color:var(--muted);opacity:.7}
.cc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-note{font-size:11.5px;color:var(--muted);margin-top:12px;line-height:1.8}
html[data-theme="dark"] #card-form{background:var(--surface-2);border-color:var(--line)}
html[data-theme="dark"] #card-form input{background:var(--surface);color:var(--ink)}
html[data-theme="dark"] #pay-total{color:var(--brass)} /* wood-d غامق على الداكن — نستبدله بالنحاسي */

/* ═══ (v45) قائمة مدينة الإقامة المنسدلة في التسجيل ═══ */
.citypick{position:relative}
.citypick-dd{position:absolute;top:calc(100% + 4px);inset-inline:0;z-index:30;max-height:230px;overflow-y:auto;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 10px 32px rgba(43,38,32,.18)}
.citypick-it{padding:10px 14px;cursor:pointer;font-size:14px;color:var(--ink);
  border-bottom:1px solid var(--line)}
.citypick-it:last-child{border-bottom:none}
.citypick-it:hover{background:var(--surface-2)}
.citypick-other{color:var(--muted);font-weight:700}
html[data-theme="dark"] .citypick-dd{box-shadow:0 10px 32px rgba(0,0,0,.5)}

/* (v45.1) خطأ البطاقة داخل النموذج + تمييز الحقل */
.cc-msg{margin-top:10px;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:700;
  background:#fdecea;color:#b3261e;border:1px solid #f2c1bd}
html[data-theme="dark"] .cc-msg{background:#3a1f1c;color:#ff9a92;border-color:#6a3530}
#card-form input.cc-bad{border-color:#b3261e;box-shadow:0 0 0 2px rgba(179,38,30,.2)}
html[data-theme="dark"] #card-form input.cc-bad{border-color:#ff9a92;box-shadow:0 0 0 2px rgba(255,154,146,.25)}

/* ═══ (v45.2) سطر التواريخ في فلاتر الرئيسية + شارة عدم الإتاحة ═══ */
.f-dates{flex-basis:100%;display:flex;gap:10px;margin-top:2px}
.f-dates>div{flex:1;display:flex;flex-direction:column;gap:4px}
.f-dates label{font-size:12px;color:var(--muted);font-weight:700}
.f-dates input[type="date"]{width:100%;padding:9px 12px;border:1.5px solid var(--line);
  border-radius:10px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:14px}
.f-dates input[type="date"]:focus{outline:none;border-color:var(--brass)}
html[data-theme="dark"] .f-dates input[type="date"]{background:var(--surface-2);color:var(--ink);color-scheme:dark}
.na-badge{position:absolute;bottom:10px;inset-inline:10px;z-index:3;text-align:center;
  background:rgba(140,30,30,.92);color:#fff;font-size:11.5px;font-weight:800;
  border-radius:9px;padding:5px 8px;line-height:1.5}
.slider.na .slides{filter:grayscale(.55) brightness(.75)}
html[data-theme="dark"] .na-badge{background:rgba(170,45,45,.94)}

/* (v46) إشعارات قابلة للنقر */
.notif-item.clickable{cursor:pointer}
.notif-item.clickable:hover{background:var(--surface-2,#F4EDDF)}
html[data-theme="dark"] .notif-item.clickable:hover{background:var(--surface-2,#2b241a)}

/* ═══ (v46) أزرار وشرائط الحجوزات — بوابتا الضيف والمستضيف ═══ */
.bk-chat{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#C89B4B,#B08536);
  color:#fff;border:none;border-radius:10px;padding:8px 16px;font-weight:800;font-size:13px;cursor:pointer;
  box-shadow:0 2px 8px rgba(178,134,58,.35);font-family:inherit}
.bk-chat:hover{filter:brightness(1.06)}
.bk-act{display:inline-block;background:var(--surface-2,#F4EDDF);color:var(--wood-d,#6E4A25);
  border:1px solid var(--line,#E4DAC8);border-radius:10px;padding:7px 14px;font-weight:700;font-size:12.5px;
  cursor:pointer;margin-inline-start:6px;font-family:inherit}
.bk-act:hover{border-color:var(--brass,#C79A54)}
.bk-act.bk-danger{color:#c0392b;border-color:rgba(192,57,43,.4)}
.bk-act.bk-danger:hover{background:rgba(192,57,43,.08);border-color:#c0392b}
.bk-links{display:block;margin-top:8px;font-size:12.5px}
.chg-banner{background:rgba(200,155,75,.12);border:1.5px solid var(--brass,#C79A54);border-radius:11px;
  padding:9px 12px;margin-bottom:8px;font-size:12.5px;line-height:2}
.chg-banner.mine{background:var(--surface-2,#F4EDDF);border-style:dashed;color:var(--muted,#8a8378)}
.bk-glow{animation:bkGlow 3.4s ease}
@keyframes bkGlow{0%,70%{background:rgba(200,155,75,.22);box-shadow:inset 0 0 0 2px var(--brass,#C79A54)}100%{background:transparent;box-shadow:none}}
html[data-theme="dark"] .bk-act{background:var(--surface-2,#2b241a);color:var(--ink,#efe6d6)}
html[data-theme="dark"] .bk-act.bk-danger{color:#ff8a7a;border-color:rgba(255,138,122,.4)}
html[data-theme="dark"] .bk-act.bk-danger:hover{background:rgba(255,138,122,.1);border-color:#ff8a7a}
html[data-theme="dark"] .chg-banner{background:rgba(200,155,75,.14)}
html[data-theme="dark"] .chg-banner.mine{background:var(--surface-2,#2b241a)}

/* (v46.3) نص إيجابي (مبالغ راجعة) — تباين مضبوط بالثيمين */
.txt-good{color:#1c7a3d;font-weight:700}
html[data-theme="dark"] .txt-good{color:#5ec97a}
html[data-theme="dark"] .bk-glow{animation:bkGlowD 3.4s ease}
@keyframes bkGlowD{0%,70%{background:rgba(200,155,75,.16);box-shadow:inset 0 0 0 2px var(--brass,#C79A54)}100%{background:transparent;box-shadow:none}}

/* ═══════════ v50: هيدر مضغوط بزاويته + رئيسية أخف وأسرع وصولاً للوحدات ═══════════ */
/* الهيدر صف واحد: الشعار ببداية السطر (يمين بالعربي/يسار بالإنجليزي تلقائياً مع dir) */
.nav{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:8px 0 6px}
.nav img.brand-logo{height:76px;width:auto}
.ai-tag{flex-basis:100%;text-align:center}
@media (max-width:640px){.nav img.brand-logo{height:58px}}
/* البطل (سكنك خلال رحلتك): أصغر وأخف */
.vhero{padding:26px 0 22px}
.vhero h1{font-size:clamp(23px,4.2vw,36px);margin-bottom:10px}
.vhero .lead{font-size:clamp(13.5px,2vw,16px);line-height:1.7;max-width:56ch}
.vhero .eyebrow{font-size:12px}
.vhero .hero-stats{gap:22px;margin-top:16px}
.vhero .hero-stats .n{font-size:24px}
/* لوحة العروض: أصغر */
.offers{margin:16px 0 6px}
.offer{padding:20px 22px}
.offer h3{font-size:clamp(17px,2.8vw,23px)}
.offer p{font-size:13.5px}
/* الوجهات: بطاقة واحدة تتقلب (بدل الشبكة) */
.dests{display:block;position:relative;height:min(300px,56vw);margin:16px 0 4px}
.dests .dest{position:absolute;inset:0;height:100%;opacity:0;pointer-events:none;transition:opacity .9s ease}
.dests .dest.on{opacity:1;pointer-events:auto}
/* شريط الفلاتر: مضغوط خاصة بالجوال */
.filters{padding:10px;margin:14px 0}
.filters select,.filters input{padding:7px 10px;font-size:13px}
.filters .chip{padding:7px 16px;font-size:13px}
.f-dates label{font-size:11.5px}
.view-toggle button{padding:7px 16px;font-size:13px}
@media (max-width:640px){
  .filters{padding:8px}
  .filters select,.filters input{padding:6px 8px;font-size:12.5px}
}

/* ═══════════ v51: لوقو أكبر · بطل أنحف · مسافات أقرب · صور المدن كاملة ═══════════ */
.nav img.brand-logo{height:150px}
@media (max-width:640px){.nav img.brand-logo{height:120px}}
/* البطل: نصف الحجم */
.vhero{padding:14px 0 12px}
.vhero h1{font-size:clamp(19px,3vw,26px);margin-bottom:6px}
.vhero .lead{font-size:clamp(12.5px,1.8vw,14px);line-height:1.6;max-width:60ch}
.vhero .eyebrow{font-size:11px}
.vhero .hero-stats{gap:16px;margin-top:10px}
.vhero .hero-stats .n{font-size:19px}
.vhero .hero-stats small{font-size:11.5px}
/* العناوين (وفّر أكثر / وجهات لا تُفوّت): أصغر وأقرب لما فوقها */
.vsec{margin:14px 0 6px}
.vsec .ki{font-size:11px}
.vsec h2{font-size:clamp(16px,2.4vw,21px)}
.offers{margin:10px 0 4px}
/* المدن: الصورة كاملة داخل المستطيل + خلفية ضبابية من نفس الصورة تملأ الجوانب */
.dests .dest .ph{background-size:contain}
.dests .dest .ph-bg{position:absolute;inset:-26px;z-index:-3;
  background-size:cover;background-position:center;
  filter:blur(18px) brightness(.7) saturate(1.05)}

/* ═══════════ v52: زر Apple Pay — زر أبيض بالمنتصف والشعار يملؤه، وجوانب ثابتة ═══════════ */
.pay-row.pay-apple{justify-content:center;background:var(--surface);padding:8px 14px;min-height:62px}
.pay-apple img{position:static;inset:auto;width:min(250px,66%);height:47px;
  object-fit:contain;background:#fff;border-radius:11px;padding:5px 16px;
  box-sizing:border-box;box-shadow:0 1px 7px rgba(0,0,0,.20)}

/* ═══════════ v53: جوانب Apple Pay بلون الصفوف + الضغط على الزر فقط + أسهم المدن ═══════════ */
/* الجوانب: بيج نهاري / بني ليلي (نفس صفوف تابي وتمارا) — تُبطل قاعدة الأبيض الليلية القديمة */
html[data-theme="dark"] .pay-row.pay-apple{background:var(--surface)}
.pay-row.pay-apple::after{display:none}
/* الضغط حصرياً على الزر الأبيض بالمنتصف — الجوانب صامتة */
.pay-row.pay-apple{pointer-events:none;cursor:default}
.pay-apple img{pointer-events:auto;cursor:pointer}
/* أسهم كاروسيل المدن: تظهر بمرور المؤشر، ودائمة بالجوال */
.dests .d-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;
  width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(22,17,10,.52);color:#fff;font-size:27px;line-height:1;
  display:flex;align-items:center;justify-content:center;padding:0 0 4px;
  opacity:0;transition:opacity .25s ease,background .2s ease;backdrop-filter:blur(4px)}
.dests .d-next{left:14px}
.dests .d-prev{right:14px}
.dests:hover .d-nav{opacity:1}
.dests .d-nav:hover{background:rgba(22,17,10,.78)}
@media (hover:none){.dests .d-nav{opacity:.88}}

/* ═══════════ v55: أخطاء نموذج تعديل الوحدة — داخل النافذة وتحت البند ═══════════ */
.edit-err{background:#fdeaea;border:1.5px solid #d97a7a;color:#8a1f1f;border-radius:10px;
  padding:10px 12px;margin:10px 0;font-size:13.5px;font-weight:700;line-height:1.6}
html[data-theme="dark"] .edit-err{background:#3a1d1d;border-color:#a05555;color:#ffb3b3}
.ferr{display:block;color:#b02a2a;font-size:12.5px;font-weight:700;margin:4px 0 8px}
html[data-theme="dark"] .ferr{color:#ff9d9d}

/* ═══════════ v56: بطاقة روابط الإحالة والدعوة ═══════════ */
.ref-row{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap}
.ref-row>span{min-width:180px;font-weight:700;font-size:13.5px}
.ref-row input{flex:1;min-width:200px;direction:ltr;text-align:left;font-size:12.5px;
  background:var(--surface-2);border:1px solid var(--line);border-radius:8px;
  padding:8px 10px;color:var(--ink)}

/* ═══════════ v57: رسائل النظام عائمة أسفل الشاشة — مرئية دائماً بلا تمرير ═══════════ */
.msg{position:fixed !important;bottom:18px;left:50%;transform:translateX(-50%);
  width:max-content;max-width:min(92vw,560px);z-index:99999;cursor:pointer;
  box-shadow:0 8px 28px rgba(0,0,0,.28);border-radius:12px;text-align:center;margin:0 !important}
.msg:empty{display:none}
@media (max-width:520px){.msg{bottom:12px;font-size:13px}}

/* ═══════════ v58: تلميحات الحقول ═══════════ */
.fhint{display:block;color:var(--muted);font-size:12px;margin:3px 0 8px;line-height:1.6}

/* ═══════════ v60: سداد باقي العربون ═══════════ */
.rem-pay{margin-top:5px;background:var(--brass,#b08d3f);color:#fff;border:none;font-weight:800;display:block}
html[data-theme="dark"] .rem-pay{color:#1c2116}
.rem-paid{font-size:11.5px;font-weight:800;color:#0a7a43;margin-top:3px}
html[data-theme="dark"] .rem-paid{color:#79d99a}

/* ═══════════ v82: نظام ألوان الفنادق المتكيّف (نهاري/ليلي) ═══════════ */
/* متغيرات دلالية للحالات والصناديق — تتكيّف تلقائياً مع الوضع */
:root{
  /* الشارات: خلفية فاتحة + نص غامق (نهاري) */
  --badge-hidden-bg:#e8e6e2; --badge-hidden-tx:#6b6459;
  --badge-pub-bg:#d6f0e0; --badge-pub-tx:#1a7a45;
  --badge-appr-bg:#d6ecf8; --badge-appr-tx:#1a6a90;
  --badge-pend-bg:#f8ecd0; --badge-pend-tx:#8a6a1a;
  --badge-fix-bg:#f8dede; --badge-fix-tx:#a33;
  /* الصناديق المميّزة (بطاقة بنكية/دفع) */
  --card-bank-bg:linear-gradient(135deg,#eef4fb,#e2ecf7); --card-bank-bd:#c5d8ec; --card-bank-tx:#1a3a5a; --card-bank-title:#2a6a9a;
  --card-pay-bg:linear-gradient(135deg,#eef7f1,#e2f0e8); --card-pay-bd:#c5e0d0; --card-pay-tx:#1a4a2a; --card-pay-title:#1a7a45;
  /* تنبيه الرسوم/الملاحظات */
  --alert-warn-bg:#fbf3e0; --alert-warn-bd:#e0b060; --alert-warn-tx:#8a6a1a;
  --alert-note-bg:#f8e4e4; --alert-note-bd:#d09090; --alert-note-tx:#a04a4a;
  /* أزرار النسخ */
  --copy-bg:#e2ecf7; --copy-tx:#2a5a8a; --copy-bd:#c5d8ec;
  --copy-done-bg:#d6f0e0; --copy-done-tx:#1a7a45;
}
html[data-theme="dark"]{
  /* الشارات: خلفية غامقة + نص فاتح (ليلي) */
  --badge-hidden-bg:#3a3a3a; --badge-hidden-tx:#ccc;
  --badge-pub-bg:#1a4a2a; --badge-pub-tx:#7fe8a0;
  --badge-appr-bg:#1a3a4a; --badge-appr-tx:#7fc8e8;
  --badge-pend-bg:#4a3a1a; --badge-pend-tx:#e8c87f;
  --badge-fix-bg:#4a1a1a; --badge-fix-tx:#e88;
  /* الصناديق المميّزة (غامقة ليلاً) */
  --card-bank-bg:linear-gradient(135deg,#1a2a3a,#152230); --card-bank-bd:#2a4a6a; --card-bank-tx:#cfe2f5; --card-bank-title:#7fc8e8;
  --card-pay-bg:linear-gradient(135deg,#1a3a2a,#152a20); --card-pay-bd:#2a5a3a; --card-pay-tx:#cfe8d8; --card-pay-title:#7fe8a0;
  /* تنبيه الرسوم/الملاحظات */
  --alert-warn-bg:#2a2a1a; --alert-warn-bd:#a83; --alert-warn-tx:#e8c87f;
  --alert-note-bg:#3a1a1a; --alert-note-bd:#a33; --alert-note-tx:#e8a0a0;
  /* أزرار النسخ */
  --copy-bg:#2a4a6a; --copy-tx:#9fd8f8; --copy-bd:#3a5a7a;
  --copy-done-bg:#1a4a2a; --copy-done-tx:#7fe8a0;
}
/* أصناف الشارات الموحّدة */
.hb{display:inline-block;font-size:11.5px;padding:3px 9px;border-radius:12px;margin-inline-end:6px}
.hb-hidden{background:var(--badge-hidden-bg);color:var(--badge-hidden-tx)}
.hb-pub{background:var(--badge-pub-bg);color:var(--badge-pub-tx)}
.hb-appr{background:var(--badge-appr-bg);color:var(--badge-appr-tx)}
.hb-pend{background:var(--badge-pend-bg);color:var(--badge-pend-tx)}
.hb-fix{background:var(--badge-fix-bg);color:var(--badge-fix-tx)}