/* ═══════════════════════════════════════════════════════════════════════
   PREMIUM DARK — الصفحة الرئيسية فقط (body.page-home)
   تصميم: خلفية كونية عميقة · بطاقات زجاجية · تفاصيل ذهبية حصرية
   ═══════════════════════════════════════════════════════════════════════ */

body.page-home {
  --pd-bg:          #07090f;
  --pd-bg2:         #0c1220;
  --pd-glass:       rgba(12,18,32,0.75);
  --pd-glass-b:     rgba(200,165,91,0.14);
  --pd-gold:        #C8A55B;
  --pd-gold-l:      #e2c078;
  --pd-gold-d:      #a07a38;
  --pd-gold-dim:    rgba(200,165,91,0.10);
  --pd-gold-glow:   rgba(200,165,91,0.22);
  --pd-text:        #ecf0f7;
  --pd-muted:       rgba(220,228,240,0.52);
  --pd-border:      rgba(200,165,91,0.13);
  --pd-shadow:      0 4px 20px rgba(0,0,0,0.45);
  --pd-shadow-gold: 0 8px 32px rgba(200,165,91,0.18);

  background: var(--pd-bg);
  color: var(--pd-text);
  background-image:
    radial-gradient(ellipse 90% 55% at 15% 5%,  rgba(27,58,85,0.38) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 85% 95%, rgba(200,165,91,0.07) 0%, transparent 50%),
    radial-gradient(ellipse 50% 40% at 50% 50%, rgba(16,25,48,0.60)  0%, transparent 70%);
}

/* ─── Header ─────────────────────────────────────────────────────────── */
body.page-home .site-header {
  background: rgba(7,9,15,0.82);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border-bottom: 1px solid var(--pd-border);
  box-shadow: 0 1px 0 rgba(200,165,91,0.07), 0 6px 32px rgba(0,0,0,0.50);
}
body.page-home .brand { color: var(--pd-gold); text-decoration: none; }
body.page-home .brand:hover { text-decoration: none; }
body.page-home .brand small { color: rgba(200,165,91,0.65); }
body.page-home .brand-img {
  filter: brightness(1.08) drop-shadow(0 2px 8px rgba(200,165,91,0.25));
}

/* Nav links */
body.page-home .main-nav a {
  color: rgba(220,228,240,0.78);
  font-weight: 600;
  position: relative;
  transition: color .22s;
}
body.page-home .main-nav a::after {
  content: '';
  position: absolute; bottom: -2px; left: 0; right: 0;
  height: 2px; border-radius: 2px;
  background: var(--pd-gold);
  transform: scaleX(0); transform-origin: right;
  transition: transform .25s ease;
}
body.page-home .main-nav a:hover { color: var(--pd-gold); text-decoration: none; }
body.page-home .main-nav a:hover::after { transform: scaleX(1); transform-origin: left; }

/* Sell button */
body.page-home .nav-sell {
  background: linear-gradient(135deg, var(--pd-gold) 0%, var(--pd-gold-d) 100%) !important;
  color: #06090e !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 14px rgba(200,165,91,0.32) !important;
  transition: box-shadow .2s, transform .2s !important;
}
body.page-home .nav-sell::after { display: none !important; }
body.page-home .nav-sell:hover {
  box-shadow: 0 6px 24px rgba(200,165,91,0.48) !important;
  transform: translateY(-1px) !important;
}

/* Tour link */
body.page-home a.nav-tour-link {
  background: rgba(200,165,91,0.11) !important;
  color: var(--pd-gold) !important;
  border-color: rgba(200,165,91,0.28) !important;
}
body.page-home a.nav-tour-link:hover { background: rgba(200,165,91,0.20) !important; }

/* Hamburger */
body.page-home .nav-toggle span { background: var(--pd-text); }

