/* BullGear horizontal header logo — mobile header/nav fix 2026-08-22 */
.site-header .site-branding a.brand {
  display: flex;
  align-items: center;
}

.site-header .site-branding img,
#masthead .site-branding img {
  content: url("../images/bullgear-logo-horizontal-header.webp?v=20260824-1") !important;
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: min(280px, 28vw) !important;
  max-height: 96px !important;
  object-fit: contain;
  object-position: left center;
  image-rendering: auto !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 1024px) {
  html body #masthead,
  html body #masthead .site-header-wrap,
  html body #masthead .site-header-inner-wrap,
  html body #masthead .site-header-row-container,
  html body #masthead .site-header-row-container-inner,
  html body #mobile-header,
  html body #mobile-header .site-header-wrap,
  html body #mobile-header .site-header-row-container,
  html body #mobile-header .site-header-row-container-inner,
  html body .site-mobile-header-wrap,
  html body .site-mobile-header-wrap .site-header-row-container-inner {
    background: #0b0b0d !important;
    background-color: #0b0b0d !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .site-header .site-branding img,
  #masthead .site-branding img,
  #mobile-header .mobile-site-branding img {
    max-width: min(235px, 54vw) !important;
    max-height: 78px !important;
    image-rendering: auto !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
  }

  /* BullGear red mobile navigation */
  html body #masthead .mobile-toggle-open-container .menu-toggle-open,
  html body #mobile-header .mobile-toggle-open-container .menu-toggle-open,
  html body #masthead .menu-toggle-open .menu-toggle-icon,
  html body #mobile-header .menu-toggle-open .menu-toggle-icon {
    color: #e6242f !important;
    border-color: #e6242f !important;
    background: transparent !important;
  }

  html body #mobile-drawer .drawer-inner {
    background: #0b0b0d !important;
  }

  html body #mobile-drawer .mobile-navigation a,
  html body #mobile-drawer .drawer-sub-toggle {
    color: #ffffff !important;
  }

  html body #mobile-drawer .mobile-navigation a:hover,
  html body #mobile-drawer .mobile-navigation a:focus,
  html body #mobile-drawer .mobile-navigation .current-menu-item > a,
  html body #mobile-drawer .mobile-navigation .current-menu-ancestor > .drawer-nav-drop-wrap > a,
  html body #mobile-drawer .drawer-sub-toggle:hover,
  html body #mobile-drawer .drawer-sub-toggle:focus {
    color: #e6242f !important;
  }
}

@media (max-width: 767px) {
  .site-header .site-branding img,
  #masthead .site-branding img,
  #mobile-header .mobile-site-branding img {
    max-width: min(210px, 58vw) !important;
    max-height: 68px !important;
  }
}