/* LMYC header menu logo — locked to menu drawer slot, no overflow */

:root {
  --lmyc-header-logo-slot-mobile: 6.25rem;
  --lmyc-header-logo-slot-desktop: 7rem;
  --lmyc-header-logo-bg: transparent;
  --lmyc-header-logo-bg-mobile: transparent;
  --lmyc-header-bar-height-mobile: 6rem;
  --lmyc-header-menu-slot-mobile: 6rem;
}

#site-header .lmyc-header-bar-logo-link,
#site-header .lmyc-header-bar-logo-wrap {
  box-shadow: none !important;
  border: 0 !important;
}

#site-header .lmyc-header-bar-logo-wrap {
  background: transparent !important;
  background-color: transparent !important;
}

#site-header .lmyc-header-bar-logo,
#site-header .lmyc-header-bar-logo-wrap .lmyc-header-bar-logo {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}

#site-header .lmyc-header-bar-logo-link {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  align-self: center !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  background: transparent !important;
  background-color: transparent !important;
}

#site-header .lmyc-header-bar-logo-link.lmyc-header-bar-logo-link--mobile-brand,
#site-header .lmyc-header-bar-logo-link.lmyc-header-bar-logo-link--mobile-brand .lmyc-header-bar-logo-wrap,
#site-header .lmyc-header-bar-logo-link.lmyc-header-bar-logo-link--mobile-brand .lmyc-header-bar-logo {
  background: transparent !important;
  background-color: transparent !important;
}

#site-header .lmyc-header-bar-logo-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

#site-header .lmyc-header-bar-logo-wrap::before,
#site-header .lmyc-header-bar-logo-wrap::after {
  display: none !important;
  content: none !important;
}

#site-header .lmyc-header-bar-logo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  image-rendering: auto;
  filter: none !important;
}

/* Beat legacy inline img styles injected on subpages */
#site-header .lmyc-header-bar-logo[style] {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

#site-header .lmyc-header-bar-logo {
  content: url("../images/brand/lmyc-mobile-menu-logo.png?v=9");
}

body.lmyc-header-logo-page #site-header .header__heading,
body.lmyc-header-logo-page #site-header .header__heading-link,
body.lmyc-home-page #site-header .header__heading,
body.lmyc-home-page #site-header .header__heading-link {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.lmyc-header-logo-page #site-header .lmyc-header-row {
  position: relative !important;
}

