/* Hosted mdcoretest navbar overflow guard. Loaded after shared/style.css. */
@media (max-width: 2100px) {
  body:has(.premium-home-hero) header .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    overflow: visible !important;
  }

  body:has(.premium-home-hero) .logo {
    flex: 1 1 auto !important;
    max-width: calc(100% - 96px) !important;
  }

  body:has(.premium-home-hero) .nav-container {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  body:has(.premium-home-hero) .hamburger-menu {
    display: flex !important;
    flex: 0 0 auto !important;
  }

  body:has(.premium-home-hero) .links,
  body:has(.premium-home-hero) .bottom-area {
    display: none !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links {
    display: block !important;
    position: absolute !important;
    top: calc(100% + 14px) !important;
    right: 0 !important;
    left: auto !important;
    width: min(390px, calc(100vw - 32px)) !important;
    max-height: calc(100dvh - 140px) !important;
    overflow: auto !important;
    padding: 14px !important;
    z-index: 10050 !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, #071323, #02050a) !important;
    border: 1px solid rgba(217, 154, 43, .42) !important;
    box-shadow: 0 28px 80px rgba(2, 5, 10, .45) !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links a,
  body:has(.premium-home-hero) .big-wrapper.active .links .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 12px 14px !important;
    border-radius: 13px !important;
    color: #fff7df !important;
    -webkit-text-fill-color: #fff7df !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    font-size: 15px !important;
    white-space: normal !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links a:hover,
  body:has(.premium-home-hero) .big-wrapper.active .links a.active {
    background: linear-gradient(135deg, #f1c96b, #c98f32) !important;
    color: #071323 !important;
    -webkit-text-fill-color: #071323 !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .nav-search {
    width: 100% !important;
    height: 46px !important;
    min-width: 0 !important;
    flex: none !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .nav-search input {
    display: block !important;
    width: 100% !important;
    color: #fff7df !important;
    -webkit-text-fill-color: #fff7df !important;
  }
}