/* =====================================================================
   Bundesliga: Bottom-Navigation auf dem Handy (js/mobil-bundesliga.js), Regeln wie bei Verein & Jugend
   (aus css/mobil-verein.css uebernommen). Am Desktop ausgeblendet.
   ===================================================================== */
.bl-mvnav { display: none; }
@media (min-width: 768px) { .bl-mvnav { display: none !important; } }
@media (max-width: 767.98px) {
  :root {
    --sg-blue: #1119B5; --sg-blue-dark: #0A0F7A;
    --sg-polish: linear-gradient(345deg,#020a52 0%,#0616a8 38%,#0a1cd6 60%,#04127e 100%);
    --sg-red: #E2412B; --sg-red-strong: #C8321D;
    --sg-bg: #F3F4FA; --sg-surface: #FFFFFF; --sg-ink: #0616a8; --sg-muted: #4A4F75;
    --sg-line: #E1E3F0; --sg-chip-line: #C9CCE3;
    --sg-on-blue-2: #DDE0FF; --sg-on-blue-3: #C3C7FF; --sg-on-blue-sub: #D6D9FF;
    --sg-stripe-blue: repeating-linear-gradient(90deg, #0A16BD 0 2.67px, #05159D 2.67px 5.33px);
    --sg-stripe-red:  repeating-linear-gradient(90deg, #A13041 0 2.67px, #842637 2.67px 5.33px);
    --sg-card-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(16,25,201,.25);
    --sg-card-border: 1px solid rgba(255,255,255,.12);
    --sg-radius: 5px;
    --sg-spring: cubic-bezier(.34, 1.45, .64, 1); --sg-out: cubic-bezier(.22, 1, .36, 1);
    --sg-font-display: var(--font-display, 'SG Display', sans-serif);
    --sg-font-body: var(--font-body, 'SG Text', sans-serif);
  }
  /* ---------- Bottom-Navigation ---------- */
  .mv-nav { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; height: calc(68px + env(safe-area-inset-bottom)); min-height: 68px;
    background: #fff; border-radius: 10px 10px 0 0; box-shadow: 0 -6px 20px rgba(14,18,64,.10); padding-bottom: env(safe-area-inset-bottom); font-family: var(--sg-font-body); }
  .mv-nav__track { position: absolute; top: -33px; left: 0; width: 20%; height: 66px; transform: translateX(calc(var(--idx, 0) * 100%)); transition: transform .55s var(--sg-spring); pointer-events: none; }
  .mv-nav.no-active .mv-nav__track { display: none; }
  .mv-nav__dot { width: 66px; height: 66px; margin: 0 auto; box-sizing: border-box; border-radius: 50%; background: var(--sg-blue); border: 7px solid var(--sg-bg); box-shadow: 0 6px 14px rgba(17,25,181,.30); }
  .mv-nav__items { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); height: 68px; margin: 0; padding: 0; list-style: none; }
  .mv-nav__item { border: 0; background: transparent; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 0 0; text-decoration: none; width: 100%; font-family: inherit; }
  .mv-nav__icon { display: flex; color: var(--sg-muted); transition: transform .55s var(--sg-spring), color .3s ease; } .mv-nav__icon svg { width: 24px; height: 24px; }
  .mv-nav__label { font-size: 12px; line-height: 1; font-weight: 500; color: var(--sg-muted); transition: color .3s ease, transform .45s var(--sg-spring); }
  .mv-nav__item.is-active .mv-nav__icon { transform: translateY(-26px); color: #fff; }
  .mv-nav__item.is-active .mv-nav__label { transform: translateY(-6px); color: var(--sg-blue); font-weight: 600; }
  .mv-nav.mv-noanim .mv-nav__track, .mv-nav.mv-noanim .mv-nav__icon, .mv-nav.mv-noanim .mv-nav__label { transition: none; }
  /* Platz fuer die Leiste: Footer und schwebende Knoepfe nach oben */
  body.bl-mv .site-footer { padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important; }
  body.bl-mv .partner-fab { display: none !important; }
  body.bl-mv .mo-progress { bottom: calc(68px + env(safe-area-inset-bottom)) !important; height: auto !important; }
  .bl-mvnav { touch-action: pan-y; user-select: none; -webkit-user-select: none; }
  /* SG-Icons (Variante B, Entscheidung 04.11.2026) */
  .bl-mvnav .mv-nav__icon { margin-top: -3px; }
  .bl-mvnav .bl-ic { display: block; width: 30px; height: 30px; object-fit: contain; transition: filter .3s ease, width .3s ease, height .3s ease; }
  .bl-mvnav .mv-nav__item.is-active .bl-ic { width: 32px; height: 32px; filter: brightness(0) invert(1); }
  .bl-mvnav .bl-ic-sg { width: 28px; height: 28px; }
  .bl-mvnav .mv-nav__dot { background: linear-gradient(165deg, #0a1cd6 0%, #0616a8 55%, #04127e 100%); }
  .bl-mvnav .bl-ic-mehr { display: block; font: 800 22px/30px var(--sg-font-body); letter-spacing: 1px;
    background: linear-gradient(165deg, #0a1cd6 0%, #0616a8 55%, #04127e 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
  .bl-mvnav .mv-nav__item.is-active .bl-ic-mehr { background: none; color: #fff; }
  .bl-mvnav { background: linear-gradient(160deg, #FFFFFF 0%, #F4F6FA 34%, #E6EBF3 68%, #D5DCE8 100%); }
}

/* Leiste unten im Bundesliga-Bereich ohne abgerundete Ecken (Wunsch 04.11.2026) */
@media (max-width: 767.98px) { .bl-mvnav { border-radius: 0 !important; } }