/**
 * Mobile sidebar hover/focus — matches active (blue bar + white text/icons).
 * Applies only below the theme nav breakpoint (same as _sidebar-nav.scss).
 * Clear Drupal cache after adding: drush cr
 */

body.ddc-nav-bp-sm {
  @media (max-width: 575.98px) {
    .header .navbar-nav > li > a:hover,
    .header .navbar-nav > li > a:focus,
    .header .navbar-nav > li > a:focus-visible,
    .header .navbar-collapse .dropdown-menu > li > a:hover,
    .header .navbar-collapse .dropdown-menu > li > a:focus,
    .header .navbar-collapse .dropdown-menu > li > a:focus-visible {
      color: #fff !important;
      background-color: #00aeef !important;
      background-image: none !important;
      font-weight: 600;
    }

    .header .navbar-nav > li > a:hover .nav-icon,
    .header .navbar-nav > li > a:hover .nav-caret,
    .header .navbar-nav > li > a:focus .nav-icon,
    .header .navbar-nav > li > a:focus .nav-caret,
    .header .navbar-nav > li > a:focus-visible .nav-icon,
    .header .navbar-nav > li > a:focus-visible .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:hover .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:focus .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:focus-visible .nav-caret {
      color: #fff !important;
    }
  }
}

body.ddc-nav-bp-md {
  @media (max-width: 767.98px) {
    .header .navbar-nav > li > a:hover,
    .header .navbar-nav > li > a:focus,
    .header .navbar-nav > li > a:focus-visible,
    .header .navbar-collapse .dropdown-menu > li > a:hover,
    .header .navbar-collapse .dropdown-menu > li > a:focus,
    .header .navbar-collapse .dropdown-menu > li > a:focus-visible {
      color: #fff !important;
      background-color: #00aeef !important;
      background-image: none !important;
      font-weight: 600;
    }

    .header .navbar-nav > li > a:hover .nav-icon,
    .header .navbar-nav > li > a:hover .nav-caret,
    .header .navbar-nav > li > a:focus .nav-icon,
    .header .navbar-nav > li > a:focus .nav-caret,
    .header .navbar-nav > li > a:focus-visible .nav-icon,
    .header .navbar-nav > li > a:focus-visible .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:hover .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:focus .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:focus-visible .nav-caret {
      color: #fff !important;
    }
  }
}

body.ddc-nav-bp-lg {
  @media (max-width: 991.98px) {
    .header .navbar-nav > li > a:hover,
    .header .navbar-nav > li > a:focus,
    .header .navbar-nav > li > a:focus-visible,
    .header .navbar-collapse .dropdown-menu > li > a:hover,
    .header .navbar-collapse .dropdown-menu > li > a:focus,
    .header .navbar-collapse .dropdown-menu > li > a:focus-visible {
      color: #fff !important;
      background-color: #00aeef !important;
      background-image: none !important;
      font-weight: 600;
    }

    .header .navbar-nav > li > a:hover .nav-icon,
    .header .navbar-nav > li > a:hover .nav-caret,
    .header .navbar-nav > li > a:focus .nav-icon,
    .header .navbar-nav > li > a:focus .nav-caret,
    .header .navbar-nav > li > a:focus-visible .nav-icon,
    .header .navbar-nav > li > a:focus-visible .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:hover .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:focus .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:focus-visible .nav-caret {
      color: #fff !important;
    }
  }
}

body.ddc-nav-bp-xl {
  @media (max-width: 1199.98px) {
    .header .navbar-nav > li > a:hover,
    .header .navbar-nav > li > a:focus,
    .header .navbar-nav > li > a:focus-visible,
    .header .navbar-collapse .dropdown-menu > li > a:hover,
    .header .navbar-collapse .dropdown-menu > li > a:focus,
    .header .navbar-collapse .dropdown-menu > li > a:focus-visible {
      color: #fff !important;
      background-color: #00aeef !important;
      background-image: none !important;
      font-weight: 600;
    }

    .header .navbar-nav > li > a:hover .nav-icon,
    .header .navbar-nav > li > a:hover .nav-caret,
    .header .navbar-nav > li > a:focus .nav-icon,
    .header .navbar-nav > li > a:focus .nav-caret,
    .header .navbar-nav > li > a:focus-visible .nav-icon,
    .header .navbar-nav > li > a:focus-visible .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:hover .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:focus .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:focus-visible .nav-caret {
      color: #fff !important;
    }
  }
}

body.ddc-nav-bp-xxl {
  @media (max-width: 1399.98px) {
    .header .navbar-nav > li > a:hover,
    .header .navbar-nav > li > a:focus,
    .header .navbar-nav > li > a:focus-visible,
    .header .navbar-collapse .dropdown-menu > li > a:hover,
    .header .navbar-collapse .dropdown-menu > li > a:focus,
    .header .navbar-collapse .dropdown-menu > li > a:focus-visible {
      color: #fff !important;
      background-color: #00aeef !important;
      background-image: none !important;
      font-weight: 600;
    }

    .header .navbar-nav > li > a:hover .nav-icon,
    .header .navbar-nav > li > a:hover .nav-caret,
    .header .navbar-nav > li > a:focus .nav-icon,
    .header .navbar-nav > li > a:focus .nav-caret,
    .header .navbar-nav > li > a:focus-visible .nav-icon,
    .header .navbar-nav > li > a:focus-visible .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:hover .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:focus .nav-caret,
    .header .navbar-collapse .dropdown-menu > li > a:focus-visible .nav-caret {
      color: #fff !important;
    }
  }
}