/* Internal header minimal overrides
   - Keep header white with dark text at all times
   - Everything else inherits from public/css/style.css (main header)
*/

/* Always-white header */
#site-header.main-header-internal {
  background: #fff !important;
  backdrop-filter: none !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

#site-header.main-header-internal.scrolled {
  background: #fff !important;
  backdrop-filter: none !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.14);
}

/* Dark text on white header in non-overlay state */
.main-header-internal .nav-container > .nav-menu:not(.active) .nav-links a {
  color: #333;
}

.main-header-internal .social-icon,
.main-header-internal .phone-info,
.main-header-internal .phone-number,
.main-header-internal .phone-icon {
  color: #333;
}

.main-header-internal .nav-container > .nav-menu:not(.active) .nav-links a:hover,
.main-header-internal .social-icon:hover,
.main-header-internal .phone-info:hover,
.main-header-internal .phone-number:hover {
  color: #E3B55C;
}

/* Prevent scrolled state from flipping colors to white */
#site-header.main-header-internal.scrolled .nav-container > .nav-menu:not(.active) .nav-links a,
#site-header.main-header-internal.scrolled .social-icon,
#site-header.main-header-internal.scrolled .phone-info,
#site-header.main-header-internal.scrolled .phone-number,
#site-header.main-header-internal.scrolled .phone-icon {
  color: #333 !important;
}

/* Disable load-in animations (logo/nav/nav-right) on internal header */
.main-header-internal .logo,
.main-header-internal .nav-menu,
.main-header-internal .nav-right {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* Hamburger bars: dark on white header; invert when overlay is open */
.main-header-internal .mobile-menu-toggle .bar { background: #1a1a1a; }
html.menu-open .main-header-internal .mobile-menu-toggle .bar,
body.menu-open .main-header-internal .mobile-menu-toggle .bar { background: #fff; }

/* Keep bars dark even when internal header gets .scrolled */
#site-header.main-header-internal.scrolled .mobile-menu-toggle .bar { background: #1a1a1a !important; }

/* Dark arrow for white header background */
.main-header-internal .nav-container > .nav-menu:not(.active) .nav-item--has-children > a::after {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Keep dropdown items dark on white header (desktop only, not overlay) */
.main-header-internal .nav-container > .nav-menu:not(.active) .nav-dropdown .item a { color: #333 !important; }

/* Body offset so internal content doesn’t sit under fixed header */
body.is-internal { padding-top: 140px; }
@media (max-width: 1280px) { body.is-internal { padding-top: 130px; } }
@media (max-width: 900px)  { body.is-internal { padding-top: 145px; } }