/* Buttons */
body.page-home .btn-primary {
  background: linear-gradient(135deg, var(--pd-gold), var(--pd-gold-d)) !important;
  color: #06090e !important;
  border: none !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 16px rgba(200,165,91,0.28) !important;
  transition: box-shadow .2s, transform .2s !important;
}
body.page-home .btn-primary:hover {
  box-shadow: 0 7px 26px rgba(200,165,91,0.44) !important;
  transform: translateY(-1px) !important;
}
body.page-home .btn-secondary {
  background: rgba(200,165,91,0.10) !important;
  color: var(--pd-gold) !important;
  border: 1px solid rgba(200,165,91,0.28) !important;
}
body.page-home .btn-secondary:hover {
  background: rgba(200,165,91,0.18) !important;
  border-color: var(--pd-gold) !important;
}
body.page-home .btn-ghost,
body.page-home .btn-outline {
  background: rgba(200,165,91,0.07) !important;
  color: rgba(220,228,240,0.82) !important;
  border-color: rgba(200,165,91,0.18) !important;
  transition: all .2s !important;
}
body.page-home .btn-ghost:hover,
body.page-home .btn-outline:hover {
  background: rgba(200,165,91,0.14) !important;
  color: var(--pd-gold) !important;
  border-color: rgba(200,165,91,0.40) !important;
  text-decoration: none !important;
}
body.page-home .btn-light {
  background: linear-gradient(135deg, var(--pd-gold), var(--pd-gold-d)) !important;
  color: #06090e !important;
  border: none !important;
  font-weight: 900 !important;
  box-shadow: 0 6px 22px rgba(200,165,91,0.36) !important;
  transition: all .22s !important;
}
body.page-home .btn-light:hover {
  box-shadow: 0 10px 36px rgba(200,165,91,0.54) !important;
  transform: translateY(-2px) !important;
}

/* Currency dropdown */
body.page-home .currency-btn {
  background: rgba(200,165,91,0.08);
  border-color: rgba(200,165,91,0.20);
  color: var(--pd-text);
  transition: all .2s;
}
body.page-home .currency-btn:hover { background: rgba(200,165,91,0.15); border-color: var(--pd-gold); }
body.page-home .currency-menu {
  background: #0c1220;
  border-color: rgba(200,165,91,0.20);
  box-shadow: 0 12px 40px rgba(0,0,0,0.65), 0 0 0 1px rgba(200,165,91,0.08);
}
body.page-home .currency-option { color: var(--pd-text); }
body.page-home .currency-option:hover { background: rgba(200,165,91,0.07); }
body.page-home .currency-option.active {
  background: linear-gradient(135deg, rgba(200,165,91,0.22), rgba(200,165,91,0.10));
  color: var(--pd-gold); border-radius: 6px;
}
body.page-home .currency-foot { color: var(--pd-muted); border-top-color: rgba(200,165,91,0.08); }

