/* BetBuilder mobile-nav site styles · contract 1.0.0 */
.mnav[data-mnav-site="betbuilder"] {
  --mnav-bg: #07111f;
  --mnav-sheet-bg: #0d1e31;
  --mnav-text: #aab8c9;
  --mnav-sheet-text: #f4f7fb;
  --mnav-accent: #b9f227;
  --mnav-active-bg: rgba(185, 242, 39, 0.13);
  --mnav-border: #22374d;
  --mnav-focus: #b9f227;
  font-family: inherit;
}

.bb-global-mobile-nav.mnav-header-trigger {
  display: none;
  margin-left: auto;
  color: #f4f7fb;
}

@media (max-width: 782px) {
  :root {
    --mnav-display: block;
    --mnav-body-pad: calc(var(--mnav-h) + env(safe-area-inset-bottom, 0px));
  }

  .bb-global-mobile-nav,
  .bb-global-mobile-nav.mnav-header-trigger,
  html.mnav-enhanced details.bb-global-mobile-nav {
    display: none !important;
  }

  .cmplz-manage-consent,
  #cmplz-manage-consent .cmplz-manage-consent {
    bottom: calc(var(--mnav-h) + env(safe-area-inset-bottom, 0px) + 12px) !important;
  }

  #ast-scroll-top {
    bottom: calc(var(--mnav-h) + env(safe-area-inset-bottom, 0px) + 14px) !important;
  }
}

.mnav[data-mnav-site="betbuilder"] {
  background: #07111f;
  box-shadow: 0 -12px 30px rgba(0, 0, 0, 0.34);
}

.mnav[data-mnav-site="betbuilder"] .mnav__link {
  transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.mnav[data-mnav-site="betbuilder"] .mnav__link:active {
  transform: translateY(1px);
}

.mnav-sheet[data-mnav-sheet] .mnav-sheet__panel {
  padding: 18px 16px calc(22px + env(safe-area-inset-bottom, 0px));
  background: linear-gradient(180deg, #10263b 0%, #0d1e31 100%);
  border-color: rgba(113, 153, 184, 0.38);
  box-shadow: 0 -20px 52px rgba(0, 0, 0, 0.46);
}

.mnav-sheet[data-mnav-sheet] .mnav-sheet__head {
  margin-bottom: 14px;
}

.mnav-sheet[data-mnav-sheet] .mnav-sheet__title {
  font-size: 23px;
  letter-spacing: -0.025em;
}

.mnav-sheet[data-mnav-sheet] .mnav-sheet__close {
  color: #dbe6f0;
  background: rgba(7, 17, 31, 0.46);
  border-color: rgba(170, 184, 201, 0.3);
}

.mnav-sheet[data-mnav-sheet] .mnav-sheet__list {
  overflow: hidden;
  background: rgba(7, 17, 31, 0.34);
  border: 1px solid rgba(113, 153, 184, 0.22);
  border-radius: 16px;
}

.mnav-sheet[data-mnav-sheet] .mnav-sheet__list li {
  border: 0;
}

.mnav-sheet[data-mnav-sheet] .mnav-sheet__list li + li {
  border-top: 1px solid rgba(113, 153, 184, 0.18);
}

.mnav-sheet[data-mnav-sheet] .mnav-sheet__link {
  position: relative;
  min-height: 56px;
  padding: 13px 44px 13px 16px;
  color: #f4f7fb;
  background: transparent;
  transition: background-color 160ms ease;
}

.mnav-sheet[data-mnav-sheet="campionati"] .mnav-sheet__link {
  padding-left: 58px;
}

.mnav-sheet[data-mnav-sheet="campionati"] .mnav-sheet__link::before {
  position: absolute;
  left: 14px;
  top: 50%;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  color: #dbe6f0;
  background: #183750;
  border: 1px solid rgba(170, 184, 201, 0.18);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.02em;
  transform: translateY(-50%);
}

.mnav-sheet[data-mnav-sheet] .mnav-sheet__link::after {
  position: absolute;
  right: 19px;
  top: 50%;
  width: 8px;
  height: 8px;
  color: #7890a5;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}

.mnav-sheet[data-mnav-sheet] .mnav-sheet__link:hover,
.mnav-sheet[data-mnav-sheet] .mnav-sheet__link:focus-visible {
  background: rgba(185, 242, 39, 0.08);
}

.mnav-sheet[data-mnav-sheet] .mnav-sheet__link[aria-current="page"] {
  color: #b9f227;
  background: rgba(185, 242, 39, 0.08);
}

.mnav-sheet[data-mnav-sheet="campionati"] .mnav-sheet__link[data-mnav-item="serie_a"]::before { content: "A"; }
.mnav-sheet[data-mnav-sheet="campionati"] .mnav-sheet__link[data-mnav-item="serie_b"]::before { content: "B"; }
.mnav-sheet[data-mnav-sheet="campionati"] .mnav-sheet__link[data-mnav-item="champions_league"]::before { content: "CL"; }
.mnav-sheet[data-mnav-sheet="campionati"] .mnav-sheet__link[data-mnav-item="europa_league"]::before { content: "EL"; }

@media (prefers-reduced-motion: reduce) {
  .mnav[data-mnav-site="betbuilder"] .mnav__link,
  .mnav-sheet[data-mnav-sheet] .mnav-sheet__link {
    transition: none;
  }
}