/* Mobile / tablet — menu | logo (behind) | book on one row */
@media screen and (max-width: 1599px) {
  #site-header .lmyc-header-row {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    grid-template-areas: "start center end" !important;
    align-items: stretch !important;
    width: 100% !important;
    height: var(--lmyc-header-bar-height-mobile) !important;
    min-height: var(--lmyc-header-bar-height-mobile) !important;
    max-height: var(--lmyc-header-bar-height-mobile) !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
  }

  /* Desktop tabs mode on 13″–15″: do NOT clip mega-menu dropdowns */
  html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row {
    overflow: visible !important;
    max-height: none !important;
    isolation: auto !important;
  }

  #site-header .lmyc-header-row header-drawer.mobile-drawer {
    display: block !important;
  }

  #site-header .lmyc-header-row header-drawer.desktop-drawer {
    display: none !important;
  }

  #site-header .lmyc-header-row header-drawer.mobile-drawer,
  #site-header .lmyc-header-row header-drawer.desktop-drawer {
    grid-area: start !important;
    justify-self: start !important;
    align-self: stretch !important;
    position: relative !important;
    z-index: 8 !important;
    height: var(--lmyc-header-bar-height-mobile) !important;
    min-height: var(--lmyc-header-bar-height-mobile) !important;
    max-height: var(--lmyc-header-bar-height-mobile) !important;
  }

  #site-header .lmyc-header-row header-drawer.mobile-drawer .menu-drawer-container,
  #site-header .lmyc-header-row header-drawer.mobile-drawer .menu-drawer-container > .header__icon--menu,
  #site-header .lmyc-header-row header-drawer.desktop-drawer .menu-drawer-container,
  #site-header .lmyc-header-row header-drawer.desktop-drawer .menu-drawer-container > .header__icon--menu {
    position: relative !important;
    z-index: 8 !important;
    width: var(--lmyc-header-menu-slot-mobile) !important;
    min-width: var(--lmyc-header-menu-slot-mobile) !important;
    max-width: var(--lmyc-header-menu-slot-mobile) !important;
    height: var(--lmyc-header-bar-height-mobile) !important;
    min-height: var(--lmyc-header-bar-height-mobile) !important;
    max-height: var(--lmyc-header-bar-height-mobile) !important;
    background-color: rgb(var(--color-background)) !important;
    border-right: 0.1rem solid rgba(0, 0, 0, 1) !important;
    box-sizing: border-box !important;
  }

  #site-header .lmyc-header-row .header__inline-menu {
    display: none !important;
  }

  #site-header .lmyc-header-row .header-button,
  #site-header .lmyc-header-row a.header__icons.header-button {
    grid-area: end !important;
    justify-self: end !important;
    align-self: stretch !important;
    position: relative !important;
    z-index: 8 !important;
  }

  body.lmyc-home-page #site-header .lmyc-header-bar-logo-link,
  body.lmyc-header-logo-page #site-header .lmyc-header-bar-logo-link,
  #site-header .lmyc-header-bar-logo-link {
    grid-area: unset !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    inset: auto !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    justify-self: center !important;
    align-self: center !important;
    width: var(--lmyc-header-logo-slot-mobile) !important;
    min-width: var(--lmyc-header-logo-slot-mobile) !important;
    max-width: var(--lmyc-header-logo-slot-mobile) !important;
    height: var(--lmyc-header-logo-slot-mobile) !important;
    min-height: var(--lmyc-header-logo-slot-mobile) !important;
    max-height: var(--lmyc-header-logo-slot-mobile) !important;
    z-index: 1 !important;
    pointer-events: auto !important;
  }

  body.lmyc-home-page #site-header .lmyc-header-bar-logo,
  #site-header .lmyc-header-bar-logo-link--mobile-brand .lmyc-header-bar-logo {
    padding: 0.08rem !important;
    box-sizing: border-box !important;
    background: transparent !important;
    background-color: transparent !important;
    object-fit: contain !important;
  }

  /* Homepage mobile/tablet — lock header stack height + cream fill (no dark gap below menu) */
  body.lmyc-home-page {
    --header-height: var(--lmyc-header-bar-height-mobile);
  }

  body.lmyc-home-page #site-header,
  body.lmyc-home-page #site-header .header-wrapper,
  body.lmyc-home-page #site-header sticky-header,
  body.lmyc-home-page #site-header .header,
  body.lmyc-home-page #site-header .header-attachment,
  body.lmyc-home-page .shopify-section-header-sticky .header-attachment:not(.attachment-none) {
    background: rgb(var(--color-background)) !important;
    background-color: rgb(var(--color-background)) !important;
    height: var(--lmyc-header-bar-height-mobile) !important;
    min-height: var(--lmyc-header-bar-height-mobile) !important;
    max-height: var(--lmyc-header-bar-height-mobile) !important;
  }

  body.lmyc-home-page #site-header .header-wrapper.gradient,
  body.lmyc-home-page #site-header sticky-header.gradient,
  body.lmyc-home-page #site-header .header-attachment.gradient {
    background: rgb(var(--color-background)) !important;
  }

  body.lmyc-home-page #site-header .lmyc-header-row::after,
  body.lmyc-home-page.header-at-top #site-header .lmyc-header-row::after {
    background: rgba(0, 0, 0, 1) !important;
  }

  body.lmyc-home-page header-drawer .icon-hamburger path,
  body.lmyc-home-page .header--middle-center header-drawer .icon-hamburger path,
  body.lmyc-home-page header-drawer .icon-hamburger line {
    stroke: #000000 !important;
    color: #000000 !important;
  }

  body.lmyc-home-page sticky-header.header-wrapper.header-wrapper--border-bottom {
    border-bottom-color: rgba(0, 0, 0, 1) !important;
    box-shadow: none !important;
  }

  /* Border lines sit above the centered logo (parent border gets covered by children) */
  #site-header sticky-header.header-wrapper.header-wrapper--border-bottom {
    border-bottom-color: transparent !important;
    box-shadow: none !important;
  }

  #site-header .lmyc-header-row::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 0.1rem !important;
    z-index: 9 !important;
    pointer-events: none !important;
  }

  body.header-at-top #site-header .lmyc-header-row::after {
    background: rgba(255, 255, 255, 1) !important;
  }

  body:not(.header-at-top) #site-header .lmyc-header-row::after {
    background: rgba(0, 0, 0, 1) !important;
  }

  #site-header .lmyc-header-row header-drawer.mobile-drawer .menu-drawer-container > .header__icon--menu {
    position: relative !important;
    z-index: 8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  #site-header .lmyc-header-row header-drawer.mobile-drawer .header__icon--menu .icon,
  #site-header .lmyc-header-row header-drawer.mobile-drawer .header__icon--menu svg.icon-hamburger,
  #site-header .lmyc-header-row header-drawer.mobile-drawer .header__icon--menu svg.icon-close {
    width: 2.45rem !important;
    height: auto !important;
    max-width: 2.45rem !important;
    max-height: 1.35rem !important;
  }

  #site-header .lmyc-header-row header-drawer.mobile-drawer .header__icon--menu {
    height: var(--lmyc-header-bar-height-mobile) !important;
    min-height: var(--lmyc-header-bar-height-mobile) !important;
    max-height: var(--lmyc-header-bar-height-mobile) !important;
  }

  #site-header .lmyc-header-bar-logo-link {
    color: rgba(var(--color-foreground), 1);
  }

  body.header-at-top:not(.lmyc-home-page) #site-header .lmyc-header-bar-logo-link {
    color: #ffffff;
  }

  body.lmyc-home-page.header-at-top #site-header .lmyc-header-bar-logo-link {
    color: rgb(var(--color-foreground)) !important;
  }

  #site-header .lmyc-header-bar-logo-link.lmyc-header-bar-logo-link--mobile-brand,
  #site-header .lmyc-header-bar-logo-link.lmyc-header-bar-logo-link--mobile-brand .lmyc-header-bar-logo {
    background: transparent !important;
    background-color: transparent !important;
  }
}

/* Desktop — left drawer slot, same 7rem square as menu box */
@media screen and (min-width: 1600px) {
  #site-header .lmyc-header-row header-drawer.desktop-drawer,
  #site-header .lmyc-header-row header-drawer.mobile-drawer {
    display: none !important;
  }

  #site-header .lmyc-header-row {
    position: relative !important;
    isolation: isolate !important;
    align-items: stretch !important;
    height: var(--lmyc-header-logo-slot-desktop) !important;
    min-height: var(--lmyc-header-logo-slot-desktop) !important;
    max-height: var(--lmyc-header-logo-slot-desktop) !important;
  }

  /* Bottom border sits above the left logo (children paint over parent border) */
  #site-header sticky-header.header-wrapper.header-wrapper--border-bottom {
    border-bottom-color: transparent !important;
    box-shadow: none !important;
  }

  #site-header .lmyc-header-row::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 0.1rem !important;
    z-index: 9 !important;
    pointer-events: none !important;
  }

  body.header-at-top #site-header .lmyc-header-row::after {
    background: rgba(255, 255, 255, 1) !important;
  }

  body:not(.header-at-top) #site-header .lmyc-header-row::after {
    background: rgba(0, 0, 0, 1) !important;
  }

  body.lmyc-home-page #site-header .lmyc-header-bar-logo-link,
  body.lmyc-header-logo-page #site-header .lmyc-header-bar-logo-link,
  #site-header .lmyc-header-bar-logo-link {
    grid-area: drawer !important;
    justify-self: start !important;
    align-self: stretch !important;
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    transform: none !important;
    width: var(--lmyc-header-logo-slot-desktop) !important;
    min-width: var(--lmyc-header-logo-slot-desktop) !important;
    max-width: var(--lmyc-header-logo-slot-desktop) !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    z-index: 1 !important;
    pointer-events: auto !important;
  }

  #site-header .lmyc-header-row .header__inline-menu,
  #site-header .lmyc-header-row .header-button,
  #site-header .lmyc-header-row a.header__icons.header-button {
    position: relative !important;
    z-index: 8 !important;
  }

  body.lmyc-home-page #site-header .lmyc-header-bar-logo-link,
  body.lmyc-header-logo-page #site-header .lmyc-header-bar-logo-link {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

.lmyc-header-bar-since,
.lmyc-hero-since,
.lmyc-footer-since {
  display: none !important;
}

