/* Hide the site name text (keep logo only) */
.site-branding__text {
  display: none;
}

/* Initial header bit (sticky toggle area) */
.site-header__initial {
  color: #282828;
}

/* Full header background (desktop & mobile) */
.site-header,
.site-header__fixable,
.site-header__inner,
.site-header__inner__container {
  background-color: #282828 !important;
}

/* Base header nav background */
.header-nav {
  background-color: #282828 !important;
}

/* --- PRIMARY NAV SHARED BASELINE --- */

/* Make sure the menu container and items don't have white bg */
.header-nav .primary-nav__menu,
.header-nav .primary-nav__menu-item,
.header-nav .primary-nav__menu-item--link,
.header-nav .primary-nav__menu-link,
.header-nav .primary-nav__menu-link-inner,
.header-nav .primary-nav__menu-link-inner--level-1 {
  background-color: #282828 !important;
}

/* Kill any pill-style background Olivero adds via pseudo-elements */
.header-nav .primary-nav__menu-link-inner::before,
.header-nav .primary-nav__menu-link-inner::after {
  background-color: #282828 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Default link text color (#dd5129) */
.header-nav a.primary-nav__menu-link.primary-nav__menu-link--level-1,
.header-nav a.primary-nav__menu-link.primary-nav__menu-link--level-1:link,
.header-nav a.primary-nav__menu-link.primary-nav__menu-link--level-1:visited,
.header-nav a.primary-nav__menu-link.primary-nav__menu-link--level-1 .primary-nav__menu-link-inner {
  color: #dd5129 !important;
}

/* Page title size */
.title.page-title,
.block-page-title-block h1,
h1.page-title {
  font-size: 2em !important;
  line-height: 1.3 !important;
  font-weight: 600;
}

/* ===========================
   DESKTOP NAV (≥ 1025px)
   =========================== */
@media (min-width: 1025px) {

  /* Hover / focus: text becomes white on desktop */
  .header-nav a.primary-nav__menu-link.primary-nav__menu-link--level-1:hover,
  .header-nav a.primary-nav__menu-link.primary-nav__menu-link--level-1:focus,
  .header-nav a.primary-nav__menu-link.primary-nav__menu-link--level-1:hover .primary-nav__menu-link-inner,
  .header-nav a.primary-nav__menu-link.primary-nav__menu-link--level-1:focus .primary-nav__menu-link-inner {
    color: #ffffff !important;
    text-decoration: none !important;
  }

  /* Active item (current page) on desktop: white + bold */
  .header-nav a.primary-nav__menu-link.primary-nav__menu-link--level-1.is-active,
  .header-nav a.primary-nav__menu-link.primary-nav__menu-link--level-1.is-active .primary-nav__menu-link-inner {
    color: #ffffff !important;
    font-weight: bold;
  }
}

/* ===========================
   MOBILE NAV (≤ 1024px)
   =========================== */
@media (max-width: 1024px) {

  /* Keep the top header bar & buttons dark */
  .site-header,
  .site-header__fixable,
  .site-header__inner,
  .site-header__inner__container,
  .mobile-buttons,
  .site-header__initial {
    background-color: #282828 !important;
  }

  /* Label for the mobile menu button */
  .mobile-nav-button__label {
    color: #ffffff !important;
  }

  /* Hamburger lines (where applicable) */
  .sticky-header-toggle__icon span,
  .mobile-nav-button__icon span {
    background-color: #ffffff !important;
  }

  /* Mobile navigation drawer background (dropdown area) */
  #header-nav,
  .header-nav,
  .header-nav__inner,
  .header-nav .primary-nav__menu,
  .header-nav .primary-nav__menu-item,
  .header-nav .primary-nav__menu-item--link,
  .header-nav .primary-nav__menu-link,
  .header-nav .primary-nav__menu-link-inner {
    background-color: #ffffff !important;
  }

  /* Mobile menu text color (red for normal items) */
  .header-nav .primary-nav__menu-link,
  .header-nav .primary-nav__menu-link-inner {
    color: #dd5129 !important;
  }

  /* Active / current page link in mobile menu:
     dark gray, bold, no colored background */
  .header-nav .primary-nav__menu-link.is-active .primary-nav__menu-link-inner,
  .header-nav .primary-nav__menu-link[aria-current] .primary-nav__menu-link-inner,
  .header-nav .primary-nav__menu-link--active-trail .primary-nav__menu-link-inner {
    color: #282828 !important;
    background-color: transparent !important;
    font-weight: bold !important;
  }

  /* On mobile, DON'T ever switch to white text on hover/focus.
     Just remove underline / decoration. */
  .header-nav .primary-nav__menu-link:hover .primary-nav__menu-link-inner,
  .header-nav .primary-nav__menu-link:focus .primary-nav__menu-link-inner,
  .header-nav .primary-nav__menu-link-inner:hover,
  .header-nav .primary-nav__menu-link-inner:focus {
    background-color: transparent !important;
    color: inherit !important; /* keep red or dark gray */
    text-decoration: none !important;
  }

  /* Remove default Olivero mobile shadows/borders */
  .header-nav,
  .header-nav__inner,
  .primary-nav__menu-link {
    box-shadow: none !important;
    border: none !important;
  }
}

/* Make the hamburger menu icon (the three bars) white */
.sticky-header-toggle__icon span,
.mobile-nav-button__icon span {
  background-color: #ffffff !important;
}

/* Make the "Menu" label text white, if shown */
.mobile-nav-button__label {
  color: #ffffff !important;
}

/* Ensure the button background stays dark behind the white icon */
.mobile-nav-button,
.sticky-header-toggle {
  background-color: #282828 !important;
}

/* Make the hamburger menu (three bars) white */
.mobile-nav-button__icon,
.mobile-nav-button__icon::before,
.mobile-nav-button__icon::after {
  border-top-color: #ffffff !important;
}