/* Inner pages, v3: same gallery-white palette, square buttons and colour energy as the home page.
   Loaded after site.css and before chrome.css. */
:root{
  --bg:#fbf9f6; --paper:#fbf9f6; --surface:#ffffff; --white:#ffffff; --tint:#f3efe9; --deep:#141215;
  --ink:#141215; --muted:#5f5a60; --mute:#5f5a60; --line:#e6e0d8;
  --accent:#d81f45; --accent-ink:#ffffff; --cherry:#d81f45; --gold:#ffb92e;
  --cobalt:#2f45ff; --blush:#f7b6c2; --saffron:#ffb92e; --coral:#ff5a4e;
  --ok:#1f8a4c; --off:#b8601f;
  --shadow:0 22px 50px -22px rgba(20,18,21,.35);
  --f-display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --f-body:"Archivo","Helvetica Neue",Arial,system-ui,sans-serif;
  --r:0px; --r-sm:0px; --frame:clamp(10px,1.6vw,22px);
  --hero:var(--saffron); --hero-fg:var(--ink);
  color-scheme:light;
}
html{background:var(--bg)}
body{font-family:var(--f-body)}
h1{font-size:clamp(3.2rem,8vw,7.4rem);line-height:.94;letter-spacing:-.03em}
h2{font-size:clamp(2.6rem,5.6vw,5rem);line-height:.96}
h3{line-height:1.05}
h1 em,h2 em{color:var(--cherry)}

