/**
 * Hero header + mobile toggle fixes for Astra.
 * Non-hero pages only: Astra transparent header can leave the burger icon white.
 * Hero pages: burger color is controlled via Astra → Transparent Header settings.
 */

:root {
  --vint-hh-toggle-color: #626130;
  --vint-hh-toggle-border: #626130;
}

/* Non-hero pages: force a visible burger on light backgrounds. */
body:not(.vint-header-hero) .ast-button-wrap .menu-toggle,
body:not(.vint-header-hero) .ast-button-wrap .main-header-menu-toggle {
  color: var(--vint-hh-toggle-color) !important;
}

body:not(.vint-header-hero) .ast-button-wrap .main-header-menu-toggle.ast-mobile-menu-trigger-outline {
  border-color: var(--vint-hh-toggle-border) !important;
}

body:not(.vint-header-hero) .ast-button-wrap .mobile-menu-toggle-icon svg,
body:not(.vint-header-hero) .ast-button-wrap .mobile-menu-toggle-icon svg path,
body:not(.vint-header-hero) .ast-button-wrap .ast-mobile-svg svg,
body:not(.vint-header-hero) .ast-button-wrap .ast-mobile-svg svg path {
  fill: var(--vint-hh-toggle-color) !important;
  stroke: var(--vint-hh-toggle-color) !important;
}

/* Hero + scroll: match burger to solid scrolled menu (plugin scroll feature only). */
body.vint-header-scroll-enabled.vint-header-scrolled.vint-header-hero .ast-button-wrap .menu-toggle,
body.vint-header-scroll-enabled.vint-header-scrolled.vint-header-hero .ast-button-wrap .main-header-menu-toggle {
  color: var(--vint-hh-toggle-color) !important;
}

body.vint-header-scroll-enabled.vint-header-scrolled.vint-header-hero .ast-button-wrap .main-header-menu-toggle.ast-mobile-menu-trigger-outline {
  border-color: var(--vint-hh-toggle-border) !important;
}

body.vint-header-scroll-enabled.vint-header-scrolled.vint-header-hero .ast-button-wrap .mobile-menu-toggle-icon svg,
body.vint-header-scroll-enabled.vint-header-scrolled.vint-header-hero .ast-button-wrap .mobile-menu-toggle-icon svg path {
  fill: var(--vint-hh-toggle-color) !important;
  stroke: var(--vint-hh-toggle-color) !important;
}

/* --- Hero header fallback (when Astra transparent is off) --- */

body.vint-header-hero:not(.ast-theme-transparent-header) .site-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  width: 100%;
}

body.vint-header-hero:not(.ast-theme-transparent-header) .main-header-bar {
  background-color: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.vint-header-hero:not(.ast-theme-transparent-header):not(.vint-header-scrolled) .main-header-menu > .menu-item > a,
body.vint-header-hero:not(.ast-theme-transparent-header):not(.vint-header-scrolled) .ast-header-custom-item a,
body.vint-header-hero:not(.ast-theme-transparent-header):not(.vint-header-scrolled) .site-title a {
  color: #fff !important;
}

body.vint-header-hero:not(.ast-theme-transparent-header):not(.vint-header-scrolled) .custom-logo-link img {
  filter: brightness(0) invert(1);
}

body.vint-header-scroll-enabled.vint-header-scrolled.ast-theme-transparent-header .main-header-bar,
body.vint-header-scroll-enabled.vint-header-scrolled.vint-header-hero:not(.ast-theme-transparent-header) .main-header-bar {
  background-color: rgba(241, 239, 219, 0.95) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(197, 194, 168, 0.35) !important;
}

body.vint-header-scroll-enabled.vint-header-scrolled.ast-theme-transparent-header .main-header-menu > .menu-item > a,
body.vint-header-scroll-enabled.vint-header-scrolled.ast-theme-transparent-header .ast-header-custom-item a,
body.vint-header-scroll-enabled.vint-header-scrolled.ast-theme-transparent-header .site-title a,
body.vint-header-scroll-enabled.vint-header-scrolled.vint-header-hero:not(.ast-theme-transparent-header) .main-header-menu > .menu-item > a,
body.vint-header-scroll-enabled.vint-header-scrolled.vint-header-hero:not(.ast-theme-transparent-header) .ast-header-custom-item a,
body.vint-header-scroll-enabled.vint-header-scrolled.vint-header-hero:not(.ast-theme-transparent-header) .site-title a {
  color: #626130 !important;
}

body.vint-header-scroll-enabled.vint-header-scrolled.ast-theme-transparent-header.ast-replace-site-logo-transparent .custom-logo-link img,
body.vint-header-scroll-enabled.vint-header-scrolled.vint-header-hero:not(.ast-theme-transparent-header) .custom-logo-link img {
  filter: none;
}