/*
Theme Name: BoldR Grunge Child
Template: boldr-pro
Version: 1.5.0
Description: Child theme for BoldR Pro with native accessible mobile navigation.
*/
@media(max-width: 900px){
  body.bgm-open{overflow:hidden!important}
  #bgm-toggle{position:fixed;right:16px;top:76px;z-index:100002;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#b5122a;color:#fff;border:1px solid #ed5268;border-radius:10px;box-shadow:0 5px 18px #0007;cursor:pointer}
  #bgm-toggle svg{width:25px;height:25px;stroke:currentColor;stroke-width:2.5;fill:none}
  #bgm-overlay{position:fixed;inset:0;background:#000b;z-index:100000;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
  #bgm-panel{position:fixed;left:0;top:0;bottom:0;width:min(100vw,360px);background:#17191e;color:#fff;z-index:100001;transform:translateX(-105%);transition:transform .25s ease;overflow-y:auto;max-height:100dvh;overscroll-behavior:contain;box-shadow:8px 0 30px #0009;box-sizing:border-box}
  body.bgm-open #bgm-overlay{opacity:1;visibility:visible}
  body.bgm-open #bgm-panel{transform:translateX(0)}
  #bgm-panel .bgm-heading{padding:23px 22px 20px;border-bottom:2px solid #b5122a;font-size:19px;font-weight:800;letter-spacing:.03em}
  #bgm-panel ul{list-style:none;margin:0;padding:0}
  #bgm-panel li{margin:0;padding:0;border-bottom:1px solid #333740;position:relative}
  #bgm-panel a{display:block;padding:17px 23px;color:#f6f6f7!important;text-decoration:none!important;background:transparent;font-size:16px;font-weight:600;line-height:1.3}
  #bgm-panel a:hover,#bgm-panel a:focus-visible,#bgm-panel .current-menu-item>a{background:#b5122a;color:#fff!important}
  #bgm-panel .sub-menu{padding-left:14px;background:#22252b}
  #bgm-panel a:focus-visible,#bgm-toggle:focus-visible{outline:3px solid #fff;outline-offset:-3px}
  #bgm-panel .bgm-footer{padding:22px;color:#aaa;font-size:12px}
}
@media(min-width:901px){#bgm-toggle,#bgm-overlay,#bgm-panel{display:none!important}}
@media(prefers-reduced-motion:reduce){#bgm-panel,#bgm-overlay{transition:none!important}}

/* Mobile: hide the parent theme navigation, preserving desktop navigation. */
@media (max-width:900px) {
  #site-navigation:not(#bgm-panel),
  #main-navigation:not(#bgm-panel),
  #main-nav:not(#bgm-panel),
  #navigation:not(#bgm-panel),
  #navbar:not(#bgm-panel),
  .slicknav_menu,
  .mean-container,
  .tinynav,
  .mobile-menu:not(#bgm-panel),
  .mobile-nav:not(#bgm-panel),
  .menu-toggle:not(#bgm-toggle),
  .responsive-menu:not(#bgm-panel) {display:none!important}
  #bgm-panel {width:100vw;max-width:360px;max-width:min(100vw,360px);height:100dvh;bottom:auto;}
  #bgm-panel .bgm-footer{display:none!important}
}

/* v1.5: The parent mobile navigation is disabled in the child template,
   not covered by the red button. This selector also covers stale HTML caches. */
@media (max-width: 900px) {
  #icefit-mobile-menu { display: none !important; }
  #bgm-toggle { top:24px; right:16px; width:56px; height:56px; }
}

/* 1.4.0 - Readable hover states for the classic desktop navigation.
   Contrast fix: red background must never be paired with red link text. */
@media (min-width: 901px) {
  body nav .menu li.menu-item:hover > a,
  body nav .menu li.menu-item > a:hover,
  body nav .menu li.menu-item > a:focus-visible,
  body .main-navigation li.menu-item:hover > a,
  body #site-navigation li.menu-item:hover > a,
  body #main-navigation li.menu-item:hover > a,
  body #navigation li.menu-item:hover > a,
  body #navbar li.menu-item:hover > a,
  body #nav li.menu-item:hover > a,
  body #header li.menu-item:hover > a,
  body .menu-menu-alto-container li.menu-item:hover > a,
  body .menu-menu-alto-container li.menu-item > a:hover {
    background-color: #83152a !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
  }
  body nav .menu li.menu-item:hover > a *,
  body .main-navigation li.menu-item:hover > a *,
  body #header li.menu-item:hover > a * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  /* Keep visited links readable in hover and focus states. */
  body nav .menu li.menu-item > a:visited:hover,
  body nav .menu li.menu-item > a:focus-visible {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}
/* The child mobile navigation must have the same legible hover/focus colors. */
@media (max-width: 900px) {
  body #bgm-panel li.menu-item:hover > a,
  body #bgm-panel li.menu-item > a:hover,
  body #bgm-panel li.menu-item > a:focus-visible,
  body #bgm-panel li.current-menu-item > a {
    background-color: #83152a !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}