/* =========================================================
   LUXOTEL UNIFIED BRAND THEME
   Portal-inspired Navy / Gold / Ivory palette
   ========================================================= */

:root{
  --lux-brand-navy:#102d4f;
  --lux-brand-navy-deep:#0b2238;
  --lux-brand-navy-soft:#173b5d;

  --lux-brand-gold:#b9862f;
  --lux-brand-gold-light:#d8b263;
  --lux-brand-gold-soft:#e5c98d;

  --lux-brand-ivory:#f9f6ef;
  --lux-brand-warm:#fffaf2;
  --lux-brand-white:#ffffff;

  --lux-brand-muted:#66717b;
  --lux-brand-line:rgba(185,134,47,.34);

  --lux-brand-rose:#b66c5a;

  --lux-brand-shadow:
    0 10px 28px rgba(16,45,79,.09);
}


/* ---------- GLOBAL PUBLIC SURFACES ---------- */

body.lux-site-aqaba,
body.lux-site-wadi-rum,
body.lux-site-portal{
  background:
    radial-gradient(
      circle at 12% 5%,
      rgba(185,134,47,.045),
      transparent 25%
    ),
    var(--lux-brand-ivory)!important;

  color:var(--lux-brand-navy)!important;
}


/* ---------- TOPBAR ---------- */

.lux-topbar{
  background:rgba(249,246,239,.94)!important;
  border-bottom:1px solid var(--lux-brand-line)!important;

  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

.lux-nav-link{
  color:var(--lux-brand-navy)!important;
}

.lux-nav-link.active{
  color:var(--lux-brand-gold)!important;
}


/* ---------- TITLES ---------- */

.lux-hero-title,
.lux-section-title,
.lux-menu-divider h2,
.lux-property-intro-title,
.lux-restaurant-name{
  color:var(--lux-brand-navy)!important;
}

.lux-kicker,
.lux-section-kicker,
.lux-property-intro-kicker,
.lux-restaurant-tag{
  color:var(--lux-brand-gold)!important;
}


/* ---------- CARDS ---------- */

.lux-restaurant-card,
.lux-item-card,
.menu-item{
  background:var(--lux-brand-warm)!important;
  border-color:var(--lux-brand-line)!important;

  box-shadow:var(--lux-brand-shadow)!important;
}

.lux-page-dining .lux-restaurant-card.active{
  background:var(--lux-brand-navy)!important;
  border-color:var(--lux-brand-gold)!important;
}

.lux-page-dining .lux-restaurant-card.active .lux-restaurant-name{
  color:#fff!important;
}


/* ---------- GROUP TABS ---------- */

.lux-group-segmented{
  background:rgba(255,250,242,.94)!important;
  border-color:var(--lux-brand-line)!important;
}

.lux-group-tab{
  color:var(--lux-brand-navy)!important;
}

.lux-group-tab.active,
.lux-group-tab[aria-pressed="true"]{
  background:var(--lux-brand-navy)!important;
  color:var(--lux-brand-gold-light)!important;
}


/* ---------- CATEGORIES ---------- */

.lux-cat-pill{
  background:var(--lux-brand-warm)!important;
  color:var(--lux-brand-navy)!important;

  border-color:rgba(185,134,47,.50)!important;
}

.lux-cat-pill.active,
.lux-cat-pill.current,
.lux-cat-pill[aria-pressed="true"]{
  background:var(--lux-brand-gold)!important;
  color:#fff!important;

  border-color:var(--lux-brand-gold)!important;
}


/* ---------- SEARCH ---------- */

.lux-menu-search{
  background:#fff!important;
  border-color:var(--lux-brand-line)!important;
}

.lux-menu-search input{
  color:var(--lux-brand-navy)!important;
}

.lux-menu-search input::placeholder{
  color:rgba(102,113,123,.72)!important;
}


/* ---------- BUTTONS ---------- */

.lux-btn-gold{
  background:var(--lux-brand-gold)!important;
  color:var(--lux-brand-navy-deep)!important;
  border-color:var(--lux-brand-gold)!important;
}

.lux-btn-navy{
  background:var(--lux-brand-navy)!important;
  color:#fff!important;
  border-color:var(--lux-brand-navy)!important;
}

.lux-btn-outline,
.lux-btn-outline-dark{
  background:transparent!important;
  color:var(--lux-brand-navy)!important;
  border-color:rgba(185,134,47,.58)!important;
}


/* ---------- MOBILE DOCK ---------- */

.lux-mobile-dock{
  background:rgba(11,34,56,.96)!important;
  border-color:rgba(216,178,99,.74)!important;
}

.lux-mobile-dock .lux-dock-item{
  color:rgba(255,255,255,.70)!important;
}

.lux-mobile-dock .lux-dock-item.active{
  color:var(--lux-brand-gold-light)!important;
  background:rgba(216,178,99,.10)!important;
}


/* ---------- MODALS ---------- */

.lux-modal-card{
  background:var(--lux-brand-warm)!important;
  border:1px solid var(--lux-brand-line)!important;
}

.lux-modal-card h2{
  color:var(--lux-brand-navy)!important;
}


/* ---------- FOOTER ---------- */

.lux-footer{
  background:transparent!important;
  border-top:1px solid rgba(185,134,47,.20)!important;
}

.lux-social-link{
  color:var(--lux-brand-gold)!important;
  border-color:rgba(185,134,47,.64)!important;
  background:rgba(255,250,242,.62)!important;
}


/* ---------- SPA SPECIAL TOUCH ---------- */

.menu-service-spa .lux-menu-divider h2,
.spa-menu-panel .lux-menu-divider h2{
  color:var(--lux-brand-navy)!important;
}


/* ---------- RDC SPECIAL TOUCH ---------- */

body.lux-site-aqaba .lux-hero:has(img[alt="Royal Diving Club"]){
  border:1px solid rgba(185,134,47,.38)!important;
}


/* ---------- MOBILE ---------- */

@media(max-width:650px){

  .lux-item-card,
  .menu-item{
    border-radius:12px!important;
  }

  .lux-menu-divider::before,
  .lux-menu-divider::after{
    background:linear-gradient(
      90deg,
      transparent,
      var(--lux-brand-gold),
      transparent
    )!important;
  }
}