/* Non-home page header + main offset, mirrored from Shopify per-page inline styles. */

/* Translucent white header on non-home pages */
body:not([data-page-hero]) .section-header {
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(5px) !important;
}

/* Dark text/icons for non-home pages (light header backdrop) */
body:not([data-page-hero]) .header__menu-item,
body:not([data-page-hero]) .header__menu-item span,
body:not([data-page-hero]) .header__icon,
body:not([data-page-hero]) .header__heading-link,
body:not([data-page-hero]) .header__icons a,
body:not([data-page-hero]) .header__icon--summary,
body:not([data-page-hero]) .header__active-menu-item,
body:not([data-page-hero]) .header__icon .icon,
body:not([data-page-hero]) button.header__icon {
  color: #333333 !important;
  fill: #333333 !important;
}

/* Push main content below the fixed header.
   inline-styles.css applies a margin-top: -180px to #MainContent (intended
   only for the homepage hero so content slides under the transparent
   header). Cancel that on non-home pages and add an explicit offset. */
@media screen and (min-width: 990px) {
  body:not([data-page-hero]) #MainContent {
    margin-top: 0 !important;
    padding-top: 180px !important;
  }
}
@media screen and (max-width: 989px) {
  body:not([data-page-hero]) #MainContent {
    margin-top: 0 !important;
    padding-top: 110px !important;
  }
}

/* Constrain logo size to match live site. The Shopify inline rule sets
   max-width: 190px with width:auto, but our PNG renders at the full 190px
   instead of the 170px attribute width. Force exact match. */
@media screen and (min-width: 990px) {
  .header__heading-link img.header__heading-logo {
    max-width: 170px !important;
    width: 170px !important;
    height: auto !important;
  }
}
@media screen and (max-width: 989px) {
  .header__heading-link img.header__heading-logo {
    max-width: 110px !important;
    width: 110px !important;
    height: auto !important;
  }
}

/* Hide-on-scroll-down behavior */
.section-header.hide-header { transform: translateY(-100%) !important; }

/* Subpage main/form section padding — mirrored verbatim from each live
   page's <style data-shopify> block. Live emits a unique
   section-template--{templateId}__main-padding class per page; values
   are identical (21/28 main, 27/36 form) but we keep the IDs verbatim
   so the rendered HTML matches live byte-for-byte. */
.section-template--25440573817167__main-padding,
.section-template--26082621194575__main-padding,
.section-template--25039251931471__main-padding,
.section-template--25782299656527__main-padding {
  padding-top: 21px; padding-bottom: 21px;
}
.section-template--25039251931471__form-padding,
.section-template--26082621194575__collection_list_UfDiDQ-padding {
  padding-top: 27px; padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
  .section-template--25440573817167__main-padding,
  .section-template--26082621194575__main-padding,
  .section-template--25039251931471__main-padding,
  .section-template--25782299656527__main-padding {
    padding-top: 28px; padding-bottom: 28px;
  }
  .section-template--25039251931471__form-padding,
  .section-template--26082621194575__collection_list_UfDiDQ-padding {
    padding-top: 36px; padding-bottom: 36px;
  }
}

/* Make rte images responsive on subpages */
.rte img { display: block; max-width: 100%; height: auto; margin: 1.5rem auto; }