@media screen and (min-width: 1600px) {
  /* Homepage desktop — solid cream behind inline nav at top */
  body.lmyc-home-page #site-header,
  body.lmyc-home-page #site-header .header-wrapper,
  body.lmyc-home-page #site-header sticky-header,
  body.lmyc-home-page #site-header .header,
  body.lmyc-home-page #site-header .header-attachment,
  body.lmyc-home-page .shopify-section-header-sticky .header-attachment:not(.attachment-none),
  body.lmyc-home-page #site-header .header__inline-menu,
  body.lmyc-home-page #site-header .header__inline-menu > .list-menu--inline {
    background: rgb(var(--color-background)) !important;
    background-color: rgb(var(--color-background)) !important;
  }

  body.lmyc-home-page #site-header .lmyc-header-bar-logo-link,
  body.lmyc-home-page #site-header .lmyc-header-bar-logo-link .lmyc-header-bar-logo-wrap,
  body.lmyc-home-page #site-header .lmyc-header-bar-logo-link .lmyc-header-bar-logo {
    background: transparent !important;
    background-color: transparent !important;
  }

  body.lmyc-home-page.header-at-top .header--middle-center .header__menu-item,
  body.lmyc-home-page.header-at-top .header--middle-center .header__menu-item span,
  body.lmyc-home-page.header-at-top .header--middle-center summary.header__menu-item,
  body.lmyc-home-page.header-at-top .header--middle-center .header__menu-item .icon,
  body.lmyc-home-page.header-at-top .header--middle-center .header__menu-item .icon-caret,
  body.lmyc-home-page.header-at-top #site-header .header__inline-menu .header__menu-item,
  body.lmyc-home-page.header-at-top #site-header .header__inline-menu .header__menu-item span {
    color: #2c2419 !important;
    fill: #2c2419 !important;
    stroke: #2c2419 !important;
    text-shadow: none !important;
  }

  body.lmyc-home-page.header-at-top #site-header #HeaderMenu-events,
  body.lmyc-home-page.header-at-top #site-header #HeaderMenu-events span {
    color: #425936 !important;
    text-shadow: none !important;
  }

  body.lmyc-home-page.header-at-top #site-header .lmyc-header-bar-logo-link {
    color: rgb(var(--color-foreground)) !important;
  }

  body.lmyc-home-page #site-header .lmyc-header-bar-logo-link,
  body.lmyc-home-page #site-header .lmyc-header-bar-logo-link .lmyc-header-bar-logo-wrap,
  body.lmyc-home-page #site-header .lmyc-header-bar-logo-link .lmyc-header-bar-logo,
  body.lmyc-header-logo-page #site-header .lmyc-header-bar-logo-link,
  body.lmyc-header-logo-page #site-header .lmyc-header-bar-logo-link .lmyc-header-bar-logo-wrap,
  body.lmyc-header-logo-page #site-header .lmyc-header-bar-logo-link .lmyc-header-bar-logo,
  html[data-lmyc-nav="desktop"] #site-header .lmyc-header-bar-logo-link,
  html[data-lmyc-nav="desktop"] #site-header .lmyc-header-bar-logo-link .lmyc-header-bar-logo-wrap,
  html[data-lmyc-nav="desktop"] #site-header .lmyc-header-bar-logo-link .lmyc-header-bar-logo {
    background: transparent !important;
    background-color: transparent !important;
  }

  html {
    --header-height: 7rem;
  }
  #site-header,
  #site-header sticky-header.header-attachment,
  #site-header .header,
  #site-header .header-attachment,
  #site-header .header.header--middle-center,
  #site-header .lmyc-header-row {
    min-height: 7rem !important;
    max-height: 7rem !important;
    height: 7rem !important;
  }
  #site-header .lmyc-header-row .header-button,
  #site-header .lmyc-header-row a.header__icons.header-button {
    height: 7rem !important;
    min-height: 7rem !important;
    max-height: 7rem !important;
  }
  #site-header .lmyc-header-row .header__inline-menu,
  #site-header .lmyc-header-row .header__inline-menu > .list-menu--inline,
  #site-header .header--middle-center .header__inline-menu > .list-menu--inline > li,
  #site-header .header--middle-center .header__inline-menu details,
  #site-header .header--middle-center .header__menu-item,
  #site-header .header--middle-center .header__menu-item span,
  #site-header .header--middle-center summary.header__menu-item {
    height: 7rem !important;
    min-height: 7rem !important;
    max-height: 7rem !important;
  }
}

/* NEW — plain menu link, brand green (not badge / faded link) */
#site-header #HeaderMenu-events,
#site-header #HeaderMenu-events span,
.menu-drawer #HeaderDrawer-events {
  color: #425936 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

@media screen and (max-width: 1599px) {
  .menu-drawer #HeaderDrawer-events {
    font-weight: 700 !important;
  }
}

body.header-at-top:not(.lmyc-home-page) #site-header #HeaderMenu-events,
body.header-at-top:not(.lmyc-home-page) #site-header #HeaderMenu-events span,
body.lmyc-about-page.header-at-top #site-header #HeaderMenu-events,
body.lmyc-about-page.header-at-top #site-header #HeaderMenu-events span,
body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header #HeaderMenu-events,
body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header #HeaderMenu-events span {
  color: #425936 !important;
  text-shadow: none !important;
}

@media screen and (min-width: 1600px) {
  #site-header #HeaderMenu-events span {
    display: inline;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
    vertical-align: baseline;
  }

  #site-header #HeaderMenu-events:hover span,
  #site-header #HeaderMenu-events:focus-visible span {
    background: transparent !important;
    background-color: transparent !important;
    border: none;
  }
}

@media screen and (max-width: 1599px) {
  #site-header #HeaderMenu-events span {
    display: inline;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
  }

  #site-header #HeaderMenu-events:hover span,
  #site-header #HeaderMenu-events:focus-visible span {
    background: transparent !important;
    background-color: transparent !important;
    border: none;
  }
}

.menu-drawer #HeaderDrawer-events {
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: inherit;
  border: none;
  border-radius: 0;
  background: transparent;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

.menu-drawer #HeaderDrawer-events:hover,
.menu-drawer #HeaderDrawer-events:focus-visible {
  background: rgba(66, 89, 54, 0.07);
  border: none;
  color: #425936 !important;
}

