/* Shared site navigation — canonical across all pages */
header{
  position:sticky;
  top:0;
  z-index:100;
  background:var(--hero-surface);
  border-bottom:none;
}
header > nav{
  height:108px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
}
header .brand{
  display:flex;
  align-items:center;
  text-decoration:none;
  flex:0 0 auto;
}
header .brand-logo-full{
  height:90px;
  overflow:visible;
}
header .brand-full{
  display:block;
  height:90px;
  width:auto;
  object-fit:contain;
}
header .links{
  display:flex;
  align-items:center;
  gap:28px;
  font-size:14px;
  font-weight:300;
  letter-spacing:.045em;
  text-transform:uppercase;
  color:rgba(77,64,63,.86);
}
header .links a{
  text-decoration:none;
}
header .links .enquire{
  padding-bottom:9px;
}

/* Booking CTA */
.nav-booking-trigger{
  border:0;
  border-radius:999px;
  padding:10px 16px;
  background:#B98D78;
  color:#fff;
  font-family:var(--sans);
  font-size:12px;
  font-weight:500;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
  white-space:nowrap;
  transition:background-color .2s ease, transform .2s ease;
}
.nav-booking-trigger:hover,
.nav-booking-trigger:focus-visible{
  background:#A97962;
}

/* Hamburger */
.menu-toggle{
  display:none;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--navy);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  position:relative;
  flex:0 0 auto;
}
.menu-toggle span{
  position:absolute;
  width:24px;
  height:1.5px;
  left:10px;
  background:currentColor;
  border-radius:999px;
  transition:transform .22s ease, top .22s ease, opacity .18s ease;
}
.menu-toggle span:nth-child(1){top:14px}
.menu-toggle span:nth-child(2){top:21px}
.menu-toggle span:nth-child(3){top:28px}
.menu-toggle[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}

@media(max-width:850px){
  header > nav{
    position:relative;
  }
  .menu-toggle{
    display:flex;
  }
  header .links{
    display:none;
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    width:100vw;
    padding:12px max(28px, calc((100vw - 1120px)/2 + 28px)) 22px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:var(--hero-surface);
    border-top:1px solid rgba(77,64,63,.08);
    box-shadow:0 16px 28px rgba(60,48,47,.08);
  }
  header .links.is-open{
    display:flex;
  }
  header .links a,
  header .links a:not(.enquire){
    display:block !important;
    width:100%;
    padding:13px 0;
    border-bottom:1px solid rgba(77,64,63,.09);
    font-size:13px;
    letter-spacing:.08em;
  }
  header .links a::after{
    display:none;
  }
  header .links .enquire{
    padding-bottom:13px;
  }
  header .links .nav-booking-trigger{
    width:100%;
    margin-top:12px;
    padding:12px 14px;
    text-align:center;
  }
}
@media(max-width:560px){
  header > nav{
    height:92px;
  }
  header .brand-logo-full,
  header .brand-full{
    height:74px;
  }
}
@media(prefers-reduced-motion:reduce){
  .menu-toggle span{
    transition:none;
  }
}

/* Shared Cliniko booking modal */
.booking-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:38px 20px;
  background:rgba(54,47,45,.58);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease,visibility 0s linear .28s;
  overflow-y:auto;
}
.booking-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .28s ease;
}
.booking-dialog{
  position:relative;
  width:min(980px,100%);
  min-height:480px;
  margin:auto;
  background:#fff;
  border-radius:18px;
  box-shadow:0 24px 70px rgba(45,37,35,.24);
  overflow:hidden;
  transform:translateY(16px);
  transition:transform .32s cubic-bezier(.22,.61,.36,1);
}
.booking-modal.is-open .booking-dialog{
  transform:translateY(0);
}
.booking-close{
  position:sticky;
  top:0;
  z-index:3;
  margin-left:auto;
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:var(--navy);
  font-size:26px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(45,37,35,.10);
}
.booking-frame-wrap{
  padding:0 18px 18px;
}
body.booking-open{
  overflow:hidden;
}
@media(max-width:560px){
  .booking-modal{
    padding:0;
    align-items:stretch;
  }
  .booking-dialog{
    width:100%;
    min-height:100vh;
    border-radius:0;
    margin:0;
  }
  .booking-close{
    margin:10px 10px 0 auto;
  }
  .booking-frame-wrap{
    padding:0 8px 12px;
  }
}
@media(prefers-reduced-motion:reduce){
  .booking-modal,
  .booking-dialog{
    transition:none!important;
  }
}


