/* ===============================================
 s *tyle.css - Angepasst für das "Medien"-Thema (Dunkles, Modernes Des*ign)
 ===============================================
 */

/* --- Globaler Stil und Hintergrund --- */
body {
    /* Dunkler Hintergrund für ein modernes, mediales/technologisches Gefühl */
    background-color: #1a1a1a;
    color: #e0e0e0; /* Helle Standardschriftfarbe */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Anpassung der Bootstrap-Textfarbe für den dunklen Hintergrund */
.text-muted {
    color: #b0b0b0 !important;
}

/* Anpassung der Bootstrap-Überschriften */
h1, h2, h3, h4, h5, h6, .display-4, .display-5 {
    color: #e0e0e0;
}


/* --- Header und Navigation --- */
.navbar-brand {
    font-weight: bold;
    color: #00bcd4 !important; /* Akzentfarbe für den Markennamen */
}
.navbar-nav .nav-link {
    color: #e0e0e0 !important;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #00bcd4 !important; /* Akzentfarbe bei Hover/Aktiv */
}


/* --- Hero Section (Startseite) --- */
.hero-section {
    background-color: #252525; /* Etwas heller als der Body, um sich abzuheben */
    padding: 60px 20px;
    margin-bottom: 30px;
    color: #e0e0e0;
    border-bottom: 2px solid #00bcd4; /* Akzentlinie */
}
.hero-section .display-3, .hero-section .lead {
    color: #fff;
}
.hero-section .lead {
    color: #b0b0b0;
}

/* --- Content Section --- */
.content-section {
    padding: 40px 20px;
}


/* --- NEUE: Dark Cards für besseren Kontrast (Gilt für Downloads und Infos) --- */
.download-card,
.version-card,
.card,
.impressum-content,
.datenschutz-content {
    background-color: #2e2e2e; /* Dunkelgrauer Hintergrund statt Weiß! */
    color: #e0e0e0; /* Helle Schriftfarbe für Lesbarkeit */
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5);
    border: 1px solid #3d3d3d; /* Leichter Rahmen */
}
/* Sicherstellen, dass die Texte in den Dark Cards hell sind */
.card .card-body h3,
.card .card-body h5,
.version-card h3 {
    color: #00bcd4 !important; /* Akzentfarbe beibehalten */
}
.card .card-body p {
    color: #b0b0b0 !important; /* Textfarbe in der Dark Card */
}

/* Korrektur für Eingabefelder im Dark Mode (z.B. für das ISBN-Formular, falls vorhanden) */
.form-control {
    background-color: #3d3d3d !important; /* Dunkler Hintergrund für das Eingabefeld */
    color: #fff !important; /* Weiße Schrift im Eingabefeld */
    border: 1px solid #555 !important;
}
.form-control::placeholder {
    color: #bbb !important; /* Hellerer Platzhalter */
    opacity: 1;
}

/* Spezielles Styling für die Älteren Versionen im Archiv (List-Group) */
.list-group-item.version-card {
    background-color: #252525; /* Etwas dunkler als die Hauptkarten */
    border-color: #333;
}
.list-group-item.version-card:hover {
    background-color: #333;
}

/* Badges im Dark Mode */
.badge.bg-secondary {
    background-color: #555 !important;
    color: #eee !important;
}
.badge.bg-warning.text-dark {
    background-color: #ffc107 !important;
    color: #1a1a1a !important; /* Text bleibt dunkel, damit Badge sichtbar ist */
}

/* Anpassung für den dunklen Alert auf der Downloads-Seite */
.alert-info {
    background-color: #1f3542;
    color: #e0e0e0;
    border-color: #00bcd4;
}
.alert-info .alert-link {
    color: #00bcd4 !important;
}


/* Spezifische Anpassungen in den Karten */
.download-card-container, .version-cards {
    gap: 30px;
}


/* --- Buttons (Anpassung der Bootstrap-Styles) --- */
.btn-primary {
    background-color: #00bcd4;
    border-color: #00bcd4;
    transition: background-color 0.3s ease;
}
.btn-primary:hover {
    background-color: #0097a7;
    border-color: #0097a7;
}

/* Download-Spiegel-Buttons (Sekundär) auf der dunklen Karte */
.btn-secondary {
    background-color: #555;
    border-color: #555;
    color: #fff;
}
.btn-secondary:hover {
    background-color: #666;
    border-color: #666;
}

/* NEU: Stil für den Online Starten Button */
.btn-success {
    background-color: #4CAF50; /* Grün für "Online Starten" */
    border-color: #4CAF50;
    color: #fff;
    transition: background-color 0.3s ease;
}
.btn-success:hover {
    background-color: #388E3C;
    border-color: #388E3C;
    color: #fff;
}


.btn-outline-dark {
    color: #00bcd4;
    border-color: #00bcd4;
    transition: all 0.3s ease;
}
.btn-outline-dark:hover {
    background-color: #00bcd4;
    color: #1a1a1a;
}


/* --- Gemeinschaft & GitHub Section --- */
.community-github-section {
    background-color: #252525;
    color: #e0e0e0;
    padding: 40px 20px;
    border-top: 1px solid #333;
}


/* --- Footer --- */
.bg-dark {
    background-color: #121212 !important;
}
.footer-nav a {
    color: #b0b0b0 !important;
    transition: color 0.3s ease;
}
.footer-nav a:hover {
    color: #00bcd4 !important;
}
footer p {
    color: #e0e0e0 !important;
}


/* --- Statistik-Tabelle (show_stats.php Style-Anpassung) --- */
.stat-container {
    background-color: #252525;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 40px;
}
/* ... (Rest der Statistik-Styles bleibt unverändert) ... */
table {
    width: 100%;
    margin-top: 20px;
    border-collapse: collapse;
    color: #e0e0e0;
}
table th, table td {
    padding: 12px;
    border: 1px solid #333;
    text-align: left;
}

/* Weitere Styles (für Statistiken) können hier folgen, falls nötig */