/* Compact override — force hamburger + BOOK NOW bar even if CSS media still says desktop */
html[data-lmyc-nav="compact"] #site-header .lmyc-header-row {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  grid-template-areas: "start center end" !important;
  align-items: stretch !important;
  height: var(--lmyc-header-bar-height-mobile) !important;
  min-height: var(--lmyc-header-bar-height-mobile) !important;
  max-height: var(--lmyc-header-bar-height-mobile) !important;
  overflow: hidden !important;
}

html[data-lmyc-nav="compact"] #site-header .lmyc-header-row header-drawer.mobile-drawer {
  display: block !important;
  grid-area: start !important;
  justify-self: start !important;
  position: relative !important;
  z-index: 8 !important;
}

html[data-lmyc-nav="compact"] #site-header .lmyc-header-row header-drawer.desktop-drawer {
  display: none !important;
}

html[data-lmyc-nav="compact"] #site-header .lmyc-header-row .header__inline-menu {
  display: none !important;
}

html[data-lmyc-nav="compact"] #site-header .lmyc-header-row .header-button,
html[data-lmyc-nav="compact"] #site-header .lmyc-header-row a.header__icons.header-button {
  display: flex !important;
  grid-area: end !important;
  justify-self: end !important;
  position: relative !important;
  z-index: 8 !important;
}

html[data-lmyc-nav="compact"] #site-header .lmyc-header-bar-logo-link {
  grid-area: unset !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  width: var(--lmyc-header-logo-slot-mobile) !important;
  min-width: var(--lmyc-header-logo-slot-mobile) !important;
  max-width: var(--lmyc-header-logo-slot-mobile) !important;
  height: var(--lmyc-header-logo-slot-mobile) !important;
  min-height: var(--lmyc-header-logo-slot-mobile) !important;
  max-height: var(--lmyc-header-logo-slot-mobile) !important;
  z-index: 1 !important;
}

/* Pinch / trackpad zoom shrinks innerWidth and wrongly triggers mobile header rules.
   JS sets data-lmyc-nav from zoom-compensated width — keep full desktop nav visible. */
html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  grid-template-areas: "drawer nav end" !important;
  align-items: stretch !important;
  height: var(--lmyc-header-logo-slot-desktop) !important;
  min-height: var(--lmyc-header-logo-slot-desktop) !important;
  max-height: var(--lmyc-header-logo-slot-desktop) !important;
}

html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row header-drawer.mobile-drawer,
html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row header-drawer.desktop-drawer {
  display: none !important;
}

html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row .header__inline-menu {
  display: flex !important;
  visibility: visible !important;
  grid-area: nav !important;
  position: relative !important;
  z-index: 8 !important;
}

html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row .header-button,
html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row a.header__icons.header-button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  grid-area: end !important;
  position: relative !important;
  z-index: 8 !important;
  height: var(--lmyc-header-logo-slot-desktop) !important;
  min-height: var(--lmyc-header-logo-slot-desktop) !important;
  /* Wider BOOK NOW on desktop only — match Home / About / Classes font size */
  min-width: 12.5rem !important;
  max-width: none !important;
  padding: 0 2.25rem !important;
  padding-inline: 2.25rem !important;
  letter-spacing: 4px !important;
  font-size: 1.6rem !important;
}

html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row .header-button span:first-child {
  display: inline !important;
}

html[data-lmyc-nav="desktop"] #site-header .lmyc-header-bar-logo-link {
  grid-area: drawer !important;
  justify-self: start !important;
  align-self: stretch !important;
  position: relative !important;
  inset: auto !important;
  margin: 0 !important;
  transform: none !important;
  width: var(--lmyc-header-logo-slot-desktop) !important;
  min-width: var(--lmyc-header-logo-slot-desktop) !important;
  max-width: var(--lmyc-header-logo-slot-desktop) !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  z-index: 1 !important;
  pointer-events: auto !important;
}