/* Page colour per page (matches the home page's service walls) */
body[data-page="services"]{--hero:var(--saffron)}
body[data-page="about"]{--hero:var(--coral)}
body[data-page="visit"]{--hero:var(--cobalt);--hero-fg:#fff}
body[data-page="book"]{--hero:var(--blush)}
body[data-page="diary"]{--hero:var(--tint)}
body[data-page="balayage-leeds"]{--hero:var(--cobalt);--hero-fg:#fff}
body[data-page="highlights-leeds"]{--hero:var(--blush)}
body[data-page="hair-colour-leeds"]{--hero:var(--saffron)}
body[data-page="womens-haircuts-leeds"]{--hero:var(--coral)}
body[data-page="mens-haircuts-leeds"]{--hero:var(--cobalt);--hero-fg:#fff}

/* Colour-wall page heroes */
.page-hero{margin:var(--frame) var(--frame) 0;background:var(--hero);color:var(--hero-fg);padding-block:clamp(48px,8vw,110px) clamp(40px,6vw,80px)}
.page-hero h1 em{color:inherit}
.page-hero .lead,.page-hero .crumbs,.page-hero p{color:var(--hero-fg)}
.page-hero .lead{opacity:.9;font-size:1.15rem}
.page-hero .crumbs a{color:inherit}
.page-hero .crumbs{opacity:.8}
.page-hero .notice{color:var(--ink)}
.mode-badge{border-radius:0;border:1.5px dashed currentColor;color:inherit}
body[data-page="book"] .page-hero{padding-bottom:clamp(32px,4vw,56px)}

/* Service landing pages: photo + glass card on the service colour */
.land-band{margin:var(--frame) var(--frame) 0;background:var(--hero);color:var(--hero-fg);padding-block:clamp(36px,6vw,80px)}
.land-band .crumbs,.land-band .crumbs a{color:var(--hero-fg);opacity:.85}
.land-hero{align-items:stretch}
.land-hero .prose{background:rgba(255,255,255,.88);backdrop-filter:blur(12px);color:var(--ink);padding:clamp(24px,3.4vw,48px);align-content:center}
.land-hero .prose h1{font-size:clamp(2.8rem,5.6vw,5.4rem)}
.land-hero .prose h1 em{color:var(--cherry)}
.land-lead .ph{box-shadow:0 26px 60px -20px rgba(0,0,0,.5)}
.land-lead .portrait{border:8px solid #fff}
.land-facts{border-radius:0}

/* Photos: same vivid grade as the home page */
.ph img,.card-photo img,.portrait img,.menu-group header img,.look img{filter:saturate(1.12) contrast(1.06) brightness(1.02)}
.ph,.portrait{border-radius:0}
.portrait{border-radius:50%}
.cap{border-radius:0;background:rgba(20,18,21,.8)}

/* Buttons: identical to the home page everywhere */
.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-primary:hover{background:var(--cherry);border-color:var(--cherry);transform:none}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#fff}
.page-hero .btn-ghost,.land-band .btn-ghost{color:inherit;border-color:currentColor}
.tabs button,.seg,.seg button,.pick,.slot,.copyrow button,.mini,.chip,.status,.notice,.tbc,.pop-tag,.pill,.bk-progress button,.opt,.pay-opt,.chosen,.field select,.field input:not([type=checkbox]):not([type=radio]),.field textarea,.day,.cal-head button,.faq details,.photo-prev img{border-radius:0}
.tabs button{border:1.5px solid var(--ink);font-weight:600}
.tabs button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.seg{border:1.5px solid var(--ink);padding:0;gap:0}
.seg button{padding:.75em 1.1em}
.pick{border:1.5px solid var(--ink)}
.pick:hover{background:var(--ink);color:#fff}
.pop-tag{background:var(--cherry);color:#fff}

/* Section heads and links */
.sec-head h2{font-size:clamp(2.6rem,5.6vw,5rem)}
.link{text-decoration-color:var(--ink);text-decoration-thickness:1.5px}
.link:hover{color:var(--cherry);text-decoration-color:var(--cherry)}

/* Colour energy in components */
.finder{border-radius:0;box-shadow:var(--shadow);border:0}
.finder-head{background:var(--cobalt);color:#fff;border:0}
.finder-head p{color:rgba(255,255,255,.85)}
.quote .total b{color:var(--cherry)}
.notice{background:#fff3f5;border-color:#f3b4c0}
.menu-group{border-radius:0;border:0;box-shadow:0 1px 0 var(--line);border-top:6px solid var(--c,var(--ink))}
.menu-group:nth-of-type(1){--c:var(--cobalt)} .menu-group:nth-of-type(2){--c:var(--blush)} .menu-group:nth-of-type(3){--c:var(--saffron)}
.menu-group:nth-of-type(4){--c:var(--coral)} .menu-group:nth-of-type(5){--c:var(--cherry)} .menu-group:nth-of-type(6){--c:var(--cobalt)} .menu-group:nth-of-type(7){--c:var(--saffron)}
.menu-group header h3{font-size:2rem}
.item.is-pop{background:#fffaf0}
.item-q{border-left:3px solid var(--c,var(--saffron));border-radius:0;background:#fbf6ee}
.review{border-radius:0;border-top:6px solid var(--c,var(--saffron))}
.reviews .review:nth-child(4n+1){--c:var(--cobalt)} .reviews .review:nth-child(4n+2){--c:var(--saffron)}
.reviews .review:nth-child(4n+3){--c:var(--coral)} .reviews .review:nth-child(4n+4){--c:var(--blush)}
.review .stars,.stars{color:var(--saffron)}
.review.feature{background:var(--cobalt);border-color:var(--cobalt);color:#fff}
.panel,.card,.step,.amen > div,.tbl-wrap,.trust,.land-facts,.meet,.opt,.pay-opt{border-radius:0}
.step::before{color:var(--cherry);font-size:3rem}
.steps .step:nth-child(1){border-top:6px solid var(--cobalt)} .steps .step:nth-child(2){border-top:6px solid var(--saffron)} .steps .step:nth-child(3){border-top:6px solid var(--coral)}
.amen > div:nth-child(1){border-top:6px solid var(--cobalt)} .amen > div:nth-child(2){border-top:6px solid var(--saffron)} .amen > div:nth-child(3){border-top:6px solid var(--coral)} .amen > div:nth-child(4){border-top:6px solid var(--blush)}
.amen svg{color:var(--ink)}
.bar .fill{background:var(--cobalt)}
.bar:nth-child(even) .fill{background:var(--coral)}
.timeline li::before{border-color:var(--cherry)}
.faq details{border:0;border-left:4px solid var(--saffron);background:#fff}
.faq details[open]{border-left-color:var(--cherry)}
.ptable thead th{color:var(--ink);background:#fbf6ee}
.chips .chip,a.chip{background:#fff;border:1.5px solid var(--ink);font-weight:600}
a.chip:hover{background:var(--ink);color:#fff}
.chip b{color:var(--cherry)}
.map-card{border-radius:0}
.map-card .pin{border-radius:0}
.hours tr.today td:first-child::after{border-radius:0;background:var(--cherry)}
.strip .ph,.gallery .ph{border-radius:0;box-shadow:none}

/* Call to action band: a colour wall, not a dark box */
.cta-band{background:var(--saffron);color:var(--ink);border:0;border-radius:0}
.cta-band p{color:var(--ink);opacity:.85}
.cta-band .btn-ghost{color:var(--ink);border-color:var(--ink);background:transparent}
.cta-band .btn-ghost:hover{background:var(--ink);color:#fff}
body[data-page="about"] .cta-band,body[data-page="womens-haircuts-leeds"] .cta-band{background:var(--cobalt);color:#fff}
body[data-page="about"] .cta-band p,body[data-page="womens-haircuts-leeds"] .cta-band p{color:#fff}
body[data-page="about"] .cta-band .btn-ghost,body[data-page="womens-haircuts-leeds"] .cta-band .btn-ghost{color:#fff;border-color:#fff}
body[data-page="about"] .cta-band .btn-primary,body[data-page="womens-haircuts-leeds"] .cta-band .btn-primary{background:#fff;color:var(--ink);border-color:#fff}

/* Booking flow */
.bk-progress button{border-radius:0;border:1.5px solid var(--line)}
.bk-progress li.cur button{border-color:var(--ink)}
.bk-progress li.cur button::before{background:var(--cobalt);border-color:var(--cobalt);color:#fff}
.bk-progress li.done button::before{background:var(--cherry);border-color:var(--cherry);color:#fff}
.opt.on,.pay-opt.on{border-color:var(--cobalt);box-shadow:inset 0 0 0 1.5px var(--cobalt)}
.day.free{border-radius:0}
.day.sel{background:var(--cobalt)!important;border-color:var(--cobalt)}
.slot{border-radius:0;border:1.5px solid var(--line)}
.slot.on{background:var(--cherry);border-color:var(--cherry);color:#fff}
.bk-done .done-tick{border-radius:0}

/* Diary */
.ev{border-radius:0}
.pill{border-radius:0}
.pill.ok{color:var(--ok)}

/* Hide the old chrome classes if any remain */
.topbar,.site-header,.site-footer{display:none}
@media (max-width:980px){body{padding-bottom:56px}}

/* Square every pill so controls match the home page exactly */
.chip,.seg,.seg button,.tabs button,.item .pick,.lb-nav button,.lb-close,.copyrow button,.mode-badge,.slot,.pill,.mini,.pop-tag,.status,.cal-head button,.bk-progress button::before,.hours tr.today td:first-child::after{border-radius:0}
.item .pick{border:1.5px solid var(--ink);font-weight:600}
.item .pick:hover{background:var(--ink);color:#fff}
.copyrow button,.mini,.lb-nav button,.lb-close{border:1.5px solid var(--ink);background:transparent}
.copyrow button:hover,.mini:hover{background:var(--ink);color:#fff}
.opt-main .pop-tag{color:#fff}
.page-hero + section,.land-band + section{margin-top:clamp(28px,4vw,52px)}
.page-hero .status{background:#fff;color:var(--ink)}

/* ===== Palette discipline: black, white, stone, and one red ===== */
:root{--stone:#efebe5}
body[data-page][data-page]{--hero:var(--ink);--hero-fg:#ffffff}
.page-hero h1 em,.land-band h1 em{color:var(--cherry)}
.page-hero h1 em{color:#ff6b84}
.finder-head{background:var(--ink)}
.menu-group:nth-of-type(n){--c:var(--ink)}
.menu-group{border-top-width:4px}
.item.is-pop{background:var(--stone)}
.item-q{border-left-color:var(--cherry);background:var(--stone)}
.ptable thead th{background:var(--stone)}
.reviews .review:nth-child(n){--c:var(--cherry)}
.review.feature{background:var(--ink);border-color:var(--ink)}
.review .stars,.stars{color:var(--cherry)}
.steps .step:nth-child(n),.amen > div:nth-child(n){border-top:4px solid var(--cherry)}
.bar:nth-child(n) .fill{background:var(--ink)}
.faq details{border-left-color:var(--ink)}
.faq details[open]{border-left-color:var(--cherry)}
.cta-band,body[data-page] .cta-band{background:var(--cherry);color:#fff}
.cta-band p,body[data-page] .cta-band p{color:#fff;opacity:.9}
.cta-band h2 em{color:#fff}
.cta-band .btn-primary,body[data-page] .cta-band .btn-primary{background:#fff;color:var(--ink);border-color:#fff}
.cta-band .btn-primary:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.cta-band .btn-ghost,body[data-page] .cta-band .btn-ghost{color:#fff;border-color:#fff;background:transparent}
.cta-band .btn-ghost:hover{background:#fff;color:var(--ink)}
.bk-progress li.cur button::before{background:var(--ink);border-color:var(--ink)}
.opt.on,.pay-opt.on{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.day.sel{background:var(--ink)!important;border-color:var(--ink)}
.land-band .land-facts{background:#fff}
.land-hero .prose{background:#fff;backdrop-filter:none}
.land-hero .prose{background:#fff;backdrop-filter:none}
/* Two ways to book */
.book-ways{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-bottom:22px}
.way{display:grid;gap:8px;align-content:start;padding:22px 24px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.way h3{font-size:1.6rem}
.way p{color:var(--mute);font-size:.95rem}
.way-direct{border-top:4px solid var(--cherry)}
.way-tw{border-top:4px solid var(--ink);transition:border-color .2s}
.way-tw .btn{justify-self:start;margin-top:6px}
.way-tw:hover{border-color:var(--ink)}
.way-tw:hover .btn{background:var(--ink);color:#fff}
@media (max-width:760px){.book-ways{grid-template-columns:1fr}}
.cta-tw{grid-column:1/-1;margin-top:-6px;font-size:.92rem}
.cta-tw a{color:inherit;text-decoration:underline;text-underline-offset:4px}