/**
 * Global Background Color Themes
 * Diagonale Farbverläufe von hell zu dunkel (oben links nach unten rechts)
 * WICHTIG: !important ist notwendig um inline styles zu überschreiben
 * NUR der Body-Hintergrund wird geändert, Container bleiben weiß!
 */

/* Standard: Blau wie der Bayern - Bayerisches Blau */
body[data-bg="default"], 
body:not([data-bg]),
body[data-bg="bavaria"] {
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.85) 0%, rgba(0, 61, 122, 0.85) 100%), 
                url('/static/images/background/bg2.png') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* ========================================
   🖼️ BACKGROUND IMAGE THEMES (Transparent Overlays)
   ======================================== */

/* Background Image 1 - Transparentes Overlay über blauem Hintergrund */
body[data-bg="bg1"] {
    background: #1976d2 url('/static/images/background/bg1.png') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Background Image 2 - Transparentes Overlay über blauem Hintergrund */
body[data-bg="bg2"] {
    background: #1976d2 url('/static/images/background/bg2.png') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Rot wie Italien - Italienisches Rot */
body[data-bg="italy"] {
    background: linear-gradient(135deg, rgba(220, 20, 60, 0.85) 0%, rgba(139, 0, 0, 0.85) 100%), 
                url('/static/images/background/bg2.png') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Orange wie Österreich - KTM Orange */
body[data-bg="austria"] {
    background: linear-gradient(135deg, rgba(255, 140, 0, 0.85) 0%, rgba(255, 69, 0, 0.85) 100%), 
                url('/static/images/background/bg2.png') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Gelb wie Japan - Japanisches Gold */
body[data-bg="japan"] {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.85) 0%, rgba(255, 165, 0, 0.85) 100%), 
                url('/static/images/background/bg2.png') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Grau wie Amerika - Harley-Davidson Grau */
body[data-bg="usa"] {
    background: linear-gradient(135deg, rgba(112, 128, 144, 0.85) 0%, rgba(47, 79, 79, 0.85) 100%), 
                url('/static/images/background/bg2.png') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Grün wie Racing - British Racing Green */
body[data-bg="racing"] {
    background: linear-gradient(135deg, rgba(0, 100, 0, 0.85) 0%, rgba(1, 50, 32, 0.85) 100%), 
                url('/static/images/background/bg2.png') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Grün Gradient (Bonus) */
body[data-bg="green"] {
    background: linear-gradient(135deg, #4CAF50 0%, #1B5E20 100%) !important;
}

/* Orange Gradient (Bonus) */
body[data-bg="orange"] {
    background: linear-gradient(135deg, #FF9800 0%, #E65100 100%) !important;
}

/* Lila Gradient (Bonus) */
body[data-bg="purple"] {
    background: linear-gradient(135deg, #9C27B0 0%, #4A148C 100%) !important;
}

/* ========================================
   🎨 SOLID COLOR THEMES (OHNE GRADIENT)
   ======================================== */

/* Solid Blue */
body[data-bg="solid-blue"] {
    background: #1976d2 !important;
}

/* Solid Navy */
body[data-bg="solid-navy"] {
    background: #2c3e50 !important;
}

/* Solid Turquoise */
body[data-bg="solid-turquoise"] {
    background: #16a085 !important;
}

/* Solid Green */
body[data-bg="solid-green"] {
    background: #27ae60 !important;
}

/* Solid Dark */
body[data-bg="solid-dark"] {
    background: #34495e !important;
}

/* Body Background Eigenschaften */
body {
    min-height: 100vh !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* WICHTIG: Container sollen WEISS bleiben */
/* Diese Regeln stellen sicher, dass Container/Formulare ihre ursprünglichen Farben behalten */
body[data-bg] .container,
body[data-bg] .content,
body[data-bg] .main-content,
body[data-bg] .wrapper,
body[data-bg] .card,
body[data-bg] .form-container,
body[data-bg] .settings-container,
body[data-bg] .filter-container,
body[data-bg] .anzeige-einstellungen,
body[data-bg] .btn,
body[data-bg] input,
body[data-bg] textarea,
body[data-bg] select,
body[data-bg] .form-control,
body[data-bg] .form-select,
body[data-bg] .modal,
body[data-bg] .dropdown-menu,
body[data-bg] .nav-pills,
body[data-bg] .tab-content,
body[data-bg] .playing-card {
    background: initial !important;
    background-color: initial !important;
    background-image: initial !important;
}

/* Debug-Panel ausschließen */
body[data-bg] .debug-panel,
body[data-bg] .debug-panel * {
    background: initial !important;
}

/* DEBUG-ANZEIGE ENTFERNT: Das ::before Element wurde entfernt um die "BG: default" Anzeige zu verstecken */