/** Shopify CDN: Minification failed

Line 161:0 Unexpected "}"
Line 217:0 Unexpected "}"

**/
/* Custom Header Menu Centering */

/* Center the navigation menu for middle-left header layout */
@media screen and (min-width: 990px) {
  /* Change grid layout to center the navigation */
  .header--middle-left {
    grid-template-areas: 'heading navigation icons' !important;
    grid-template-columns: auto 1fr auto !important;
    column-gap: 2rem !important;
  }
  
  .header--middle-left .header__inline-menu {
    justify-self: center !important;
    margin-left: 0 !important;
  }
  
  .header--middle-left .header__inline-menu > .list-menu--inline {
    justify-content: center !important;
    gap: 1rem !important;
  }
  
  /* Style menu links as rounded white buttons */
  .header__menu-item.list-menu__item {
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 1rem 2rem !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
  }
  
  /* Add more right padding for dropdown buttons to prevent text overlap */
  details > .header__menu-item.list-menu__item {
    padding-right: 3.5rem !important;
  }
  
  /* Add more space after the dropdown icon */
  .header__menu-item .icon-caret {
    right: 1.5rem !important;
  }
  
  /* Remove underline on all states */
  .header__menu-item.list-menu__item,
  .header__menu-item.list-menu__item:hover,
  .header__menu-item.list-menu__item:focus,
  .header__menu-item.list-menu__item:active,
  .header__menu-item.list-menu__item:focus-visible,
  .header__menu-item.list-menu__item::before,
  .header__menu-item.list-menu__item::after {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }
  
  /* Remove underline from span inside menu items */
  .header__menu-item:hover span,
  .header__menu-item span,
  details[open] > .header__menu-item span {
    text-decoration: none !important;
  }
  
  /* Override focus-inset outline */
  .header__menu-item.list-menu__item.focus-inset:focus-visible {
    outline: none !important;
  }
  
  /* Red hover effect */
  .header__menu-item.list-menu__item:hover {
    background-color: #9a1414 !important;
    color: #ffffff !important;
  }
  
  /* Active/current page styling */
  .header__menu-item.list-menu__item[aria-current="page"] {
    background-color: #9a1414 !important;
    color: #ffffff !important;
  }
  
  /* Keep parent menu item red when child page is active */
  details:has(.header__menu-item[aria-current="page"]) > .header__menu-item.list-menu__item,
  details:has(.list-menu__item--active) > .header__menu-item.list-menu__item {
    background-color: #9a1414 !important;
    color: #ffffff !important;
  }
  
  /* Style the span inside the link */
  .header__menu-item.list-menu__item span {
    color: inherit !important;
  }
}

  /* Style dropdown menus for better visibility */
  .header__submenu,
  details[open] > .header__submenu,
  .mega-menu__content {
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    background-color: #ffffff !important;
  }
  
  /* Red hover effect on dropdown items */
  .header__submenu .header__menu-item:hover {
    background-color: #9a1414 !important;
    color: #ffffff !important;
  }
  
  /* Highlight parent dropdown items when open */
  .header__submenu details[open] > summary.header__menu-item {
    background-color: #9a1414 !important;
    color: #ffffff !important;
  }
  
  /* Highlight parent dropdown items when child page is active */
  .header__submenu details:has(.list-menu__item--active) > summary.header__menu-item,
  .header__submenu details:has([aria-current="page"]) > summary.header__menu-item {
    background-color: #9a1414 !important;
    color: #ffffff !important;
  }
  
  /* Ensure text color inside span is white when child is active */
  .header__submenu details:has(.list-menu__item--active) > summary.header__menu-item span,
  .header__submenu details:has([aria-current="page"]) > summary.header__menu-item span {
    color: #ffffff !important;
  }
  
  /* Reset background for closed nested dropdowns */
  .header__submenu details:not([open]) > summary.header__menu-item {
    background-color: transparent !important;
    color: #000000 !important;
  }
  
  /* Ensure text color inside span is also black when closed */
  .header__submenu details:not([open]) > summary.header__menu-item span {
    color: #000000 !important;
  }
  
  /* Override: Keep red background when nested dropdown has active child */
  .header__submenu details:not([open]):has(.list-menu__item--active) > summary.header__menu-item,
  .header__submenu details:not([open]):has([aria-current="page"]) > summary.header__menu-item {
    background-color: #9a1414 !important;
    color: #ffffff !important;
  }
  
  /* Override: Keep white text when nested dropdown has active child */
  .header__submenu details:not([open]):has(.list-menu__item--active) > summary.header__menu-item span,
  .header__submenu details:not([open]):has([aria-current="page"]) > summary.header__menu-item span {
    color: #ffffff !important;
  }
  
  /* Ensure text color inside span is white when open */
  .header__submenu details[open] > summary.header__menu-item span {
    color: #ffffff !important;
  }
}

  /* Make parent dropdown position relative for nested dropdown positioning */
  ul.header__submenu.list-menu {
    position: relative !important;
    max-height: 400px !important;
    overflow-y: auto !important;
    overflow-x: visible !important;
  }
  
  /* Allow parent dropdown to show nested dropdowns outside its bounds */
  details[open] > ul.header__submenu.list-menu {
    overflow-x: visible !important;
  }
  
  /* Make list items static so they don't interfere with positioning */
  .header__submenu > li {
    position: static !important;
    overflow: visible !important;
  }
  
  /* Position nested dropdowns to the right, aligned with parent dropdown top */
  .header__submenu .header__submenu {
    position: absolute !important;
    left: 100% !important;
    top: -1px !important;
    max-height: 500px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-width: 200px !important;
    z-index: 10000 !important;
    margin-top: 0 !important;
    overscroll-behavior: contain !important;
  }
  
  /* Ensure header doesn't clip nested dropdowns */
  .header,
  .section-header,
  .header-wrapper {
    overflow: visible !important;
  }
  
  /* Ensure parent details element allows overflow */
  .header__submenu details {
    overflow: visible !important;
  }
  
  /* Rotate the caret icon to point right for nested menus */
  .header__submenu details > summary .icon-caret {
    transform: rotate(-90deg) !important;
  }
  
  /* When nested menu is open, rotate to point down */
  .header__submenu details[open] > summary .icon-caret {
    transform: rotate(0deg) !important;
  }
}