/* About dropdown */
.nav-dropdown{
  position:relative;
  display:flex;
  align-items:center;
}
.nav-dropdown-toggle{
  appearance:none;
  border:0;
  background:transparent;
  padding:10px 0 9px;
  margin:0;
  color:inherit;
  font:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.nav-caret{
  width:6px;
  height:6px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .2s ease;
}
.nav-submenu{
  position:absolute;
  top:100%;
  left:-18px;
  z-index:120;
  min-width:205px;
  padding:20px 0 10px;
  background:var(--paper);
  border:1px solid rgba(77,64,63,.10);
  border-radius:8px;
  box-shadow:0 14px 34px rgba(60,48,47,.10);
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
.nav-submenu a{
  display:block;
  padding:10px 18px !important;
  font-size:12px !important;
  line-height:1.35;
  letter-spacing:.055em !important;
  text-transform:none !important;
  white-space:nowrap;
}
.nav-submenu a::after{
  display:none !important;
}
.nav-submenu a:hover,
.nav-submenu a:focus-visible{
  background:rgba(185,141,120,.10);
}
@media(min-width:851px){
  .nav-dropdown:hover .nav-submenu,
  .nav-dropdown:focus-within .nav-submenu,
  .nav-dropdown.is-open .nav-submenu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
    transition-delay:0s;
  }
  .nav-dropdown:hover .nav-caret,
  .nav-dropdown:focus-within .nav-caret,
  .nav-dropdown.is-open .nav-caret{
    transform:translateY(1px) rotate(225deg);
  }
}
@media(max-width:850px){
  header .nav-dropdown{
    display:block;
    width:100%;
  }
  header .nav-dropdown-toggle{
    width:100%;
    justify-content:space-between;
    padding:13px 0;
    border-bottom:1px solid rgba(77,64,63,.09);
    font-size:13px;
    letter-spacing:.08em;
  }
  header .nav-submenu{
    position:static;
    min-width:0;
    padding:0 0 0 16px;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent;
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
    display:none;
  }
  header .nav-dropdown.is-open .nav-submenu{
    display:block;
  }
  header .nav-dropdown.is-open .nav-caret{
    transform:translateY(1px) rotate(225deg);
  }
  header .nav-submenu a,
  header .nav-submenu a:not(.enquire){
    padding:11px 0 !important;
    font-size:12px !important;
    letter-spacing:.055em !important;
    text-transform:none !important;
  }
}


@media(min-width:851px){
  .nav-submenu::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-12px;
    height:12px;
    background:transparent;
  }
}


/* Refined About submenu — visually aligned with top-level navigation */
.nav-submenu{
  left:-16px;
  min-width:232px;
  padding:14px 16px 16px;
  background:var(--paper);
  border:1px solid rgba(77,64,63,.08);
  border-radius:5px;
  box-shadow:0 12px 28px rgba(60,48,47,.08);
}

.nav-submenu a{
  position:relative;
  display:block;
  width:max-content;
  max-width:100%;
  padding:9px 0 !important;
  color:rgba(77,64,63,.86);
  font-size:13px !important;
  font-weight:300 !important;
  line-height:1.4;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
  white-space:nowrap;
  transition:color .22s ease, opacity .22s ease;
}

.nav-submenu a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  width:100%;
  height:1px;
  background:currentColor;
  transform:translateX(-50%) scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}

.nav-submenu a:hover,
.nav-submenu a:focus-visible{
  background:transparent;
  color:var(--navy);
}

.nav-submenu a:hover::after,
.nav-submenu a:focus-visible::after{
  transform:translateX(-50%) scaleX(1);
}