html[data-lmyc-nav="desktop"] body:has(#hero) #site-header .lmyc-header-row .header__heading,
html[data-lmyc-nav="desktop"] body:has(#hero) #site-header .lmyc-header-row .header__heading-link {
  display: none !important;
}

/* 13″–15″ laptops: fit ALL tabs + BOOK NOW, use full nav width (no empty right gap) */
@media screen and (max-width: 1599px) {
  html[data-lmyc-nav="desktop"] {
    --lmyc-header-logo-slot-desktop: 5.75rem;
    --header-height: 6.5rem;
    --lmyc-nav-font: 1.42rem;
    --lmyc-nav-pad-x: 0.45rem;
    --lmyc-nav-track: 2.5px;
    --lmyc-book-min: 9.25rem;
    --lmyc-book-pad-x: 1.15rem;
    --lmyc-book-font: 1.3rem;
  }

  html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-areas: "drawer nav end" !important;
    align-items: stretch !important;
    /* visible so About Us / Classes mega menus are not clipped on 13″ */
    overflow: visible !important;
    height: 6.5rem !important;
    min-height: 6.5rem !important;
    max-height: none !important;
  }

  html[data-lmyc-nav="desktop"] #site-header,
  html[data-lmyc-nav="desktop"] #site-header sticky-header.header-attachment,
  html[data-lmyc-nav="desktop"] #site-header .header,
  html[data-lmyc-nav="desktop"] #site-header .header-attachment,
  html[data-lmyc-nav="desktop"] #site-header .header-wrapper,
  html[data-lmyc-nav="desktop"] #site-header sticky-header {
    height: 6.5rem !important;
    min-height: 6.5rem !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html[data-lmyc-nav="desktop"] #site-header .header__inline-menu,
  html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row .header__inline-menu {
    display: flex !important;
    align-items: stretch !important;
    align-self: stretch !important;
    grid-area: nav !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 6.5rem !important;
    min-height: 6.5rem !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 40 !important;
  }

  html[data-lmyc-nav="desktop"] #site-header .header__inline-menu > .list-menu--inline,
  html[data-lmyc-nav="desktop"] #site-header .header--middle-center .header__inline-menu > .list-menu--inline {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 6.5rem !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 0.35rem !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  html[data-lmyc-nav="desktop"] #site-header .header__inline-menu > .list-menu--inline > li,
  html[data-lmyc-nav="desktop"] #site-header .header--middle-center .header__inline-menu details {
    display: flex !important;
    align-items: stretch !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 6.5rem !important;
    min-height: 6.5rem !important;
    max-height: none !important;
    margin: 0 !important;
    justify-content: center !important;
    overflow: visible !important;
    position: relative !important;
  }

  /* Mega submenu panels must paint below the bar on laptop widths */
  html[data-lmyc-nav="desktop"] #site-header .header__inline-menu details[open] > .mega-menu__content,
  html[data-lmyc-nav="desktop"] #site-header .header__inline-menu details:hover > .mega-menu__content,
  html[data-lmyc-nav="desktop"] #site-header .header__inline-menu details.show-menu > .mega-menu__content,
  html[data-lmyc-nav="desktop"] #site-header .lmyc-mega-menu--horizontal .mega-menu__content {
    z-index: 80 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html[data-lmyc-nav="desktop"] #site-header .header--middle-center .header__menu-item,
  html[data-lmyc-nav="desktop"] #site-header .header--middle-center .header__menu-item span,
  html[data-lmyc-nav="desktop"] #site-header .header--middle-center summary.header__menu-item,
  html[data-lmyc-nav="desktop"] #site-header .header__inline-menu .header__menu-item,
  html[data-lmyc-nav="desktop"] #site-header .header__inline-menu .header__menu-item span {
    font-size: var(--lmyc-nav-font) !important;
    letter-spacing: var(--lmyc-nav-track) !important;
    text-transform: uppercase !important;
    padding: 0 var(--lmyc-nav-pad-x) !important;
    width: 100% !important;
    height: 6.5rem !important;
    min-height: 6.5rem !important;
    max-height: 6.5rem !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  /* BOOK NOW — full-height green */
  html body[data-lmyc-nav] #site-header .lmyc-header-row .header-button,
  html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row .header-button,
  html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row a.header__icons.header-button,
  html[data-lmyc-nav="desktop"] body #site-header .lmyc-header-row .header-button,
  html[data-lmyc-nav="desktop"] body #site-header .lmyc-header-row a.header__icons.header-button,
  html[data-lmyc-nav="desktop"] body #site-header .header--middle-center .header-button,
  html[data-lmyc-nav="desktop"] body #site-header .header--middle-center a.header__icons.header-button {
    grid-area: end !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    min-width: var(--lmyc-book-min) !important;
    max-width: none !important;
    width: auto !important;
    height: 6.5rem !important;
    min-height: 6.5rem !important;
    max-height: 6.5rem !important;
    margin: 0 !important;
    padding: 0 var(--lmyc-book-pad-x) !important;
    padding-inline: var(--lmyc-book-pad-x) !important;
    font-size: var(--lmyc-book-font) !important;
    letter-spacing: 0.1em !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    background-color: rgb(66, 89, 54) !important;
    background-image: none !important;
    color: #fff !important;
    border-left: 1px solid #425936 !important;
    z-index: 9 !important;
  }

  html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row .header-button span,
  html[data-lmyc-nav="desktop"] #site-header .lmyc-header-row a.header__icons.header-button span,
  html[data-lmyc-nav="desktop"] body #site-header .header--middle-center .header-button span {
    font-size: var(--lmyc-book-font) !important;
    letter-spacing: 0.1em !important;
    line-height: 1 !important;
  }

  html[data-lmyc-nav="desktop"] #site-header .lmyc-header-bar-logo-link {
    grid-area: drawer !important;
    width: 5.75rem !important;
    min-width: 5.75rem !important;
    max-width: 5.75rem !important;
    height: 6.5rem !important;
    min-height: 6.5rem !important;
    max-height: 6.5rem !important;
    align-self: stretch !important;
    flex-shrink: 0 !important;
  }
}

/* Narrower 13″ — keep spread, slightly smaller type so nothing clips */
@media screen and (max-width: 1365px) {
  html[data-lmyc-nav="desktop"] {
    --lmyc-nav-font: 1.35rem;
    --lmyc-nav-pad-x: 0.3rem;
    --lmyc-nav-track: 2px;
    --lmyc-book-min: 8.75rem;
    --lmyc-book-pad-x: 1rem;
    --lmyc-book-font: 1.22rem;
    --lmyc-header-logo-slot-desktop: 5.5rem;
  }

  html[data-lmyc-nav="desktop"] #site-header .lmyc-header-bar-logo-link {
    width: 5.5rem !important;
    min-width: 5.5rem !important;
    max-width: 5.5rem !important;
  }
}

/* JS overflow safety */
html[data-lmyc-nav="desktop"][data-lmyc-nav-fit="tight"] {
  --lmyc-nav-font: 1.2rem;
  --lmyc-nav-pad-x: 0.2rem;
  --lmyc-nav-track: 1px;
  --lmyc-book-min: 8rem;
  --lmyc-book-pad-x: 0.8rem;
  --lmyc-book-font: 1.12rem;
}

html[data-lmyc-nav="desktop"][data-lmyc-nav-fit="tight"] #site-header .lmyc-header-bar-logo-link {
  width: 5.1rem !important;
  min-width: 5.1rem !important;
  max-width: 5.1rem !important;
}

/* Global — hamburger icon always black on every page/state */
#site-header header-drawer .icon-hamburger path,
#site-header header-drawer .icon-hamburger line,
.header--middle-center header-drawer .icon-hamburger path,
.header--middle-center header-drawer .icon-hamburger line,
body.header-at-top #site-header header-drawer .icon-hamburger path,
body.header-at-top .header--middle-center header-drawer .icon-hamburger path,
body:not(.header-at-top) #site-header header-drawer .icon-hamburger path,
body:not(.header-at-top) .header--middle-center header-drawer .icon-hamburger path {
  stroke: #000000 !important;
  color: #000000 !important;
}