/* Notification bell */
body.page-home .notif-bell { color: rgba(220,228,240,0.75) !important; }
body.page-home .notif-badge { background: var(--pd-gold) !important; color: #06090e !important; }

/* Mobile nav open */
body.page-home .main-nav.open {
  background: rgba(7,9,15,0.97);
  backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(200,165,91,0.14);
}

/* ─── Smart Bar ───────────────────────────────────────────────────────── */
body.page-home .smart-bar {
  background: rgba(7,9,15,0.88);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(200,165,91,0.11);
  box-shadow: 0 6px 28px rgba(0,0,0,0.35);
}
body.page-home .sb-search select,
body.page-home .sb-search input[type="number"],
body.page-home #map-addr-search {
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(200,165,91,0.20) !important;
  color: var(--pd-text);
  border-radius: 8px;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
body.page-home .sb-search select:focus,
body.page-home .sb-search input:focus,
body.page-home #map-addr-search:focus {
  border-color: var(--pd-gold) !important;
  background: rgba(200,165,91,0.06) !important;
  box-shadow: 0 0 0 3px rgba(200,165,91,0.10) !important;
  outline: none;
}
body.page-home .sb-search select option { background: #0c1220; color: var(--pd-text); }

/* ── Address-search candidates dropdown — dark theme ─────────────── */
body.page-home .addr-candidates {
  background: rgba(12,18,32,0.97);
  border-color: var(--pd-border);
  backdrop-filter: blur(12px);
}
body.page-home .addr-candidates-head {
  color: var(--pd-gold);
}
body.page-home .addr-candidate {
  background: rgba(255,255,255,0.04);
  border-color: rgba(200,165,91,0.14);
  color: var(--pd-text);
}
body.page-home .addr-candidate:hover {
  background: rgba(200,165,91,0.10);
  border-color: rgba(200,165,91,0.35);
}
body.page-home .addr-candidate .ac-main  { color: var(--pd-text); }
body.page-home .addr-candidate .ac-label { color: var(--pd-gold); }
body.page-home .addr-candidate .ac-full  { color: var(--pd-muted); }
body.page-home .addr-candidate .ac-coords { color: var(--pd-muted); }
body.page-home .addr-candidate .ac-rank {
  background: rgba(200,165,91,0.20);
  color: var(--pd-gold);
}
body.page-home .addr-candidate-close {
  border-color: rgba(200,165,91,0.18);
  color: var(--pd-muted);
}
body.page-home .addr-candidate-close:hover { background: rgba(255,255,255,0.05); }
body.page-home .addr-candidate.approx { border-color: rgba(200,165,91,0.25); }
/* Inline address-search error — dark variant */
body.page-home .map-addr-error {
  background: rgba(185,28,28,0.15);
  border-color: rgba(239,68,68,0.35);
  color: #fca5a5;
}
body.page-home .sb-sheet-head {
  background: rgba(12,18,32,0.98);
  border-bottom: 1px solid var(--pd-border);
}
body.page-home .sb-sheet-head h3 { color: var(--pd-text); }
body.page-home .sb-mobile-trigger {
  background: rgba(7,9,15,0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--pd-border);
  color: var(--pd-text);
}
body.page-home .sbm-icon  { color: var(--pd-gold); }
body.page-home .sbm-chevron { color: var(--pd-gold); }

/* ─── Map Section ─────────────────────────────────────────────────────── */
body.page-home .home-map-wrap {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 48px rgba(0,0,0,0.55), 0 0 0 1px rgba(200,165,91,0.10);
}

/* FABs */
body.page-home .map-fab {
  background: rgba(7,9,15,0.88) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(200,165,91,0.22) !important;
  color: var(--pd-gold) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.45) !important;
  transition: all .22s !important;
}
body.page-home .map-fab:hover {
  background: rgba(200,165,91,0.14) !important;
  border-color: var(--pd-gold) !important;
  box-shadow: 0 6px 22px rgba(0,0,0,0.50), 0 0 12px rgba(200,165,91,0.15) !important;
  transform: translateY(-2px) !important;
}

/* Area List */
body.page-home .map-area-list {
  background: rgba(7,9,15,0.94);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(200,165,91,0.18);
  box-shadow: -6px 0 32px rgba(0,0,0,0.50);
}
body.page-home .mal-head {
  background: linear-gradient(135deg, rgba(200,165,91,0.14), rgba(200,165,91,0.04));
  border-bottom: 1px solid rgba(200,165,91,0.14);
}
body.page-home .mal-title { color: var(--pd-gold); font-weight: 800; }
body.page-home #mal-count { color: var(--pd-gold); }
body.page-home .mal-close { color: rgba(220,228,240,0.50); }
body.page-home .mal-close:hover { color: var(--pd-gold); }
body.page-home .mal-empty { color: var(--pd-muted); }
body.page-home .mal-item {
  color: var(--pd-text);
  border: 1px solid rgba(200,165,91,0.14);
  background: rgba(255,255,255,0.04);
}
body.page-home .mal-item:hover {
  background: rgba(200,165,91,0.10);
  border-color: rgba(200,165,91,0.35);
}
body.page-home .mal-price { color: var(--pd-gold); }
body.page-home .mal-ttl   { color: rgba(220,228,240,0.82); }
body.page-home .mal-spec  { color: var(--pd-text); }
body.page-home .mal-img-placeholder {
  background: rgba(255,255,255,0.07);
  color: var(--pd-gold);
}
body.page-home .mal-more  { color: var(--pd-muted); background: rgba(200,165,91,0.05); }

