/* ==========================================================================
   LUX — Light luxury theme (ivory · white · gold · ink)
   Used on: confirmation.html (My Booking), contact.html, history.html
   Loads AFTER home-dark.css and re-lights the content area.
   ========================================================================== */
body.lux{
  --ink:#14110a; --ink-2:#4a4538; --mute:#857f6e; --ivory:#faf8f3; --paper:#ffffff;
  --gold:#d4a62a; --gold-hi:#f3cf63; --gold-lo:#a47a12; --hair:#ece5d2;
  --lift:0 1px 0 rgba(255,255,255,.9) inset,0 18px 40px -24px rgba(90,66,10,.35),0 2px 6px rgba(90,66,10,.05);
  /* re-point the shared tokens to LIGHT */
  --bg:#faf8f3; --bg-card:#ffffff; --text-main:#14110a; --text-muted:#857f6e; --text-light:#b3ad9a;
  --border:#ece5d2; --border-strong:#ded5ba; --primary-light:#fbf3da;
  --shadow-card:0 18px 40px -24px rgba(90,66,10,.35); --shadow:0 22px 44px -24px rgba(90,66,10,.35); --shadow-hover:0 26px 50px -22px rgba(90,66,10,.4);
  background:radial-gradient(80% 36% at 50% 0%,#fff 0%,rgba(255,255,255,0) 70%),#faf8f3!important;
  color:var(--ink);font-family:'Montserrat',var(--font-body),sans-serif;
}
body.lux .footer-push{background:transparent}
body.lux h1,body.lux h2,body.lux h3,body.lux h4{color:var(--ink);font-family:'Montserrat',sans-serif;letter-spacing:-.015em}
body.lux p{color:var(--mute)}
body.lux input,body.lux select,body.lux textarea{background:#fff;color:var(--ink);border-color:var(--hair)}
body.lux ::placeholder{color:#a9a390}

/* ---------- Header: white, original dark logo ---------- */
body.lux .top-header{background:#08080a!important;height:70px!important;box-shadow:0 14px 30px -22px rgba(0,0,0,.55)!important;border-bottom:0!important}
body.lux .top-header::after{display:block!important;content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#a47a12 20%,#f3cf63 50%,#a47a12 80%,transparent)}
body.lux .top-header .logo img{content:url("../images/logo-dark.png");height:46px!important;max-height:46px;filter:drop-shadow(0 4px 14px rgba(243,207,99,.25))}
body.lux .hd-icon-btn{color:#fff}
body.lux .desktop-nav .nav-item{color:#cfc9b8!important}
body.lux .desktop-nav .nav-item:hover,body.lux .desktop-nav .nav-item.active{color:#fff!important;background:rgba(243,207,99,.14)!important}
body.lux .cal-header-btn{background:rgba(255,255,255,.08)!important;color:var(--hd-gold,#f3cf63)!important;border:1px solid rgba(243,207,99,.28)!important;border-radius:14px}
body.lux .profile-login-btn .login-icon-img{filter:drop-shadow(0 6px 10px rgba(30,60,140,.25))}

/* ---------- Footer: light ---------- */
body.lux .lr-footer{background:#f3eee0!important;border-top:0!important}
body.lux .lr-footer p{color:#857f6e!important}
body.lux .lr-footer a{color:var(--gold-lo)!important}
body.lux .lr-footer::before{background:linear-gradient(90deg,transparent,#a47a12,#f3cf63,#a47a12,transparent)}

/* ==========================  MY BOOKING  ========================== */
body.lux .booking-cards-row{gap:12px!important;padding:22px 16px 6px!important}
body.lux .bk-card{
  background:var(--paper)!important;border:1px solid var(--hair)!important;border-radius:24px!important;
  box-shadow:var(--lift)!important;position:relative;overflow:hidden;backdrop-filter:none!important}
body.lux .bk-card::before,body.lux .bk-card::after{display:none!important}
body.lux .bk-card-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#faf3dc;font-size:1.15rem;margin-bottom:10px!important}
body.lux .bk-card-num{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;background:none!important;font-family:'Montserrat',sans-serif!important;font-weight:800!important;font-size:1.9rem!important;letter-spacing:-.03em}
body.lux .bk-card-label{color:var(--gold-lo)!important;letter-spacing:.16em!important;text-transform:uppercase;font-weight:800!important;font-size:9.5px!important}
/* active card = the one gold hero tile */
body.lux .bk-card-active{background:linear-gradient(160deg,#f7d96f 0%,#e0b434 55%,#c9971c 100%)!important;border-color:#e0b434!important;box-shadow:0 22px 36px -18px rgba(164,122,18,.75)!important}
body.lux .bk-card-active .bk-card-icon{background:rgba(255,255,255,.35)}
body.lux .bk-card-active .bk-card-label,body.lux .bk-card-active .bk-card-num{color:#2a1f04!important;-webkit-text-fill-color:#2a1f04!important}
body.lux .bk-card:active{transform:scale(.97)}

body.lux .empty-state{margin:22px 16px 0;padding:40px 24px 34px!important;text-align:center;background:var(--paper);border:1px solid var(--hair);border-radius:30px;box-shadow:var(--lift)}
body.lux .empty-icon{width:104px!important;height:104px!important;margin:0 auto 20px!important;border-radius:50%!important;display:grid!important;place-items:center;background:#faf3dc!important;color:var(--gold-lo)!important;
  box-shadow:0 0 0 1px #efdfa8,0 0 0 10px rgba(243,207,99,.14)!important}
body.lux .empty-icon svg{width:44px;height:44px;stroke-width:1.4}
body.lux .empty-title{color:var(--ink)!important;font-size:1.25rem!important;font-weight:800!important;margin-bottom:8px!important}
body.lux .empty-desc{color:var(--mute)!important;max-width:260px;margin:0 auto 6px!important;font-size:.86rem!important;line-height:1.65}
body.lux .btn-cta{display:inline-flex!important;align-items:center;justify-content:center;padding:16px 34px!important;border-radius:999px!important;border:0!important;
  background:linear-gradient(180deg,#26262b,#0a0a0c)!important;color:var(--gold-hi)!important;font-family:'Montserrat',sans-serif!important;font-weight:800!important;font-size:.9rem!important;letter-spacing:.03em;
  box-shadow:0 18px 30px -14px rgba(10,10,12,.8),inset 0 0 0 1px rgba(243,207,99,.4)!important;text-shadow:none!important}

/* ==========================  CONTACT  ========================== */
body.lux .contact-hero{padding:30px 20px 4px!important;text-align:center}
body.lux .contact-icon{width:76px!important;height:76px!important;margin:0 auto 16px!important;border-radius:50%!important;display:grid!important;place-items:center;font-size:1.8rem!important;
  background:#fff!important;box-shadow:0 0 0 1px #efdfa8,0 0 0 9px rgba(243,207,99,.16),0 20px 34px -18px rgba(164,122,18,.55)!important}
body.lux .contact-hero h2,body.lux #shop-name{color:var(--ink)!important;font-size:1.6rem!important;font-weight:800!important;margin-bottom:6px!important}
body.lux .contact-hero p,body.lux #shop-tagline{color:var(--gold-lo)!important;font-size:.7rem!important;font-weight:800;letter-spacing:.22em;text-transform:uppercase;max-width:none!important}
body.lux .contact-cards{margin-top:24px!important}
body.lux .contact-card{background:var(--paper)!important;border:1px solid var(--hair)!important;border-radius:24px!important;box-shadow:var(--lift)!important;position:relative;overflow:hidden}
body.lux .contact-card::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#f3cf63,#a47a12);opacity:1!important;inset:auto auto auto 0}
body.lux .contact-card:hover{transform:translateY(-2px);border-color:#e3cf8e!important}
body.lux .cc-icon{background:linear-gradient(160deg,#f7d96f,#d4a62a)!important;color:#2a1f04!important;border-radius:50%!important;box-shadow:0 12px 20px -10px rgba(164,122,18,.9),inset 0 1px 0 rgba(255,255,255,.6)!important}
body.lux .cc-label{color:var(--mute)!important;letter-spacing:.16em!important;text-transform:uppercase;font-weight:700!important;font-size:.64rem!important}
body.lux .cc-val{color:var(--ink)!important;font-weight:800!important;font-size:1.02rem!important}
body.lux .contact-card>svg{color:var(--gold);opacity:1}
body.lux .about-section{background:var(--paper)!important;border:1px solid var(--hair)!important;border-left:4px solid var(--gold)!important;border-radius:24px!important;box-shadow:var(--lift)!important}
body.lux .about-section h3,body.lux .about-section h2{color:var(--ink)!important}
body.lux .about-section p{color:var(--ink-2)!important;line-height:1.8}
body.lux .skeleton{background:linear-gradient(90deg,#f1ecdd 25%,#f9f6ec 50%,#f1ecdd 75%)!important;background-size:200% 100%}

/* ==========================  HISTORY  ========================== */
body.lux .history-header-wrap{
  background:linear-gradient(180deg,#fff 0%,#fbf6e6 100%)!important;border:0!important;border-bottom:1px solid var(--hair)!important;
  border-radius:0 0 32px 32px!important;box-shadow:0 22px 40px -30px rgba(90,66,10,.5)!important}
body.lux .history-page-title{color:var(--ink)!important;font-size:1.6rem!important;font-weight:800!important}
body.lux .history-page-sub{color:var(--mute)!important}
body.lux .refresh-btn{background:#fff!important;border:1px solid #efdfa8!important;color:var(--gold-lo)!important;box-shadow:0 10px 18px -12px rgba(164,122,18,.7)}
body.lux .stat-card{background:#fff!important;border:1px solid var(--hair)!important;border-radius:22px!important;box-shadow:var(--lift)!important}
body.lux .stat-card.active-card{background:linear-gradient(160deg,#f7d96f,#d9a92a)!important;border-color:#e0b434!important}
body.lux .stat-num{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;background:none!important;font-weight:800!important;font-family:'Montserrat',sans-serif!important}
body.lux .stat-label{color:var(--gold-lo)!important;letter-spacing:.14em!important;text-transform:uppercase;font-weight:800!important;font-size:.6rem!important}
body.lux .stat-card.active-card .stat-label,body.lux .stat-card.active-card .stat-num{color:#2a1f04!important;-webkit-text-fill-color:#2a1f04!important}
body.lux #search-input{background:#fff!important;color:var(--ink)!important;border:1px solid var(--hair)!important;border-radius:999px!important;padding:13px 14px 13px 40px!important;box-shadow:var(--lift)}
body.lux #search-btn{background:linear-gradient(180deg,#26262b,#0a0a0c)!important;color:var(--gold-hi)!important;border-radius:999px!important;font-weight:800!important;padding:13px 20px!important;box-shadow:0 14px 24px -12px rgba(10,10,12,.8),inset 0 0 0 1px rgba(243,207,99,.4)!important}
body.lux .filter-bar{background:transparent!important;border:0!important}
body.lux .filter-bar .filter-chip{background:#fff!important;color:var(--ink-2)!important;border:1px solid var(--hair)!important;font-weight:700}
body.lux .filter-bar .filter-chip.active{background:linear-gradient(180deg,#26262b,#0a0a0c)!important;color:var(--gold-hi)!important;border-color:#0a0a0c!important;box-shadow:0 10px 18px -10px rgba(10,10,12,.8)}
body.lux .result-count-text{color:var(--mute)!important;letter-spacing:.1em;text-transform:uppercase;font-weight:700;font-size:.66rem}
body.lux .history-empty h3{color:var(--ink)!important}
body.lux .history-empty p{color:var(--mute)!important}