/* Acromatico checkout theme — matches /photography (Inter + Instrument Serif + JetBrains Mono, cream/ink/coral).
   Loaded LAST on every /static/*-booking page so it overrides each page's old SF Pro / teal styles.
   Layout, IDs and JS are untouched; this file only restyles. 2026-11-14 */
:root{
  --primary:#14120F;
  --secondary:#6e6a63;
  --accent:#E0653A;
  --accent-2:#F07A4E;
  --bg:#F7F2E8;
  --bg-gray:#F0E8D8;
  --border:#E2D8C6;
  --card:#ffffff;
  --success:#3F8F5A;
}
html,body{background:var(--bg)!important}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif!important;color:var(--primary)!important;-webkit-font-smoothing:antialiased}
body *:not(.material-icons):not([class*="fa-"]){font-family:inherit}
input,select,textarea,button{font-family:'Inter',-apple-system,sans-serif!important}

/* type */
h1,h2,h3,.step-question,.section-title,.hero-title{font-family:'Inter',sans-serif!important;font-weight:200!important;letter-spacing:-.025em!important;color:var(--primary)}
h1 em,h2 em,h3 em,.step-question em,.section-title em,.hero-title em{font-family:'Instrument Serif',serif!important;font-style:italic!important;font-weight:400!important;color:var(--accent-2)!important}
.step-question{font-size:clamp(30px,4.4vw,44px)!important;line-height:1.1!important}
h4{font-family:'Inter',sans-serif!important;font-weight:400!important;letter-spacing:.01em}
.step-number,.eyebrow,.option-badge,.price-badge,.checkout-eyebrow{font-family:'JetBrains Mono',monospace!important;font-size:11.5px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--accent)!important;font-weight:400!important}
.step-description,.hero-subtitle,.hero-description{color:#4a463f!important;font-weight:300!important;font-size:17px!important;line-height:1.7!important}
label{font-family:'JetBrains Mono',monospace!important;font-size:11px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--secondary)!important;font-weight:400!important}
.tagline,[style*="Brush Script"]{font-family:'Caveat',cursive!important;color:var(--accent)!important}

/* chrome */
nav{background:rgba(247,242,232,.88)!important;backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid rgba(224,101,58,.14)!important;box-shadow:none!important}
.nav-back,nav a{color:var(--primary)!important}
.nav-back:hover,nav a:hover{color:var(--accent)!important}
.progress-bar{background:var(--bg-gray)!important}
.progress-fill{background:linear-gradient(90deg,var(--accent),var(--accent-2))!important}
.journey-dot.active,.journey-dot.completed{background:var(--accent)!important;border-color:var(--accent)!important}

/* cards */
.option-card,.team-option,.checkbox-option,.payment-option,.upgrade-card,.price-card,.service-card,.signature-box{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:0 1px 0 rgba(20,18,15,.03)!important;transition:border-color .2s,transform .2s,box-shadow .2s!important}
.option-card:hover,.team-option:hover,.checkbox-option:hover,.payment-option:hover,.upgrade-card:hover,.price-card:hover,.service-card:hover{border-color:var(--accent)!important;box-shadow:0 12px 34px rgba(20,18,15,.07)!important;transform:translateY(-2px)}
.option-card.selected,.team-option.selected,.checkbox-option.selected,.payment-option.active-option,.upgrade-card.selected,.price-card.featured{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(224,101,58,.14),0 12px 34px rgba(20,18,15,.07)!important}
.option-card.selected::before{background:var(--accent)!important}
.option-title,.team-label,.checkbox-title,.upgrade-title,.package-name,.service-title{font-weight:500!important;letter-spacing:-.01em!important;color:var(--primary)!important}
.option-price,.team-price,.checkbox-price,.upgrade-price,.package-price,.service-price,.hourly-price-big{font-family:'Instrument Serif',serif!important;font-weight:400!important;color:var(--accent)!important;letter-spacing:0!important}
.option-description,.checkbox-description,.upgrade-description,.package-features,.service-description{color:#4a463f!important}

/* form */
input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],input[type=time],select,textarea{background:#fff!important;border:1px solid var(--border)!important;border-radius:12px!important;color:var(--primary)!important;font-size:16px!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(224,101,58,.14)!important}
input[type=checkbox],input[type=radio]{accent-color:var(--accent)}
input[type=range]{accent-color:var(--accent)}

/* buttons */
.btn,.cta-button,.package-button,.hour-quick-btn{border-radius:999px!important;font-weight:500!important;letter-spacing:.01em!important}
.btn-primary,.cta-button,.package-button{background:var(--primary)!important;color:#fff!important;border:1px solid var(--primary)!important}
.btn-primary:hover,.cta-button:hover,.package-button:hover{background:var(--accent)!important;border-color:var(--accent)!important;transform:translateY(-2px)}
.btn-secondary{background:transparent!important;color:var(--primary)!important;border:1px solid var(--border)!important}
.btn-secondary:hover{border-color:var(--primary)!important}
.hour-quick-btn{background:#fff!important;border:1px solid var(--border)!important;color:var(--primary)!important}
.hour-quick-btn.hqb-active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}

/* summary sidebar */
.preview-sidebar{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:20px!important;box-shadow:0 12px 44px rgba(20,18,15,.08)!important}
.preview-sidebar h3,.preview-title{font-family:'JetBrains Mono',monospace!important;font-size:11.5px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--accent)!important;font-weight:400!important}
.preview-label{color:var(--secondary)!important}
.preview-value{color:var(--primary)!important}
.preview-total{border-top:1px solid var(--border)!important}
.preview-total span:last-child,.line-total{font-family:'Instrument Serif',serif!important;color:var(--primary)!important;font-weight:400!important}

/* service-type switcher shown on top of the event checkouts */
.svc-switch{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 28px;padding:14px 16px;background:var(--bg-gray);border:1px solid var(--border);border-radius:14px;font-size:14px;color:#4a463f;line-height:1.5}
.svc-switch strong{color:var(--primary);font-weight:500}
.svc-switch a{color:var(--accent)!important;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(224,101,58,.35)}
.svc-switch a:hover{border-color:var(--accent)}

/* keep the site-wide menu button from covering the checkout back link */
nav .nav-container,nav{padding-right:88px!important}
@media(max-width:600px){nav .nav-container,nav{padding-right:72px!important}}

/* checkouts stay focused: no S'Cool promo bar */
#acro-scool-banner{display:none!important}
/* option cards size to their content instead of stretching to the tallest one */
.options-grid{align-items:start!important}