/*
 * Huuguu v1.53.24 — Header Fixed Spacing + Footer Contrast
 *
 * Fixes:
 * - fixed header touching viewport sides on desktop/tablet/mobile;
 * - text-logo header not switching to white over dark footer;
 * - keeps overlay/hero contrast behavior intact.
 */

:root {
  --hgg-fixed-header-side-gap-desktop: 14px;
  --hgg-fixed-header-side-gap-tablet: 10px;
  --hgg-fixed-header-side-gap-mobile: 8px;
  --hgg-fixed-header-radius: 0px;
}

@media (min-width: 1025px) {
  body.huuguu-desktop-classic-sticky #masthead.site-header,
  body.huuguu-header-runtime-ready #masthead.site-header,
  body.huuguu-desktop-header-fixed #masthead.site-header {
    left: var(--hgg-fixed-header-side-gap-desktop, 14px) !important;
    right: var(--hgg-fixed-header-side-gap-desktop, 14px) !important;
    width: auto !important;
    max-width: calc(100% - (var(--hgg-fixed-header-side-gap-desktop, 14px) * 2)) !important;
    border-radius: var(--hgg-fixed-header-radius, 0px) !important;
    overflow: visible !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body.huuguu-header-runtime-ready #masthead.site-header,
  body.huuguu-desktop-classic-sticky #masthead.site-header,
  body.huuguu-desktop-header-fixed #masthead.site-header,
  #masthead.site-header.site-header--sticky,
  #masthead.site-header.site-header--smart-scroll {
    left: var(--hgg-fixed-header-side-gap-tablet, 10px) !important;
    right: var(--hgg-fixed-header-side-gap-tablet, 10px) !important;
    width: auto !important;
    max-width: calc(100% - (var(--hgg-fixed-header-side-gap-tablet, 10px) * 2)) !important;
    border-radius: var(--hgg-fixed-header-radius, 0px) !important;
    overflow: visible !important;
  }
}

@media (max-width: 767px) {
  body.huuguu-header-runtime-ready #masthead.site-header,
  body.huuguu-desktop-classic-sticky #masthead.site-header,
  body.huuguu-desktop-header-fixed #masthead.site-header,
  #masthead.site-header.site-header--sticky,
  #masthead.site-header.site-header--smart-scroll {
    left: var(--hgg-fixed-header-side-gap-mobile, 8px) !important;
    right: var(--hgg-fixed-header-side-gap-mobile, 8px) !important;
    width: auto !important;
    max-width: calc(100% - (var(--hgg-fixed-header-side-gap-mobile, 8px) * 2)) !important;
    border-radius: var(--hgg-fixed-header-radius, 0px) !important;
    overflow: visible !important;
  }
}

/* Footer/dark section contrast. JS adds is-over-dark-section. */
#masthead.site-header.is-over-dark-section {
  --hgg-header-runtime-contrast-color: #ffffff;
}

#masthead.site-header.is-over-dark-section .site-title,
#masthead.site-header.is-over-dark-section .site-title a,
#masthead.site-header.is-over-dark-section .site-description,
#masthead.site-header.is-over-dark-section .main-navigation a,
#masthead.site-header.is-over-dark-section .header-nav a,
#masthead.site-header.is-over-dark-section .hgg-header-link,
#masthead.site-header.is-over-dark-section .hgg-header-link__label,
#masthead.site-header.is-over-dark-section .hgg-header-link__icon,
#masthead.site-header.is-over-dark-section .menu-toggle,
#masthead.site-header.is-over-dark-section .menu-toggle__icon,
#masthead.site-header.is-over-dark-section .menu-toggle__icon span,
#masthead.site-header.is-over-dark-section .menu-toggle__icon span::before,
#masthead.site-header.is-over-dark-section .menu-toggle__icon span::after {
  color: var(--hgg-header-runtime-contrast-color, #ffffff) !important;
  border-color: rgba(255,255,255,.36) !important;
}

#masthead.site-header.is-over-dark-section .menu-toggle__icon span,
#masthead.site-header.is-over-dark-section .menu-toggle__icon span::before,
#masthead.site-header.is-over-dark-section .menu-toggle__icon span::after {
  background: #ffffff !important;
}

/* Logo images can be difficult to invert safely; text logos are the target here. */
#masthead.site-header.is-over-dark-section .site-title a {
  text-shadow: 0 1px 18px rgba(0,0,0,.35);
}


/*
 * Huuguu v1.53.25 — Header Text Logo Dark Footer Contrast Strong Fix
 */
#masthead.site-header.is-over-dark-section,
#masthead.site-header.is-over-dark-section .huuguu-header-shell,
#masthead.site-header.is-over-dark-section .site-header-inner,
#masthead.site-header.is-over-dark-section .huuguu-mobile-topbar {
  --hgg-header-runtime-contrast-color: #ffffff;
}

#masthead.site-header.is-over-dark-section .site-branding,
#masthead.site-header.is-over-dark-section .site-title-wrap,
#masthead.site-header.is-over-dark-section .site-title,
#masthead.site-header.is-over-dark-section .site-title *,
#masthead.site-header.is-over-dark-section .site-title a,
#masthead.site-header.is-over-dark-section .site-description,
#masthead.site-header.is-over-dark-section .site-branding a:not(.huuguu-logo),
#masthead.site-header.is-over-dark-section .mobile-branding,
#masthead.site-header.is-over-dark-section .mobile-branding *,
#masthead.site-header.is-over-dark-section .header-branding,
#masthead.site-header.is-over-dark-section .header-branding * {
  color: #ffffff !important;
  fill: #ffffff !important;
  text-shadow: 0 1px 18px rgba(0,0,0,.42) !important;
}

#masthead.site-header.is-over-dark-section .main-navigation a,
#masthead.site-header.is-over-dark-section .header-nav a,
#masthead.site-header.is-over-dark-section .hgg-header-link,
#masthead.site-header.is-over-dark-section .hgg-header-link__label,
#masthead.site-header.is-over-dark-section .hgg-header-link__icon {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Keep real image logos unchanged; only text logo should invert. */
#masthead.site-header.is-over-dark-section .huuguu-logo img {
  filter: none !important;
}