@media(max-width:850px){
  header .nav-submenu{
    padding:4px 0 4px 16px;
  }

  header .nav-submenu a,
  header .nav-submenu a:not(.enquire){
    width:100%;
    padding:11px 0 !important;
    color:rgba(77,64,63,.82);
    font-size:12.5px !important;
    font-weight:300 !important;
    letter-spacing:.07em !important;
    text-transform:uppercase !important;
  }

  header .nav-submenu a::after{
    display:none !important;
  }
}


/* Desktop submenu hover — mirror top-level nav underline */
@media(min-width:851px){
  .nav-submenu a{
    position:relative;
    background:transparent !important;
    transform:none !important;
  }

  .nav-submenu a::after{
    display:block !important;
    content:"";
    position:absolute;
    left:50%;
    bottom:2px;
    width:100%;
    height:1.5px;
    background:currentColor;
    transform:translateX(-50%) scaleX(0);
    transform-origin:center;
    opacity:.72;
    transition:
      transform .28s cubic-bezier(.22,.61,.36,1),
      opacity .22s ease;
    pointer-events:none;
  }

  .nav-submenu a:hover,
  .nav-submenu a:focus-visible{
    background:transparent !important;
    color:#4D403F;
    transform:none !important;
  }

  .nav-submenu a:hover::after,
  .nav-submenu a:focus-visible::after{
    display:block !important;
    transform:translateX(-50%) scaleX(1);
    opacity:.55;
  }
}