/* Route & Measure Panels */
body.page-home .route-panel,
body.page-home .measure-panel {
  background: rgba(7,9,15,0.94);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(200,165,91,0.18);
  box-shadow: 0 8px 32px rgba(0,0,0,0.50);
}
body.page-home .route-head,
body.page-home .measure-head { border-bottom: 1px solid rgba(200,165,91,0.12); }
body.page-home .route-head h4,
body.page-home .measure-head h4 { color: var(--pd-gold); }
body.page-home .route-close,
body.page-home .measure-close { color: var(--pd-muted); }
body.page-home .route-close:hover,
body.page-home .measure-close:hover { color: var(--pd-gold); }
body.page-home .route-tag.tag-a,
body.page-home .measure-tag.tag-a {
  background: rgba(200,165,91,0.18); color: var(--pd-gold); border-color: rgba(200,165,91,0.30);
}
body.page-home .route-tag.tag-b,
body.page-home .measure-tag.tag-b {
  background: rgba(27,58,85,0.40); color: #7aadff; border-color: rgba(122,173,255,0.30);
}
body.page-home .route-panel input,
body.page-home .measure-panel input {
  background: rgba(255,255,255,0.055);
  border-color: rgba(200,165,91,0.18);
  color: var(--pd-text); border-radius: 8px;
}
body.page-home .route-panel input:focus,
body.page-home .measure-panel input:focus {
  border-color: var(--pd-gold);
  background: rgba(200,165,91,0.06);
  box-shadow: 0 0 0 3px rgba(200,165,91,0.10);
}
body.page-home .route-hint,
body.page-home .measure-hint { color: var(--pd-muted); }
body.page-home .route-result {
  background: rgba(200,165,91,0.06);
  border-radius: 10px;
  border: 1px solid rgba(200,165,91,0.12);
}
body.page-home .route-narrative { color: var(--pd-text); }
body.page-home .measure-distance { color: var(--pd-gold); font-weight: 800; font-size: 1.4rem; }
body.page-home .route-num  { color: var(--pd-gold); font-weight: 700; }
body.page-home .route-mode { color: var(--pd-muted); }
body.page-home .rk-chip {
  background: rgba(200,165,91,0.08);
  border-color: rgba(200,165,91,0.16);
  color: var(--pd-muted);
}
body.page-home .route-quick-btn {
  background: rgba(200,165,91,0.07);
  border: 1px solid rgba(200,165,91,0.18);
  color: var(--pd-gold); border-radius: 8px; transition: all .2s;
}
body.page-home .route-quick-btn:hover { background: rgba(200,165,91,0.14); }

/* ─── Sections & Headings ─────────────────────────────────────────────── */
body.page-home .section-head h2 {
  color: var(--pd-text);
  font-weight: 800;
  position: relative; padding-bottom: 10px;
}
body.page-home .section-head h2::after {
  content: '';
  position: absolute; bottom: 0; right: 0;
  width: 44px; height: 3px; border-radius: 2px;
  background: linear-gradient(90deg, var(--pd-gold), var(--pd-gold-d));
}
body.page-home .section-head .link { color: var(--pd-gold); font-weight: 700; }
body.page-home .section-head .link:hover { color: var(--pd-gold-l); text-decoration: none; }

/* Welcome strip */
body.page-home .welcome-strip { color: var(--pd-muted); }
body.page-home .welcome-strip strong { color: var(--pd-text); }
body.page-home .welcome-strip .link { color: var(--pd-gold); }

/* Personalised chips */
body.page-home .chip-inline {
  background: rgba(200,165,91,0.10);
  border: 1px solid rgba(200,165,91,0.20);
  color: var(--pd-gold);
  border-radius: 99px; padding: 2px 8px; font-size: .78rem;
}
body.page-home .muted.small { color: var(--pd-muted); }
body.page-home .link-muted { color: var(--pd-muted); }
body.page-home .link-muted:hover { color: var(--pd-gold); text-decoration: none; }

/* ─── City Cards ──────────────────────────────────────────────────────── */
body.page-home .city-card {
  background: rgba(12,18,32,0.72);
  border: 1px solid rgba(200,165,91,0.12);
  backdrop-filter: blur(8px);
  transition: all .28s cubic-bezier(.4,0,.2,1);
  text-decoration: none;
}
body.page-home .city-card:hover {
  background: rgba(200,165,91,0.09);
  border-color: rgba(200,165,91,0.42);
  box-shadow: 0 8px 28px rgba(0,0,0,0.40), 0 0 18px rgba(200,165,91,0.10);
  transform: translateY(-4px);
  text-decoration: none;
}
body.page-home .city-name  { color: var(--pd-text); font-weight: 700; }
body.page-home .city-count { color: var(--pd-gold); font-size: .82rem; font-weight: 700; margin-top: 2px; }

