/* EEL responsive menu: CSS-only, retains existing theme functionality. */
@media (max-width: 1024px) {
  :root { --eel-navy:#183B56; --eel-blue:#0077B6; --eel-red:#E31837; --eel-hover:#EAF4FA; --eel-line:#E5EAF0; }
  /* Printpress/CMSMasters mobile navigation variants */
  .header_mid .resp_nav_wrap + nav,
  .cmsmasters_dynamic_cart + .resp_nav_wrap + nav { background:#fff; }
  #navigation, .navigation, .header_bot .navigation,
  .header_mid .navigation, .cmsmasters_mobile_menu,
  .mobile_menu, .responsive_menu {
    background:#fff !important;
    border-radius:12px !important;
  }
  #navigation > li, .navigation > li,
  .cmsmasters_mobile_menu > li, .mobile_menu > li,
  .responsive_menu > li {
    background:transparent !important;
    border-bottom:1px solid var(--eel-line) !important;
    margin:0 !important;
    padding:0 !important;
  }
  #navigation li > a, .navigation li > a,
  .cmsmasters_mobile_menu li > a, .mobile_menu li > a,
  .responsive_menu li > a {
    color:var(--eel-navy) !important;
    background:transparent !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.45 !important;
    letter-spacing:.1px !important;
    text-transform:none !important;
    padding:15px 20px !important;
    min-height:48px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    transition:background-color .18s ease,color .18s ease;
  }
  #navigation li > a:hover, .navigation li > a:hover,
  .cmsmasters_mobile_menu li > a:hover, .mobile_menu li > a:hover,
  .responsive_menu li > a:hover,
  #navigation li > a:focus-visible, .navigation li > a:focus-visible,
  .cmsmasters_mobile_menu li > a:focus-visible, .mobile_menu li > a:focus-visible {
    color:var(--eel-blue) !important;
    background:var(--eel-hover) !important;
  }
  #navigation li.current-menu-item > a,
  #navigation li.current_page_item > a,
  .navigation li.current-menu-item > a,
  .navigation li.current_page_item > a,
  .cmsmasters_mobile_menu li.current-menu-item > a,
  .mobile_menu li.current-menu-item > a,
  .responsive_menu li.current-menu-item > a {
    color:var(--eel-red) !important;
    background:#FFF5F6 !important;
    box-shadow:inset 3px 0 var(--eel-red);
  }
  #navigation ul, .navigation ul,
  .cmsmasters_mobile_menu ul, .mobile_menu ul,
  .responsive_menu ul { background:#F7FAFC !important; }
  #navigation ul li > a, .navigation ul li > a,
  .cmsmasters_mobile_menu ul li > a, .mobile_menu ul li > a,
  .responsive_menu ul li > a { padding-left:32px !important; font-size:14px !important; }
}
@media (prefers-reduced-motion:reduce) {
  #navigation li > a, .navigation li > a,
  .cmsmasters_mobile_menu li > a, .mobile_menu li > a,
  .responsive_menu li > a { transition:none !important; }
}