/* Shared enquiry modal */
.enquiry-modal{
  position:fixed;
  inset:0;
  z-index:1010;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 20px;
  background:rgba(54,47,45,.58);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease, visibility 0s linear .28s;
}
.enquiry-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .28s ease;
}
.enquiry-dialog{
  position:relative;
  width:min(620px,100%);
  max-height:calc(100vh - 56px);
  overflow:auto;
  padding:48px 48px 44px;
  background:var(--paper);
  border-radius:14px;
  box-shadow:0 24px 70px rgba(45,37,35,.24);
  transform:translateY(16px);
  transition:transform .32s cubic-bezier(.22,.61,.36,1);
}
.enquiry-modal.is-open .enquiry-dialog{
  transform:translateY(0);
}
.enquiry-close{
  position:absolute;
  top:18px;
  right:18px;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  background:transparent;
  color:var(--navy);
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.enquiry-dialog .eyebrow{
  margin-bottom:14px;
}
.enquiry-dialog h2{
  margin:0 46px 14px 0;
  font-family:var(--serif);
  font-size:clamp(34px,4vw,46px);
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.025em;
  color:var(--navy);
}
.enquiry-intro{
  margin:0 0 28px;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}
.enquiry-form{
  display:grid;
  gap:18px;
}
.enquiry-field{
  display:grid;
  gap:7px;
}
.enquiry-field label{
  color:var(--navy);
  font-size:12px;
  font-weight:450;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.enquiry-field input,
.enquiry-field textarea{
  width:100%;
  border:1px solid rgba(88,70,78,.18);
  border-radius:5px;
  background:#fff;
  color:var(--navy);
  font:inherit;
  font-size:15px;
  padding:12px 13px;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.enquiry-field textarea{
  min-height:130px;
  resize:vertical;
}
.enquiry-field input:focus,
.enquiry-field textarea:focus{
  border-color:rgba(88,70,78,.50);
  box-shadow:0 0 0 3px rgba(185,141,120,.10);
}
.enquiry-actions{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:4px;
}
.enquiry-note{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
body.enquiry-open{
  overflow:hidden;
}

@media(max-width:560px){
  .enquiry-modal{
    align-items:flex-end;
    padding:0;
  }
  .enquiry-dialog{
    width:100%;
    max-height:92vh;
    border-radius:14px 14px 0 0;
    padding:42px 24px 30px;
  }
  .enquiry-actions{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(prefers-reduced-motion:reduce){
  .enquiry-modal,
  .enquiry-dialog{
    transition:none !important;
  }
}


/* Enquiry modal submit button — remove stray inherited edge/background */
.enquiry-form .btn{
  position:relative;
  overflow:hidden;
  border:0 !important;
  box-shadow:none !important;
  outline-offset:3px;
  background-image:none !important;
}

.enquiry-form .btn::before,
.enquiry-form .btn::after{
  content:none !important;
  display:none !important;
}

.enquiry-form .btn:hover,
.enquiry-form .btn:focus-visible,
.enquiry-form .btn:active{
  border:0 !important;
  box-shadow:none !important;
  background-image:none !important;
}


/* Netlify enquiry form states */
.enquiry-honeypot{
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

.enquiry-privacy-note{
  margin:-12px 0 26px;
  padding:11px 13px;
  border-left:2px solid rgba(185,141,120,.55);
  color:var(--muted);
  font-size:12.5px;
  line-height:1.55;
}

.enquiry-form .btn:disabled{
  opacity:.62;
  cursor:wait;
}

.enquiry-success{
  padding:18px 0 8px;
  outline:none;
}

.enquiry-success h3{
  margin:0 0 12px;
  font-family:var(--serif);
  font-size:clamp(28px,3vw,38px);
  font-weight:400;
  line-height:1.12;
  letter-spacing:-.02em;
  color:var(--navy);
}

.enquiry-success p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.enquiry-error{
  margin:4px 0 0;
  padding:11px 13px;
  border-left:2px solid rgba(145,73,63,.55);
  color:var(--navy);
  font-size:13px;
  line-height:1.55;
}


/* Enquiry modal content reveal */
.enquiry-dialog .eyebrow,
.enquiry-dialog h2,
.enquiry-dialog .enquiry-intro,
.enquiry-dialog .enquiry-privacy-note,
.enquiry-dialog .enquiry-field,
.enquiry-dialog .enquiry-actions{
  opacity:0;
  transform:translateY(12px);
  transition:
    opacity .55s cubic-bezier(.22,.61,.36,1),
    transform .55s cubic-bezier(.22,.61,.36,1);
}

.enquiry-modal.is-open .enquiry-dialog .eyebrow{
  opacity:1;
  transform:translateY(0);
  transition-delay:.08s;
}
.enquiry-modal.is-open .enquiry-dialog h2{
  opacity:1;
  transform:translateY(0);
  transition-delay:.13s;
}
.enquiry-modal.is-open .enquiry-dialog .enquiry-intro{
  opacity:1;
  transform:translateY(0);
  transition-delay:.18s;
}
.enquiry-modal.is-open .enquiry-dialog .enquiry-privacy-note{
  opacity:1;
  transform:translateY(0);
  transition-delay:.23s;
}
.enquiry-modal.is-open .enquiry-dialog .enquiry-field:nth-of-type(1){
  opacity:1;
  transform:translateY(0);
  transition-delay:.28s;
}
.enquiry-modal.is-open .enquiry-dialog .enquiry-field:nth-of-type(2){
  opacity:1;
  transform:translateY(0);
  transition-delay:.33s;
}
.enquiry-modal.is-open .enquiry-dialog .enquiry-field:nth-of-type(3){
  opacity:1;
  transform:translateY(0);
  transition-delay:.38s;
}
.enquiry-modal.is-open .enquiry-dialog .enquiry-field:nth-of-type(4){
  opacity:1;
  transform:translateY(0);
  transition-delay:.43s;
}
.enquiry-modal.is-open .enquiry-dialog .enquiry-actions{
  opacity:1;
  transform:translateY(0);
  transition-delay:.48s;
}

@media(prefers-reduced-motion:reduce){
  .enquiry-dialog .eyebrow,
  .enquiry-dialog h2,
  .enquiry-dialog .enquiry-intro,
  .enquiry-dialog .enquiry-privacy-note,
  .enquiry-dialog .enquiry-field,
  .enquiry-dialog .enquiry-actions{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}


/* Mobile booking modal: allow the full Cliniko form to scroll naturally */
@media(max-width:560px){
  .booking-modal{
    display:block;
    padding:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }

  .booking-dialog{
    width:100%;
    min-height:100dvh;
    height:auto;
    max-height:none;
    margin:0;
    border-radius:0;
    overflow:visible;
  }

  .booking-frame-wrap{
    padding:0 8px 20px;
    overflow:visible;
  }

  .booking-frame-wrap iframe{
    display:block;
    width:100%;
    min-height:1000px;
    height:auto;
    border:0;
  }

  .booking-close{
    position:sticky;
    top:10px;
    margin:10px 10px 0 auto;
  }
}