/* ─── Property Cards ──────────────────────────────────────────────────── */
body.page-home .property-card {
  background: rgba(12,18,32,0.76);
  border: 1px solid rgba(200,165,91,0.11);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: all .3s cubic-bezier(.4,0,.2,1);
}
html.is-desktop body.page-home .property-card:hover {
  transform: translateY(-7px) !important;
  border-color: rgba(200,165,91,0.38);
  box-shadow: 0 16px 44px rgba(0,0,0,0.55),
              0 0 0 1px rgba(200,165,91,0.20),
              0 0 24px rgba(200,165,91,0.08);
}
body.page-home .prop-price    { color: var(--pd-gold); font-weight: 800; }
body.page-home .prop-title    { color: var(--pd-text); font-weight: 700; }
body.page-home .prop-location,
body.page-home .prop-meta,
body.page-home .prop-features { color: var(--pd-muted); }
body.page-home .prop-badge-new  {
  background: linear-gradient(135deg, var(--pd-gold), var(--pd-gold-d));
  color: #06090e;
}
body.page-home .prop-badge-rent {
  background: rgba(27,58,85,0.90);
  color: #93c5fd;
  border: 1px solid rgba(147,197,253,0.20);
}
body.page-home .prop-badge-sale {
  background: rgba(200,165,91,0.15);
  color: var(--pd-gold);
  border: 1px solid rgba(200,165,91,0.25);
}
body.page-home .card-actions {
  background: rgba(7,9,15,0.70);
  border-top: 1px solid rgba(200,165,91,0.08);
}
body.page-home .fav-btn { color: var(--pd-muted) !important; }
body.page-home .fav-btn:hover { color: var(--pd-gold) !important; }
body.page-home .prop-agent-row { border-top-color: rgba(200,165,91,0.08); }
body.page-home .prop-agent-name { color: var(--pd-muted); }

/* ─── نص بطاقة العقار — تباين عالٍ على الخلفية الداكنة ──────────────── */
body.page-home .property-body .price       { color: var(--pd-gold) !important; }
body.page-home .property-body .price small { color: rgba(220,228,240,0.60) !important; }
body.page-home .price-per-m2               { color: rgba(220,228,240,0.62) !important; }
body.page-home .property-title a           { color: var(--pd-text) !important; }
body.page-home .property-location          { color: rgba(220,228,240,0.72) !important; }
body.page-home .property-specs             {
  color: rgba(220,228,240,0.72) !important;
  border-top-color: rgba(200,165,91,0.14) !important;
}

