/*!
 * the platform — POWDER design
 * Modern gallery white: porcelain and stone greys, hairline borders, and the
 * logo gold worn as jewelry. Layered after blinexpress.css; scoped entirely
 * under body.blx-powder so the two designs can never bleed into each other.
 *
 * Photography keeps its dark scrims — white type over imagery is the language
 * of luxury hotel design — so overlay components re-scope their text tokens
 * back to light locally.
 */

/* ---------- Tokens: the global remap ---------- */
body.blx-powder{
  /*
   * Aligned with the blx-site.css design system, so a guest moving from the
   * home page into the account, the checkout or a tour form stays inside ONE
   * material world. The old porcelain-and-bright-gold values predate that
   * system; every guest surface that reads these tokens shifts together.
   *
   * The gold is the brass pair from the site system: bright gold as a large
   * fill on paper is the least legible element on the page, so the darker
   * value leads and the brighter one is kept for hovers and marks.
   */
  --gold:#8a6a12;          /* brass — legible as text on paper */
  --gold-2:#b58a1a;        /* brighter partner for hovers and marks */
  --bg:#fbfaf7;            /* the site's warm paper */
  --bg-2:#f3f1ec;          /* banded sections */
  --panel:#ffffff;
  --panel-2:#f6f4ee;
  --line:#e3ded3;
  --line-2:#cbc4b4;
  --text:#1a1917;
  --heading:#0e0d0c;
  --muted:#6b6760;
  background:var(--bg);
  color:var(--text);
}
body.blx-powder ::selection{background:var(--gold);color:#fff;}

/* Gold as text needs depth on white; gold as a fill keeps the logo shade. */
body.blx-powder .eyebrow{color:var(--gold-2);}

/* ---------- Atoms ---------- */
/* The primary action is ink, matching the booking widget's Continue and the
   marketing pages' Reserve. Gold slabs are retired as buttons — on paper the
   ink reads as the decision and the brass as the reward on hover. */
body.blx-powder .btn--gold{background:var(--heading);color:#fbfaf7;box-shadow:0 10px 24px -14px rgba(14,13,12,.5);}
body.blx-powder .btn--gold:hover{background:var(--gold);color:#fff;}
body.blx-powder .btn--ghost{color:var(--heading);border-color:var(--line-2);background:#fff;}
body.blx-powder .btn--ghost:hover{border-color:var(--gold);color:var(--gold-2);}
/* On a photo hero the heading token turns white for the overlay copy — a
   white pill must not borrow it for its ink, or the button disappears into
   itself (the homepage's "Explore the Fleet"). Pinned dark ink reads on any
   frame of the photo. */
body.blx-powder .blx-hero .btn--ghost,
body.blx-powder .blx-subhero .btn--ghost{background:#fff;color:#161410;border-color:#fff;}
body.blx-powder .blx-hero .btn--ghost:hover,
body.blx-powder .blx-subhero .btn--ghost:hover{color:#8a6a12;border-color:var(--gold);background:#fff;}
body.blx-powder .dark-band{background:var(--bg-2);border-color:var(--line);}
body.blx-powder .lead{color:var(--muted);}
body.blx-powder .blx-textlink{border-bottom-color:var(--line-2);}

/* ---------- Top bar: quiet, precise ---------- */
body.blx-powder .blx-topbar{background:#fff;border-bottom:1px solid var(--line);}
body.blx-powder .blx-topbar .grp{color:var(--muted);}
body.blx-powder .blx-topbar .sep{color:var(--line-2);}

/* ---------- Header: frosted white ---------- */
body.blx-powder .blx-header{background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);
  backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);}
body.blx-powder .blx-nav a.is-cta{color:#fff;}
body.blx-powder .blx-nav a.is-cta:hover{color:#fff;}

/* ---------- Photo overlays: light type, kept scrims ---------- */
body.blx-powder .blx-hero,
body.blx-powder .blx-subhero{--heading:#ffffff;--text:#f2efe8;--muted:#d8d3c6;}
body.blx-powder .blx-hero .scrim{background:linear-gradient(180deg,rgba(12,11,8,.42) 0%,rgba(12,11,8,.16) 45%,rgba(247,246,242,.92) 96%,var(--bg) 100%);}
body.blx-powder .blx-subhero .scrim{background:linear-gradient(180deg,rgba(12,11,8,.38),rgba(247,246,242,.94) 96%);}
body.blx-powder .blx-hero .eyebrow,
body.blx-powder .blx-subhero .eyebrow{color:var(--gold);}

body.blx-powder .blx-dest{--heading:#ffffff;--text:#f2efe8;--muted:#d8d3c6;
  border:1px solid var(--line);background:#dbd7cc;box-shadow:0 24px 50px -30px rgba(35,30,15,.35);}
body.blx-powder .blx-dest .scrim{background:linear-gradient(0deg,rgba(12,11,8,.82) 0%,rgba(12,11,8,.12) 55%,rgba(12,11,8,0) 100%);}

body.blx-powder .blx-feature .media{border:1px solid var(--line);background:#e7e3d9;}
body.blx-powder .blx-feature .media .cap{--heading:#fff;--text:#f2efe8;
  background:linear-gradient(0deg,rgba(12,11,8,.78),rgba(12,11,8,0));color:#f2efe8;}

body.blx-powder .blx-tour .pic .cat{background:rgba(255,255,255,.9);color:var(--heading);}
body.blx-powder .blx-vehicle .badge{background:rgba(255,255,255,.88);color:var(--heading);}

/* ---------- Cards, grids, sections ---------- */
body.blx-powder .blx-quote .card{background:#fff;border:1px solid var(--line);
  box-shadow:0 30px 70px -40px rgba(35,30,15,.30);}
body.blx-powder .blx-field input,
body.blx-powder .blx-field select{background:#fff;border:1px solid var(--line-2);color:var(--heading);}
body.blx-powder .blx-field input:focus,
body.blx-powder .blx-field select:focus{border-color:var(--gold);}

body.blx-powder .blx-clients{background:var(--line);border-color:var(--line);}
body.blx-powder .blx-clients .c{background:#fff;color:var(--muted);}
body.blx-powder .blx-clients .c:hover{background:var(--panel-2);color:var(--heading);}

body.blx-powder .blx-airport{border:1px solid var(--line);background:#fff;}
body.blx-powder .blx-tour{border:1px solid var(--line);background:#fff;box-shadow:0 18px 44px -30px rgba(35,30,15,.22);}
body.blx-powder .blx-tour .pic{background:linear-gradient(160deg,#eceae3,#e0dcd1);}
body.blx-powder .blx-custom{background:linear-gradient(135deg,#ffffff,#f4f1e9);border:1px solid var(--line);}

/* The big CTA band: white marble with a gold thread, not a black slab. */
body.blx-powder .blx-cta .bg{background:linear-gradient(135deg,#ffffff,#f2efe7);}
body.blx-powder .blx-cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);}

/* ---------- Fleet ---------- */
body.blx-powder .blx-fleet-tab{background:#fff;border:1px solid var(--line);color:var(--text);}
body.blx-powder .blx-fleet-tab:hover{border-color:var(--gold);}
body.blx-powder .blx-fleet-tab.is-active{background:var(--gold);color:#fff;border-color:var(--gold);}
body.blx-powder .blx-fleet-tab.is-active .k{color:rgba(255,255,255,.8);}
body.blx-powder .blx-vehicle .media{border:1px solid var(--line);background:#eceae3;}
body.blx-powder .blx-veh .veh-media{background:#eceae3;box-shadow:0 34px 70px -44px rgba(35,30,15,.35);}
body.blx-powder .blx-filter{background:#fff;border:1px solid var(--line);color:var(--text);}
body.blx-powder .blx-filter:hover{border-color:var(--gold);}
body.blx-powder .blx-filter.is-active{background:var(--gold);color:#fff;border-color:var(--gold);}

/* Fleet showroom stage: dove-grey studio instead of night garage. */
body.blx-powder .blxsr-section{background:#eceae4;}
body.blx-powder .blxsr-stage{background:#eceae4;}
body.blx-powder .blxsr-sky::after{background:radial-gradient(70% 60% at 50% 42%,rgba(0,0,0,0) 40%,rgba(214,209,197,.65) 100%);}
body.blx-powder .blxsr-sky.photo::after{background:radial-gradient(70% 62% at 50% 46%,rgba(0,0,0,0) 40%,rgba(214,209,197,.6) 100%);}
body.blx-powder .blxsr-arrow{background:rgba(255,255,255,.75);color:var(--heading);}

/* ---------- Quote widget (blxq) ---------- */
body.blx-powder .blxq-note{background:var(--panel-2);border:1px solid var(--line);}
body.blx-powder .blxq-card{background:#fff;border:1px solid var(--line);
  box-shadow:0 30px 70px -44px rgba(35,30,15,.30);}
body.blx-powder .blxq-toggle{border:1px solid var(--line-2);background:var(--panel-2);}
body.blx-powder .blxq-toggle button{color:var(--muted);}
body.blx-powder .blxq-toggle button.on{background:var(--gold);color:#fff;}
body.blx-powder .blxq-alts{border-top:1px solid var(--line);}
body.blx-powder .blxq-alt{border-top:1px solid var(--line);}
body.blx-powder .blxq-triptype{border:1px solid var(--line-2);background:var(--panel-2);}
body.blx-powder .blxq-tt input:checked + span{background:var(--gold);color:#fff;}
body.blx-powder .blxq-addstop{border:1px dashed var(--line-2);color:var(--muted);}
body.blx-powder .blxq-addstop:hover{border-color:var(--gold);color:var(--gold-2);}
body.blx-powder .blxq-planner{background:#fff;border:1px solid var(--line);
  box-shadow:0 40px 90px -55px rgba(35,30,15,.35);}
body.blx-powder .blxq-node i{border-color:#fff;}
body.blx-powder .blxq-stop::before{background:repeating-linear-gradient(var(--line-2) 0 4px,transparent 4px 9px);}
body.blx-powder .blxq-stop-field input{background:#fff;border:1px solid var(--line-2);color:var(--heading);}
body.blx-powder .blxq-f input{background:#fff;border:1px solid var(--line-2);color:var(--heading);}
body.blx-powder .blxq-f input:focus{border-color:var(--gold);}
body.blx-powder .blxq-mapwrap{background:var(--panel-2);}
body.blx-powder .blxq-map-badge{background:rgba(255,255,255,.9);border:1px solid var(--line-2);color:var(--heading);}
body.blx-powder .blxq-map-note{background:rgba(255,255,255,.92);color:var(--text);}

/* ---------- Footer: crisp bone-white ---------- */
body.blx-powder .blx-footer{background:#f2f0ea;border-top:1px solid var(--line);color:var(--text);}

body.blx-powder .blx-nav a{color:#4d493f;}
body.blx-powder .blx-nav a:hover{color:var(--gold-2);}

/* ---------- Mobile chrome ---------- */
@media(max-width:860px){
  body.blx-powder .blx-nav{background:#fff;}
  body.blx-powder .blx-nav a{border-bottom:1px solid var(--line);color:var(--heading);}
}
body.blx-powder .blx-mobilebar{background:rgba(255,255,255,.94);border-top:1px solid var(--line-2);
  box-shadow:0 -10px 30px rgba(35,30,15,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
body.blx-powder .blx-mobilebar .mb-call{background:#fff;border:1px solid var(--line-2);color:var(--heading);}
body.blx-powder .blx-mobilebar .mb-reserve{color:#fff;}

/* ---------- Lightbox ---------- */
body.blx-powder .blx-lightbox{background:rgba(247,246,242,.94);}
body.blx-powder .blx-lightbox img{box-shadow:0 40px 90px -40px rgba(35,30,15,.45);}
body.blx-powder .blx-lightbox .lb-nav{background:rgba(255,255,255,.85);color:var(--heading);}

/* ---------- Readability pass: hardcoded light type from the noir sheet ----------
   Copy goes ink, display accents go deep gold; overlay components (hero, dest,
   feature caps) are excluded — their scrims stayed dark, so light type stands. */
body.blx-powder .blx-brand .name{color:var(--heading);}
body.blx-powder .blx-footer .name{color:var(--heading);}
body.blx-powder .blx-intro p{color:var(--text);}
body.blx-powder .blx-point h3{color:var(--heading);}
body.blx-powder .blx-airport h3{color:var(--heading);}
body.blx-powder .blx-cta h2{color:var(--heading);}
body.blx-powder .blx-cta p{color:var(--muted);}
body.blx-powder .blx-feature-grid li{color:var(--text);}
body.blx-powder .blx-veh .cap .num{color:var(--gold-2);}
body.blx-powder .blx-lightbox .lb-close{color:var(--heading);}

/* quote widget */
body.blx-powder .blxq-note{color:var(--muted);}
body.blx-powder .blxq-price{color:var(--heading);}
body.blx-powder .blxq-veh{color:var(--text);}
body.blx-powder .blxq-badge.warn{color:#9a6b00;}
body.blx-powder .blxq-alt{color:var(--muted);}
body.blx-powder .blxq-alt .ap{color:var(--heading);}
body.blx-powder .blxq-tt span{color:var(--muted);}
body.blx-powder .blxq-rm:hover{color:#c0452e;}
body.blx-powder .blxq-dist{color:var(--gold-2);}
body.blx-powder .blxq-dist strong{color:var(--heading);}
body.blx-powder .blxq-gps:hover{color:var(--gold-2);}
body.blx-powder .blxq-arrive strong{color:var(--gold-2);}
body.blx-powder .blxq-summary .blxq-arrive{color:var(--muted);}
body.blx-powder .blxq-summary .blxq-arrive strong{color:var(--gold-2);}
body.blx-powder .blxq-sold-head{color:var(--heading);}
body.blx-powder .blxq-sold-sub{color:var(--muted);}
body.blx-powder .blxq-sold-fit{color:var(--muted);}
body.blx-powder .blxq-sold-fit strong{color:var(--gold-2);}
body.blx-powder .blxq-sold-alt:hover{color:var(--gold-2);}

/* fleet showroom */
body.blx-powder .veh-3dtag{color:var(--gold-2);}
body.blx-powder .blxsr{color:var(--text);}
body.blx-powder .blxsr-tab:hover{color:var(--heading);}
body.blx-powder .blxsr-tab.on{color:var(--heading);}