/* Mobile only: solid cream header + menu chrome on all pages (match homepage) */
@media screen and (max-width: 1599px) {
  body.header-at-top #site-header,
  body.header-at-top #site-header.section-header,
  body.header-at-top .shopify-section-header-sticky,
  body.header-at-top #site-header .header-wrapper,
  body.header-at-top #site-header sticky-header,
  body.header-at-top #site-header .header,
  body.header-at-top #site-header .header-attachment,
  body.header-at-top .shopify-section-header-sticky .header-attachment:not(.attachment-none),
  body.header-at-top #site-header .header__inline-menu,
  body.header-at-top #site-header .header__inline-menu > .list-menu--inline,
  body.header-at-top #site-header .lmyc-header-bar-logo-link,
  body.lmyc-home-page.header-at-top #site-header,
  body.lmyc-home-page.header-at-top #site-header .header-wrapper,
  body.lmyc-home-page.header-at-top #site-header sticky-header,
  body.lmyc-home-page.header-at-top #site-header .header,
  body.lmyc-home-page.header-at-top #site-header .header-attachment,
  body.lmyc-home-page.header-at-top #site-header .lmyc-header-bar-logo-link,
  body.lmyc-about-page.header-at-top #site-header,
  body.lmyc-about-page.header-at-top #site-header .header-wrapper,
  body.lmyc-about-page.header-at-top #site-header sticky-header,
  body.lmyc-about-page.header-at-top #site-header .header,
  body.lmyc-about-page.header-at-top #site-header .header-attachment,
  body.lmyc-about-page.header-at-top .shopify-section-header-sticky .header-attachment:not(.attachment-none),
  body.lmyc-about-page.header-at-top #site-header .lmyc-header-bar-logo-link,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header .header-wrapper,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header sticky-header,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header .header,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header .header-attachment,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top .shopify-section-header-sticky .header-attachment:not(.attachment-none),
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header .lmyc-header-bar-logo-link,
  body:has(#hero).header-at-top #site-header,
  body:has(#hero).header-at-top #site-header .header-wrapper,
  body:has(#hero).header-at-top #site-header sticky-header,
  body:has(#hero).header-at-top #site-header .header,
  body:has(#hero).header-at-top #site-header .header-attachment,
  body:has(#hero).header-at-top .shopify-section-header-sticky .header-attachment:not(.attachment-none),
  body:has(#hero).header-at-top #site-header .lmyc-header-bar-logo-link {
    background: rgb(var(--color-background)) !important;
    background-color: rgb(var(--color-background)) !important;
  }

  body.header-at-top #site-header .header-wrapper.gradient,
  body.header-at-top #site-header sticky-header.gradient,
  body.header-at-top #site-header .header-attachment.gradient,
  body.lmyc-home-page.header-at-top #site-header .header-wrapper.gradient,
  body.lmyc-home-page.header-at-top #site-header sticky-header.gradient,
  body.lmyc-home-page.header-at-top #site-header .header-attachment.gradient,
  body.lmyc-about-page.header-at-top #site-header .header-wrapper.gradient,
  body.lmyc-about-page.header-at-top #site-header sticky-header.gradient,
  body.lmyc-about-page.header-at-top #site-header .header-attachment.gradient,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header .header-wrapper.gradient,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header sticky-header.gradient,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header .header-attachment.gradient,
  body:has(#hero).header-at-top #site-header .header-wrapper.gradient,
  body:has(#hero).header-at-top #site-header sticky-header.gradient,
  body:has(#hero).header-at-top #site-header .header-attachment.gradient {
    background: rgb(var(--color-background)) !important;
    background-color: rgb(var(--color-background)) !important;
  }

  body.header-at-top sticky-header.header-wrapper.header-wrapper--border-bottom,
  body.lmyc-home-page.header-at-top sticky-header.header-wrapper.header-wrapper--border-bottom,
  body.lmyc-about-page.header-at-top sticky-header.header-wrapper.header-wrapper--border-bottom,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top sticky-header.header-wrapper.header-wrapper--border-bottom,
  body:has(#hero).header-at-top sticky-header.header-wrapper.header-wrapper--border-bottom {
    border-bottom: 0.1rem solid rgba(0, 0, 0, 1) !important;
    box-shadow: none !important;
  }

  body.header-at-top #site-header .lmyc-header-row::after,
  body.lmyc-home-page.header-at-top #site-header .lmyc-header-row::after,
  body.lmyc-about-page.header-at-top #site-header .lmyc-header-row::after,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header .lmyc-header-row::after,
  body:has(#hero).header-at-top #site-header .lmyc-header-row::after {
    background: rgba(0, 0, 0, 1) !important;
  }

  body.header-at-top .header--middle-center header-drawer .menu-drawer-container > .header__icon--menu,
  body.lmyc-home-page.header-at-top .header--middle-center header-drawer .menu-drawer-container > .header__icon--menu,
  body.lmyc-about-page.header-at-top .header--middle-center header-drawer .menu-drawer-container > .header__icon--menu,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top .header--middle-center header-drawer .menu-drawer-container > .header__icon--menu,
  body:has(#hero).header-at-top .header--middle-center header-drawer .menu-drawer-container > .header__icon--menu {
    background-color: rgb(var(--color-background)) !important;
    border-right-color: rgba(0, 0, 0, 1) !important;
  }

  body.header-at-top #site-header .lmyc-header-bar-logo-link,
  body.lmyc-home-page.header-at-top #site-header .lmyc-header-bar-logo-link,
  body.lmyc-about-page.header-at-top #site-header .lmyc-header-bar-logo-link,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header .lmyc-header-bar-logo-link,
  body:has(#hero).header-at-top #site-header .lmyc-header-bar-logo-link,
  body.header-at-top #site-header .lmyc-header-bar-logo-link.lmyc-header-bar-logo-link--mobile-brand,
  body.header-at-top #site-header .lmyc-header-bar-logo-link.lmyc-header-bar-logo-link--mobile-brand .lmyc-header-bar-logo {
    color: rgb(var(--color-foreground)) !important;
    background: transparent !important;
    background-color: transparent !important;
    border-right-color: transparent !important;
  }

  body.header-at-top #site-header #HeaderMenu-events,
  body.header-at-top #site-header #HeaderMenu-events span,
  body.lmyc-about-page.header-at-top #site-header #HeaderMenu-events,
  body.lmyc-about-page.header-at-top #site-header #HeaderMenu-events span,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header #HeaderMenu-events,
  body:has(.page-banner-section):not(.lmyc-smile-page).header-at-top #site-header #HeaderMenu-events span,
  body:has(#hero).header-at-top #site-header #HeaderMenu-events,
  body:has(#hero).header-at-top #site-header #HeaderMenu-events span {
    color: #425936 !important;
    text-shadow: none !important;
  }

  body.header-at-top #site-header .menu-drawer,
  header-drawer.mobile-drawer .menu-drawer {
    background-color: rgb(var(--color-background)) !important;
    background: rgb(var(--color-background)) !important;
  }
}

/* Mobile drawer — half-width panel on compact nav */
@media screen and (max-width: 1599px) {
  body.menu-open header-drawer.mobile-drawer {
    position: relative;
    z-index: 501 !important;
  }

  body.menu-open header-drawer.mobile-drawer .menu-drawer.open {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    width: min(50vw, 26rem) !important;
    max-width: min(50vw, 26rem) !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    z-index: 502 !important;
    pointer-events: auto !important;
    transform: translate(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  header-drawer.desktop-drawer .menu-drawer,
  header-drawer.desktop-drawer .menu-drawer.open {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  header-drawer.mobile-drawer .menu-drawer.open .menu-drawer__inner-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    padding-top: calc(env(safe-area-inset-top, 0px) + 3rem);
  }

  header-drawer.mobile-drawer .menu-drawer.open .menu-drawer__navigation-container {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
  }

  header-drawer.mobile-drawer .menu-drawer.open .menu-drawer__navigation {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
  }

  header-drawer.mobile-drawer .menu-drawer.open .menu-drawer__menu-item,
  header-drawer.mobile-drawer .menu-drawer.open details.mobile-submenu > summary.menu-drawer__menu-item {
    color: #425936 !important;
  }

  header-drawer.mobile-drawer .menu-drawer.open .contact-block {
    flex: 0 0 auto;
    width: 100% !important;
    max-width: 100% !important;
  }

  header-drawer.mobile-drawer .menu-drawer.open .contact-block .contact-info-wrapper[href*="class-schedule"],
  header-drawer.mobile-drawer .menu-drawer.open .contact-block .contact-info-wrapper:not([href*="wa.me"]):not([href*="whatsapp"]) {
    display: block !important;
  }

  body.menu-open #site-header .lmyc-header-row,
  body.menu-open #site-header header-drawer.mobile-drawer {
    overflow: visible !important;
    max-height: none !important;
  }
}

/* BOOK NOW — never clip the label; switch to hamburger before space runs out */
#site-header .lmyc-header-row .header-button,
#site-header .lmyc-header-row a.header__icons.header-button,
#site-header .header--middle-center .header-button,
#site-header .header--middle-center a.header__icons.header-button {
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 7.5rem !important;
  max-width: none !important;
  padding: 0 1.25rem !important;
  padding-inline: 1.25rem !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  letter-spacing: 0.12em !important;
  font-size: 1.1rem !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  /* Kill theme slide/dual-label animation that flashes on click */
  transform: none !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}

#site-header .lmyc-header-row .header-button:hover,
#site-header .lmyc-header-row .header-button:active,
#site-header .lmyc-header-row .header-button:focus,
#site-header .lmyc-header-row .header-button:focus-visible,
#site-header .lmyc-header-row a.header__icons.header-button:hover,
#site-header .lmyc-header-row a.header__icons.header-button:active,
#site-header .lmyc-header-row a.header__icons.header-button:focus-visible {
  transform: none !important;
}

#site-header .lmyc-header-row .header-button span,
#site-header .lmyc-header-row a.header__icons.header-button span,
#site-header .header--middle-center .header-button span,
#site-header .header--middle-center a.header__icons.header-button span {
  position: static !important;
  display: none !important;
  transform: none !important;
  transition: none !important;
  white-space: nowrap !important;
  letter-spacing: inherit !important;
  margin: 0 !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}

/* Always use the first label only — avoids dual-span hover doubling the width */
#site-header .lmyc-header-row .header-button span:first-child,
#site-header .lmyc-header-row a.header__icons.header-button span:first-child,
#site-header .header--middle-center .header-button span:first-child,
#site-header .header--middle-center a.header__icons.header-button span:first-child {
  display: inline !important;
}

#site-header .lmyc-header-row .header-button span:last-child,
#site-header .lmyc-header-row a.header__icons.header-button span:last-child,
#site-header .header--middle-center .header-button span:last-child,
#site-header .header--middle-center a.header__icons.header-button span:last-child {
  display: none !important;
}

/* Desktop nav — wider top-right BOOK NOW; same font size as Home / About / Classes */
@media screen and (min-width: 1600px) {
  html body #site-header .lmyc-header-row .header-button,
  html body #site-header .lmyc-header-row a.header__icons.header-button,
  html body #site-header .header--middle-center .header-button,
  html body #site-header .header--middle-center a.header__icons.header-button {
    min-width: 12.5rem !important;
    max-width: none !important;
    padding: 0 2.25rem !important;
    padding-inline: 2.25rem !important;
    letter-spacing: 4px !important;
    font-size: 1.6rem !important;
  }

  html body #site-header .lmyc-header-row .header-button span,
  html body #site-header .lmyc-header-row a.header__icons.header-button span,
  html body #site-header .header--middle-center .header-button span {
    font-size: 1.6rem !important;
    letter-spacing: 4px !important;
  }
}

/* Compact / mobile / tablet — BOOK NOW size only when hamburger nav is active */
@media screen and (max-width: 1599px) {
  html[data-lmyc-nav="compact"] body #site-header .lmyc-header-row .header-button,
  html[data-lmyc-nav="compact"] body #site-header .lmyc-header-row a.header__icons.header-button,
  html[data-lmyc-nav="compact"] body #site-header .header--middle-center .header-button,
  html[data-lmyc-nav="compact"] body #site-header .header--middle-center a.header__icons.header-button,
  html[data-lmyc-nav="compact"] #site-header .lmyc-header-row .header-button,
  html[data-lmyc-nav="compact"] #site-header .lmyc-header-row a.header__icons.header-button {
    width: auto !important;
    min-width: 7.5rem !important;
    max-width: 9.75rem !important;
    height: 6rem !important;
    min-height: 6rem !important;
    max-height: 6rem !important;
    padding: 0 1.25rem !important;
    padding-inline: 1.25rem !important;
    font-size: 1.1rem !important;
    letter-spacing: 0.12em !important;
  }

  html[data-lmyc-nav="compact"] body #site-header .lmyc-header-row .header-button span:first-child,
  html[data-lmyc-nav="compact"] body #site-header .lmyc-header-row a.header__icons.header-button span:first-child,
  html[data-lmyc-nav="compact"] #site-header .lmyc-header-row .header-button span:first-child {
    display: inline !important;
  }

  html[data-lmyc-nav="compact"] body #site-header .lmyc-header-row .header-button span:last-child,
  html[data-lmyc-nav="compact"] body #site-header .lmyc-header-row a.header__icons.header-button span:last-child,
  html[data-lmyc-nav="compact"] #site-header .lmyc-header-row .header-button span:last-child {
    display: none !important;
  }
}