/* إحصائيات البطاقة (⭐ · 💬 · 💰) */
body.page-home .prop-stats-row             { border-top-color: rgba(200,165,91,0.10) !important; }
body.page-home .ps-pill                    { background: rgba(255,255,255,0.07); color: rgba(220,228,240,0.70); }
body.page-home .ps-interest                { background: rgba(255,200,50,0.10);  color: #fcd34d; }
body.page-home .ps-msg                     { background: rgba(96,165,250,0.10);  color: #93c5fd; }
body.page-home .ps-offer                   { background: rgba(52,211,153,0.10);  color: #6ee7b7; }

/* شارة "لديك تواصل سابق" */
body.page-home .prop-engagement-tag        { color: #93c5fd; background: rgba(96,165,250,0.12); }

/* بطاقة الوكيل أسفل البطاقة */
body.page-home .prop-agent-tag             {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(200,165,91,0.12) !important;
}
body.page-home .prop-agent-tag:hover       { background: rgba(200,165,91,0.10) !important; }
body.page-home .prop-agent-tag .pa-avatar  {
  background: rgba(200,165,91,0.20);
  color: var(--pd-gold);
}
body.page-home .prop-agent-tag .pa-name strong { color: var(--pd-text) !important; }
body.page-home .prop-agent-tag .pa-agency      { color: var(--pd-muted) !important; }
body.page-home .prop-agent-tag .pa-rating      { color: var(--pd-gold) !important; }

/* ─── Agent Cards ─────────────────────────────────────────────────────── */
body.page-home .agent-card {
  background: rgba(12,18,32,0.72);
  border: 1px solid rgba(200,165,91,0.11);
  backdrop-filter: blur(8px);
  transition: all .28s cubic-bezier(.4,0,.2,1);
  text-decoration: none;
}
body.page-home .agent-card:hover {
  border-color: rgba(200,165,91,0.38);
  box-shadow: 0 10px 32px rgba(0,0,0,0.45), 0 0 18px rgba(200,165,91,0.08);
  transform: translateY(-4px);
  text-decoration: none;
}
body.page-home .agent-avatar {
  background: linear-gradient(135deg, var(--pd-gold) 0%, var(--pd-gold-d) 100%);
  color: #06090e; font-weight: 900;
  box-shadow: 0 4px 14px rgba(200,165,91,0.28);
}
body.page-home .agent-name   { color: var(--pd-text); font-weight: 700; }
body.page-home .agent-meta   { color: var(--pd-muted); }
body.page-home .agent-rating { color: var(--pd-gold); font-weight: 700; }

/* ─── Tour Banner ─────────────────────────────────────────────────────── */
body.page-home .tour-banner {
  background: linear-gradient(135deg, rgba(200,165,91,0.10) 0%, rgba(12,18,32,0.85) 100%);
  border: 1px solid rgba(200,165,91,0.22);
  backdrop-filter: blur(8px);
  transition: all .28s ease;
}
body.page-home .tour-banner:hover {
  background: linear-gradient(135deg, rgba(200,165,91,0.18) 0%, rgba(27,58,85,0.55) 100%);
  border-color: rgba(200,165,91,0.48);
  box-shadow: 0 10px 36px rgba(0,0,0,0.50), 0 0 28px rgba(200,165,91,0.10);
  transform: translateY(-2px);
  text-decoration: none;
}
body.page-home .tour-banner-title { color: var(--pd-gold); font-size: 1.08rem; font-weight: 800; }
body.page-home .tour-banner-sub   { color: var(--pd-muted); }
body.page-home .tour-banner-cta {
  background: linear-gradient(135deg, var(--pd-gold), var(--pd-gold-d));
  color: #06090e; font-weight: 800;
  box-shadow: 0 4px 16px rgba(200,165,91,0.30);
  border-radius: 10px;
  white-space: nowrap;
}

/* ─── Free Banner ─────────────────────────────────────────────────────── */
body.page-home .free-banner {
  background: rgba(200,165,91,0.07);
  border: 1px solid rgba(200,165,91,0.18);
  color: var(--pd-muted);
  border-radius: 12px;
}
body.page-home .free-banner strong { color: var(--pd-gold); }

/* ─── CTA Band ────────────────────────────────────────────────────────── */
body.page-home .cta-band {
  background: linear-gradient(135deg, #0c1220 0%, #0f1d38 45%, #0c1220 100%);
  border-top: 1px solid rgba(200,165,91,0.13);
  border-bottom: 1px solid rgba(200,165,91,0.13);
  position: relative; overflow: hidden;
}
body.page-home .cta-band::before {
  content: '';
  position: absolute; inset: -40% -10%;
  background: radial-gradient(ellipse at center, rgba(200,165,91,0.07) 0%, transparent 55%);
  pointer-events: none;
}
body.page-home .cta-band h2 { color: var(--pd-text); position: relative; }
body.page-home .cta-band p  { color: var(--pd-muted); position: relative; }

/* ─── FX Bar ──────────────────────────────────────────────────────────── */
body.page-home .fx-bar {
  background: rgba(7,9,15,0.88);
  border-top: 1px solid rgba(200,165,91,0.09);
}
body.page-home .fx-bar-syp { color: var(--pd-gold); }

/* ─── Footer ──────────────────────────────────────────────────────────── */
body.page-home .site-footer {
  background: #05070d;
  border-top: 1px solid rgba(200,165,91,0.10);
  color: var(--pd-muted);
}
body.page-home .site-footer h4,
body.page-home .site-footer h5 { color: var(--pd-text); }
body.page-home .site-footer .tagline { color: var(--pd-gold); }
body.page-home .site-footer a  { color: rgba(220,228,240,0.52); transition: color .2s; }
body.page-home .site-footer a:hover { color: var(--pd-gold); text-decoration: none; }
body.page-home .footer-bottom  { border-top-color: rgba(200,165,91,0.07); color: rgba(220,228,240,0.28); }
body.page-home .footer-free-badge { color: var(--pd-gold); }
body.page-home .footer-positioning { color: rgba(220,228,240,0.40); }

/* ─── AI Chat Widget ──────────────────────────────────────────────────── */
body.page-home .ai-toggle {
  background: linear-gradient(135deg, var(--pd-gold), var(--pd-gold-d)) !important;
  color: #06090e !important; font-weight: 800 !important;
  box-shadow: 0 6px 24px rgba(200,165,91,0.40) !important;
}
body.page-home .ai-panel {
  background: rgba(7,9,15,0.96);
  backdrop-filter: blur(22px);
  border: 1px solid rgba(200,165,91,0.18);
  box-shadow: 0 20px 60px rgba(0,0,0,0.65), 0 0 0 1px rgba(200,165,91,0.06);
}
body.page-home .ai-header {
  background: linear-gradient(135deg, rgba(200,165,91,0.13), rgba(200,165,91,0.04));
  border-bottom: 1px solid rgba(200,165,91,0.13);
  color: var(--pd-gold);
}
body.page-home .ai-header button { color: var(--pd-muted); }
body.page-home .ai-header button:hover { color: var(--pd-gold); }
body.page-home .ai-msg.ai-bot {
  background: rgba(27,58,85,0.45);
  color: var(--pd-text);
  border: 1px solid rgba(200,165,91,0.08);
  border-radius: 10px;
}
body.page-home .ai-msg.ai-user {
  background: linear-gradient(135deg, rgba(200,165,91,0.18), rgba(200,165,91,0.08));
  color: var(--pd-text);
  border: 1px solid rgba(200,165,91,0.15);
}
body.page-home .ai-form {
  background: rgba(12,18,32,0.80);
  border-top: 1px solid rgba(200,165,91,0.10);
}
body.page-home #ai-input {
  background: rgba(255,255,255,0.05);
  border-color: rgba(200,165,91,0.18) !important;
  color: var(--pd-text);
}
body.page-home #ai-input:focus {
  border-color: var(--pd-gold) !important;
  box-shadow: 0 0 0 3px rgba(200,165,91,0.10) !important;
}
body.page-home .ai-restore {
  background: linear-gradient(135deg, var(--pd-gold), var(--pd-gold-d));
  color: #06090e;
  box-shadow: 0 4px 18px rgba(200,165,91,0.38);
}

/* ─── Compare Bar ─────────────────────────────────────────────────────── */
body.page-home .compare-bar {
  background: rgba(7,9,15,0.95);
  backdrop-filter: blur(16px);
  border-top: 1px solid rgba(200,165,91,0.18);
  box-shadow: 0 -6px 32px rgba(0,0,0,0.50);
  color: var(--pd-text);
}
body.page-home .cb-count strong { color: var(--pd-gold); }

/* ─── Mobile Bottom Nav ───────────────────────────────────────────────── */
body.page-home .mobile-bottom-nav {
  background: rgba(7,9,15,0.97);
  backdrop-filter: blur(18px);
  border-top: 1px solid rgba(200,165,91,0.11);
  box-shadow: 0 -4px 24px rgba(0,0,0,0.50);
}
body.page-home .mbn-tab { color: var(--pd-muted); }
body.page-home .mbn-tab.is-active { color: var(--pd-gold); }
body.page-home .mbn-icon-plus {
  background: linear-gradient(135deg, var(--pd-gold), var(--pd-gold-d)) !important;
  color: #06090e !important;
  box-shadow: 0 4px 14px rgba(200,165,91,0.40) !important;
}

/* Flash messages */
body.page-home .flash { border-radius: 10px; }
body.page-home .flash-success { background: rgba(21,128,61,0.15);  border: 1px solid rgba(21,128,61,0.30);  color: #86efac; }
body.page-home .flash-error   { background: rgba(185,28,28,0.15); border: 1px solid rgba(185,28,28,0.30); color: #fca5a5; }
body.page-home .flash-info    { background: rgba(200,165,91,0.10); border: 1px solid rgba(200,165,91,0.25); color: var(--pd-gold); }

/* ─── Scrollbar ───────────────────────────────────────────────────────── */
body.page-home ::-webkit-scrollbar        { width: 5px; height: 5px; }
body.page-home ::-webkit-scrollbar-track  { background: rgba(7,9,15,0.40); }
body.page-home ::-webkit-scrollbar-thumb  { background: rgba(200,165,91,0.28); border-radius: 4px; }
body.page-home ::-webkit-scrollbar-thumb:hover { background: rgba(200,165,91,0.48); }