/* ============================================================================
   Ginger Films Estimator  "Ultra-Minimal Editorial Luxury" reskin
   ADDITIVE. Loads AFTER style.css and overrides it. Touches presentation only:
   no DOM, no listeners, no pricing, no tracking. Roll back by deleting the
   one <link> that loads this file.
   ========================================================================= */

/* ---- 1. Palette ---------------------------------------------------------
   style.css is variable-driven, so retheming the tokens carries most of the
   site. --grad is referenced in 17 places; flattening it here removes every
   gradient at once (Oj: "no cheap gradient cards"). */
:root{
  --ink:#1A1917;
  --ink-2:#33302B;
  --cream:#FBFAF8;
  --cream-2:#FFFFFF;
  --gold:#8A6D3B;
  --gold-light:#C3A87F;
  --gold-dim:rgba(138,109,59,.30);
  --gold-text:#7A5F33;
  --spanish-gray:#8C857A;
  --spanish-gray-text:#5E594F;
  --muted:#78716A;
  --muted-2:#A8A199;
  --border:rgba(26,25,23,.11);
  --radius:0px;
  --grad:#1A1917;
  --grad-soft:rgba(195,168,127,.13);
}

/* ---- 2. Typography ---- */
.serif,h1,h2,h3,.step-title,.hero-headline,.package-name,.tiername,
.summary-grand-value,.day-crew-title{
  font-family:"Cormorant Garamond","Fraunces",Georgia,serif!important;
  font-weight:400;letter-spacing:-.01em;
}
.hero-headline{font-weight:300;letter-spacing:-.018em;line-height:1.04}
.step-num{color:var(--muted-2)!important;font-weight:300}
.eyebrow,.itinerary-field-label,.crew-units-label,.summary-section-label{
  letter-spacing:.2em;text-transform:uppercase;font-size:10px;color:var(--muted);
}

/* ---- 3. Flatten surfaces ---- */
.hero{background:var(--cream)!important}
.opt-card,.deliv-card,.package-card,.proof-tile,.suggest-chip,.rail-btn,
.rail-dot,.hero-cta,.details-continue-btn,.generate-btn,.mobile-bar-btn,
.summary-box,.ogilvy-block{box-shadow:none!important}
.opt-card,.deliv-card,.package-card,.role-block,.day-crew-block{
  border-radius:0!important;background:var(--cream-2);border:1px solid var(--border);
}
.opt-card.on,.deliv-card.on,.package-card.selected{
  border-color:var(--gold)!important;background:var(--grad-soft)!important;
}

/* ---- 4. Controls ---- */
.hero-cta,.details-continue-btn,.generate-btn,.mobile-bar-btn,
.preset-chip.selected,.rail-btn.active,.itinerary-add-btn{border-radius:0!important}
.hero-cta,.details-continue-btn,.generate-btn,.mobile-bar-btn{
  color:var(--cream)!important;background:var(--ink)!important;
  letter-spacing:.19em;text-transform:uppercase;font-size:12px;font-weight:500;
}
.rail-btn.active{color:var(--cream)!important;background:var(--ink)!important}
.preset-chip,.event-chip{border-radius:0!important}
.preset-chip.selected,.event-chip.selected{
  background:var(--ink)!important;color:var(--cream)!important;border-color:var(--ink)!important;
}
.summary-grand-value{
  background:none!important;-webkit-background-clip:initial!important;
  background-clip:initial!important;-webkit-text-fill-color:var(--ink)!important;
  color:var(--ink)!important;font-weight:500;
}

/* ---- 5. Itinerary + crew ---- */
.day-crew-block{padding:22px 22px 18px;margin-bottom:14px}
.day-crew-title{font-size:21px}
.itinerary-row,.itinerary-row-4col{
  background:var(--cream-2);border:1px solid var(--border);border-radius:0;padding:16px;
}
.itinerary-add-btn{
  border:1px dashed rgba(26,25,23,.22);background:transparent;color:var(--muted);
  letter-spacing:.09em;text-transform:uppercase;font-size:12.5px;width:100%;padding:14px;
}
.itinerary-add-btn:hover{border-color:var(--gold);color:var(--gold)}

/* ---- 6. Trim decorative furniture ---- */
.trust-strip,.proof-gallery{background:transparent!important;border:0!important}
.ornamental-divider,.loader-dot{opacity:.5}
.big-divider{border-top:1px solid var(--border);background:none}

/* ---- 7. Focus ---- */
:focus-visible{outline:1.5px solid var(--gold);outline-offset:3px}

/* ---- 8. Summary rail: was a dark panel, wrong on a light ground ---- */
.summary-box{
  background:var(--cream-2)!important;border:1px solid var(--border)!important;
  border-radius:0!important;box-shadow:none!important;color:var(--ink)!important;
  padding:28px 26px 24px;
}
.summary-box::before{display:none!important}
.summary-box,.summary-box *{color:var(--ink)}
.summary-title,.summary-line-name,.summary-grand-label{color:var(--ink)!important}
.summary-line-meta,.summary-empty,.investment-note,
.summary-box p,.summary-box small{color:var(--muted)!important}
.summary-section-label{color:var(--muted-2)!important}
.summary-line{border-bottom:1px solid var(--border)}

/* ---- 9. Hero: 92vh pushed the page below the fold ---- */
.hero{height:auto!important;min-height:0!important;padding:88px 0 64px!important;
  background:var(--cream)!important}
.hero-headline{font-size:clamp(36px,6vw,68px)}

/* ---- 10. Floating pill ---- */
#portfolioFloater{border-radius:0!important;box-shadow:none!important}

/* ---- 11. Rail: a filled ink block was too heavy against the aisle motif ---- */
.rail-btn.active{
  background:transparent!important;color:var(--ink)!important;
  border-bottom:2px solid var(--gold)!important;box-shadow:none!important;
}
.rail-btn.active .rail-dot{background:var(--gold)!important}

/* ---- 12. Body face: match the approved mockup ---- */
body,input,select,textarea,button,p,li,label,.step-desc{
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
body{font-weight:300}
.hero-headline,.step-title,.serif,h1,h2,h3,.package-name,.day-crew-title,
.summary-grand-value{font-family:"Cormorant Garamond",Georgia,serif!important}