/* =========================================================
   INFINITY SPORT – gemeinsame Hintergrund-/Branding-Basis 019
   Für alle Folgeseiten.
   Inhalte, Kacheln, Formulare und Funktionen bleiben unangetastet.
   ========================================================= */

html {
  min-height: 100%;
  background: #05284d;
}

body.infinity-sport-surface {
  min-height: 100vh;
  background-color: #05284d !important;
  background-image:
    linear-gradient(
      90deg,
      rgba(3, 42, 77, 0.72) 0%,
      rgba(3, 42, 77, 0.54) 34%,
      rgba(3, 42, 77, 0.36) 58%,
      rgba(3, 42, 77, 0.28) 100%
    ),
    url("assets/infinity-sport-hero-bg.jpg?v=019") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* Bestehende Wrapper bleiben transparent, damit die gemeinsame
   Sport-Hintergrundebene sichtbar bleibt. */
body.infinity-sport-surface .sport-page,
body.infinity-sport-surface .dashboard-shell,
body.infinity-sport-surface .dashboard-page,
body.infinity-sport-surface .page-shell,
body.infinity-sport-surface .guthaben-shell {
  background-color: transparent !important;
}

/* Das neue Sport-Logo darf auf Folgeseiten nicht durch alte feste
   Breiten gequetscht werden. Die Höhe bleibt proportional. */
body.infinity-sport-surface img[src*="infinity-sport-logo"] {
  object-fit: contain;
}

/* Rechts-/Linksüberlauf auf kleinen Displays verhindern. */
body.infinity-sport-surface {
  overflow-x: hidden;
}

@media (max-width: 768px) {
  body.infinity-sport-surface {
    background-image:
      linear-gradient(
        180deg,
        rgba(3, 42, 77, 0.62) 0%,
        rgba(3, 42, 77, 0.70) 45%,
        rgba(3, 42, 77, 0.78) 100%
      ),
      url("assets/infinity-sport-hero-bg.jpg?v=019") !important;
    background-position: center top !important;
    background-size: auto 100vh !important;
    background-attachment: scroll !important;
  }
}

/* Rechtstexte: bestehender Kasten bleibt bewusst erhalten.
   Nur die Seite dahinter bekommt INFINITY SPORT. */
body.infinity-sport-surface.legal-sport-page .legal-card,
body.infinity-sport-surface.legal-sport-page .legal-panel,
body.infinity-sport-surface.legal-sport-page main {
  position: relative;
  z-index: 1;
}

/* Guthaben / Angebote: vorerst ausschließlich Hintergrundangleichung.
   Inhaltliches Redesign folgt separat. */
body.infinity-sport-surface.guthaben-body {
  background-color: #05284d !important;
}