/* ============================================================
   SSVT — Warm Gold / Yellow theme
   Palette: cream background + deep gold accent + warm brown ink
   ============================================================ */

:root{
  /* surfaces — warm cream/gold tones */
  --white:#fffdf4;
  --off-white:#fdf6e3;
  --sand:#f5e9c8;
  --charcoal:#3a2800;
  --ink:#2c1a00;
  --deep-grey:#5a3e00;
  --grey:#8a6d3b;
  --light-grey:#c8a96e;
  --line:#e8d5a0;

  /* gold accent */
  --red:#c8860a;
  --red-dark:#a86a00;
  --red-soft:rgba(200,134,10,.14);

  --navy:#3a2800;
  --navy-2:#4a3500;
  --navy-3:#5a4200;
  --amber:#d4920f;
  --amber-2:#f0a800;

  --radius-s:8px;
  --radius:12px;
  --radius-l:16px;

  --shadow-s:0 2px 8px rgba(90,60,0,.10);
  --shadow:0 14px 40px -18px rgba(90,60,0,.22);
  --shadow-l:0 32px 70px -30px rgba(90,60,0,.35);

  --font-display:"Outfit","Space Grotesk",system-ui,sans-serif;
  --font-body:"Figtree","DM Sans",system-ui,-apple-system,sans-serif;
}

/* page background — warm cream */
body{ background:#fdf6e3; color:var(--ink); }

h1,h2,h3,h4{font-weight:800;letter-spacing:-.025em;}

/* ---------- buttons ---------- */
.btn{
  border-radius:10px;
  font-weight:700;
  letter-spacing:.005em;
  box-shadow:0 10px 24px -14px rgba(200,134,10,.6);
}
.btn:not(.btn--ghost):not(.btn--light):not(.btn--outline-light){
  --btn-bg:var(--amber);--btn-fg:#2c1a00;
}
.btn:not(.btn--ghost):not(.btn--light):not(.btn--outline-light):hover{
  background:var(--amber-2);
  box-shadow:0 0 22px rgba(200,134,10,.5);
}
.btn--ghost{--btn-fg:var(--ink);--btn-bd:rgba(90,60,0,.25);}
.btn--ghost:hover{--btn-bg:var(--ink);--btn-fg:#fff;--btn-bd:var(--ink);}
.btn--light{--btn-bg:#fffdf4;--btn-fg:var(--ink);}
.btn--light:hover{--btn-bg:var(--amber);--btn-fg:var(--ink);}
.btn--outline-light{--btn-bd:rgba(255,255,255,.35);}
.link-red{color:var(--deep-grey);}
.link-red:hover{color:var(--amber-2);}

/* ---------- navigation ---------- */
.nav{ background:#fffdf4; box-shadow:0 2px 10px rgba(90,60,0,.10); }
.nav.is-solid,.nav.is-inner{ box-shadow:0 4px 20px rgba(90,60,0,.14); }
.nav__company{color:var(--ink);}
.nav__tagline{color:var(--grey);}
.nav__bottom a{color:var(--ink);}
.nav__bottom a:hover,.nav__bottom a.is-active{color:var(--amber);}
.nav__bottom a::after{background:var(--amber);}
.burger{background:rgba(90,60,0,.06);border-color:rgba(90,60,0,.18);}
.burger span{background:var(--ink);}
.mobile-panel{background:var(--off-white);color:var(--ink);}
.mobile-panel a{border-bottom-color:var(--line);color:var(--ink);}
.mobile-panel a.is-active{color:var(--amber);}

/* ---------- hero ---------- */
.hero{background:#3a2800;min-height:min(100svh,860px);}
.hero__inner{max-width:min(1280px,92vw);}
.hero__badge{
  background:rgba(200,134,10,.15);
  border:1px solid rgba(200,134,10,.4);
  color:var(--amber-2);
  border-radius:999px;
  text-transform:uppercase;letter-spacing:.10em;
  font-size:.72rem;font-weight:800;
}
.hero__badge b{color:var(--amber-2);}
.hero__badge .dot{background:var(--amber);box-shadow:0 0 0 4px rgba(200,134,10,.25);}
.hero h1{max-width:14ch;font-weight:800;}
.hero h1 em{color:var(--amber-2);}
.hero__text{color:rgba(255,243,200,.85);}
.hero__highlights .icon{color:var(--amber);}
.hero__scroll{color:rgba(255,243,200,.5);}

/* ---------- inner page hero ---------- */
.page-hero{background:linear-gradient(135deg,#1a0a00 0%,#3b1f00 30%,#5c3000 55%,#2a1500 80%,#0e0600 100%);}
.page-hero::after{background:none;}
.page-hero__media{opacity:.08;mix-blend-mode:luminosity;}
.crumbs a:hover{color:var(--amber);}

/* ---------- booking widget ---------- */
.booking__card{
  background:rgba(253,246,227,.97);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 40px 80px -40px rgba(90,60,0,.35);
}
.field label{color:var(--deep-grey);letter-spacing:.14em;}
.field input,.field select,.field textarea{
  border-radius:8px;border-color:var(--line);
  background:#fffdf4;
}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--amber);
  box-shadow:0 0 0 4px var(--red-soft);
}
.field .err{color:#c0392b;}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:#c0392b;}

/* ---------- accents ---------- */
.eyebrow{color:var(--amber);font-weight:800;}
.eyebrow::before{background:var(--amber);}
.section--dark{background:var(--charcoal);}
.section--tint{background:#fdf0c8;}
.stat b .suffix{color:var(--amber);}
.about-points .icon,.bullets .icon{color:var(--amber);}
.about-media__badge{background:var(--amber);color:var(--ink);}
.about-media img,.rental-block__media{border-radius:16px;}
.rental-block__num{background:rgba(58,40,0,.75);}
.veh-card{border-radius:16px;}
.veh-card:hover{border-color:rgba(200,134,10,.5);}
.veh-card__tag{background:var(--amber);color:var(--ink);}

/* ---------- footer ---------- */
.footer,.site-footer{background:#fdf0c8;color:var(--grey);}
.footer h4{color:var(--ink);}
.footer a{color:var(--grey);}
.footer a:hover{color:var(--amber);}
.footer__links a:hover{color:var(--amber);}
.footer .brand__sub{color:var(--grey);}
.footer .brand__name{color:var(--ink);}
.footer__bottom{border-top-color:var(--line);color:var(--grey);}
.footer__about p{color:var(--grey);}
.socials a{border-color:var(--line);color:var(--grey);}
.socials a:hover{background:var(--amber);border-color:var(--amber);color:#fff;}
::selection{background:var(--amber);color:var(--ink);}

/* ---------- section enhancements ---------- */
.section--tint{
  background:#fdf0c8;
  background-image:radial-gradient(circle,rgba(200,134,10,.07) 1px,transparent 1px);
  background-size:30px 30px;
}
.section--navy{background-image:linear-gradient(135deg,var(--charcoal) 0%,#5a3800 100%) !important;}
.nav__dropdown{background-color:#fffdf4 !important;}
.nav__drop-item{background-color:#fffdf4 !important;color:var(--ink) !important;}
.nav__drop-item:hover{background-color:#fde68a !important;color:var(--amber) !important;}

/* corporate section */
.section--navy { background-image: linear-gradient(135deg, var(--navy) 0%, #0d2b4e 100%) !important; }

/* dropdown solid white override */
.nav__dropdown { background-color: #ffffff !important; }
.nav__drop-item { background-color: #ffffff !important; color: #0f1b3d !important; }
.nav__drop-item:hover { background-color: #fffbeb !important; color: #f59e0b !important; }