/* nordicwell.no – booking: samme uttrykk som forsiden og prislisten (designløft 22.10.2026).
   Lastes ETTER bookingens egen <style> i booking/index.php:
     <link rel="stylesheet" href="/assets/booking.css?v=1">
   Rører ingen PHP-logikk. Kan fjernes igjen ved å slette lenken. */

:root{--bg:#f7f2ec;--panel:#fffdfa;--cream:#efe6da;--ink:#2b241f;--muted:#6f645a;--accent:#b08968;
  --accent-dark:#7a5c43;--logo:#a07a58;--rose:#e4d3c0;--line:#e9e1d6;--line-dark:#d9cdbd}

body{font-weight:300}
.wrap{max-width:760px}

/* Topplinje som på resten av siden */
header{height:70px;padding:0;display:flex;align-items:center;background:rgba(247,242,236,.88)}
header .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}
.logo{font-size:1.6rem}
.logo span{color:var(--logo)}
.btn{background:var(--accent-dark)}
.btn:hover{background:#5f4733}

h1{font-weight:500;font-size:clamp(2.4rem,6vw,3.2rem);letter-spacing:-.01em;margin:clamp(40px,7vw,64px) 0 10px}
.sub{font-size:1.08rem;max-width:56ch;margin-bottom:36px}
.sub a{border-bottom-color:var(--line-dark)}

/* Steg: flate seksjoner med hårlinje, ikke kort */
.step{background:transparent;border:none;border-top:1px solid var(--line-dark);border-radius:0;padding:28px 0 8px;margin-bottom:12px}
.step h2{font-weight:500;font-size:1.6rem;margin-bottom:18px}
.step h2 span{font-family:'Jost',system-ui,sans-serif;font-size:.8rem;letter-spacing:.04em}

/* Behandlingsvalg: retter at label-regelen gjør navnene til små versaler */
.tcard{text-transform:none;letter-spacing:0;font-size:1rem;font-weight:400;color:var(--ink);margin:0;
  background:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:15px 0;gap:16px}
.tlist{gap:0}
.tcard:hover{border-color:var(--line);background:transparent}
.tcard.sel{background:transparent;border-color:var(--line)}
.tcard.sel .nm{color:var(--ink)}
.tcard .nm{font-weight:400;line-height:1.4}
.tcard .d{font-size:.8rem;font-weight:300;margin-top:1px}
.tcard .p{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;font-weight:500;color:var(--ink);line-height:1}
.tcard.sel .p{color:var(--accent-dark)}
.tcard input{width:18px;height:18px;accent-color:var(--accent-dark)}

/* Sum: fast nederst på mobil, så beløpet alltid er synlig */
.sum{border-radius:2px;background:var(--ink);color:#fff;padding:16px 18px;margin-top:18px;font-weight:400}
.sum span:last-child{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;font-weight:500;color:#fff;line-height:1}
.sum .d{color:#cfc4b8}

/* Dato og tider */
select,input[type=date]{border-radius:2px;border-color:var(--line-dark);padding:13px 16px}
.slots{gap:8px}
.slot{border-radius:2px;border-color:var(--line-dark);padding:11px 16px;font-size:.95rem;font-weight:400}
.slot:hover{border-color:var(--ink)}
.slot.sel{background:var(--ink);border-color:var(--ink);color:#fff}

/* Skjema */
label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--muted);margin:16px 0 6px}
input[type=text],input[type=tel],input[type=email],textarea{border-radius:2px;border-color:var(--line-dark);font-weight:300}
.btn{border-radius:2px;padding:16px 34px;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;width:100%;justify-content:center}
@media(min-width:600px){.btn{width:auto}}
.err{border-radius:2px}
footer{border-top:1px solid var(--line-dark);margin-top:24px;padding-top:24px;font-size:.84rem}

@media(max-width:600px){
  .sum{position:sticky;bottom:0;z-index:5;box-shadow:0 -10px 24px -18px rgba(43,36,31,.5)}
}