@media screen and (max-width: 575px) {
  html body #site-header .lmyc-header-row .header-button,
  html body #site-header .lmyc-header-row a.header__icons.header-button,
  html body #site-header .header--middle-center .header-button,
  html body #site-header .header--middle-center a.header__icons.header-button {
    min-width: 7.5rem !important;
    max-width: 9.5rem !important;
    padding: 0 1.15rem !important;
    padding-inline: 1.15rem !important;
    letter-spacing: 0.1em !important;
    font-size: 1.05rem !important;
  }
}

/* ── Site-wide cream-locked header (match homepage; never transparent on scroll) ── */
html body #site-header,
html body #site-header.section-header,
html body .shopify-section-header-sticky,
html body #site-header .header-wrapper,
html body #site-header sticky-header,
html body #site-header .header,
html body #site-header .header-attachment,
html body .shopify-section-header-sticky .header-attachment:not(.attachment-none),
html body #site-header .header__inline-menu,
html body #site-header .header__inline-menu > .list-menu--inline,
html body.header-at-top #site-header,
html body.header-at-top #site-header.section-header,
html body.header-at-top .shopify-section-header-sticky,
html body.header-at-top #site-header .header-wrapper,
html body.header-at-top #site-header sticky-header,
html body.header-at-top #site-header .header,
html body.header-at-top #site-header .header-attachment,
html body.header-at-top .shopify-section-header-sticky .header-attachment:not(.attachment-none),
html body.header-at-top #site-header .header__inline-menu,
html body.header-at-top #site-header .header__inline-menu > .list-menu--inline,
html body.lmyc-about-page.header-at-top #site-header,
html body.lmyc-about-page.header-at-top #site-header .header-wrapper,
html body.lmyc-about-page.header-at-top #site-header sticky-header,
html body.lmyc-about-page.header-at-top #site-header .header,
html body.lmyc-about-page.header-at-top #site-header .header-attachment,
html body:has(.page-banner-section).header-at-top #site-header,
html body:has(.page-banner-section).header-at-top #site-header .header-wrapper,
html body:has(.page-banner-section).header-at-top #site-header sticky-header,
html body:has(.page-banner-section).header-at-top #site-header .header,
html body:has(.page-banner-section).header-at-top #site-header .header-attachment,
html body:has(#hero).header-at-top #site-header,
html body:has(#hero).header-at-top #site-header .header-wrapper,
html body:has(#hero).header-at-top #site-header sticky-header,
html body:has(#hero).header-at-top #site-header .header,
html body:has(#hero).header-at-top #site-header .header-attachment,
html body.lmyc-category-page.header-at-top #site-header,
html body.lmyc-category-page.header-at-top #site-header .header-wrapper,
html body.lmyc-category-page.header-at-top #site-header sticky-header,
html body.lmyc-category-page.header-at-top #site-header .header,
html body.lmyc-category-page.header-at-top #site-header .header-attachment {
  background: rgb(var(--color-background)) !important;
  background-color: rgb(var(--color-background)) !important;
}

html body #site-header .header-wrapper.gradient,
html body #site-header sticky-header.gradient,
html body #site-header .header-attachment.gradient,
html body.header-at-top #site-header .header-wrapper.gradient,
html body.header-at-top #site-header sticky-header.gradient,
html body.header-at-top #site-header .header-attachment.gradient,
html body:has(.page-banner-section).header-at-top #site-header .header-wrapper.gradient,
html body:has(.page-banner-section).header-at-top #site-header sticky-header.gradient,
html body:has(.page-banner-section).header-at-top #site-header .header-attachment.gradient,
html body:has(#hero).header-at-top #site-header .header-wrapper.gradient,
html body:has(#hero).header-at-top #site-header sticky-header.gradient,
html body:has(#hero).header-at-top #site-header .header-attachment.gradient {
  background: rgb(var(--color-background)) !important;
  background-color: rgb(var(--color-background)) !important;
}

html body.header-at-top sticky-header.header-wrapper.header-wrapper--border-bottom,
html body:has(.page-banner-section).header-at-top sticky-header.header-wrapper.header-wrapper--border-bottom,
html body:has(#hero).header-at-top sticky-header.header-wrapper.header-wrapper--border-bottom {
  border-bottom: 0.1rem solid rgba(0, 0, 0, 1) !important;
  box-shadow: none !important;
}

html body.header-at-top #site-header .lmyc-header-row::after,
html body:has(.page-banner-section).header-at-top #site-header .lmyc-header-row::after,
html body:has(#hero).header-at-top #site-header .lmyc-header-row::after {
  background: rgba(0, 0, 0, 1) !important;
}

html body.header-at-top .header--middle-center .header__menu-item,
html body.header-at-top .header--middle-center .header__menu-item span,
html body.header-at-top .header--middle-center summary.header__menu-item,
html body.header-at-top .header--middle-center .header__menu-item .icon,
html body.header-at-top .header--middle-center .header__menu-item .icon-caret,
html body.header-at-top #site-header .header__inline-menu .header__menu-item,
html body.header-at-top #site-header .header__inline-menu .header__menu-item span,
html body:has(.page-banner-section).header-at-top .header--middle-center .header__menu-item,
html body:has(.page-banner-section).header-at-top .header--middle-center .header__menu-item span,
html body:has(.page-banner-section).header-at-top #site-header .header__inline-menu .header__menu-item,
html body:has(.page-banner-section).header-at-top #site-header .header__inline-menu .header__menu-item span,
html body.lmyc-about-page.header-at-top .header--middle-center .header__menu-item,
html body.lmyc-about-page.header-at-top .header--middle-center .header__menu-item span,
html body.lmyc-category-page.header-at-top .header--middle-center .header__menu-item,
html body.lmyc-category-page.header-at-top .header--middle-center .header__menu-item span {
  color: #2c2419 !important;
  fill: #2c2419 !important;
  stroke: #2c2419 !important;
  text-shadow: none !important;
}

html body.header-at-top #site-header #HeaderMenu-events,
html body.header-at-top #site-header #HeaderMenu-events span,
html body:has(.page-banner-section).header-at-top #site-header #HeaderMenu-events,
html body:has(.page-banner-section).header-at-top #site-header #HeaderMenu-events span {
  color: #425936 !important;
  text-shadow: none !important;
}