/* 
 * HORROR DARK THEME OVERRIDE CSS
 * 
 * Füge dieses CSS in eine der folgenden Locations ein:
 * 1. WordPress Customizer > Zusätzliches CSS
 * 2. Oder erstelle: /wp-content/themes/gp-child-watchguide/assets/css/horror-override.css
 * 
 * Dateiname: horror-override.css
 * Pfad: /wp-content/themes/gp-child-watchguide/assets/css/horror-override.css
 */

/* ============================================
   HORROR PAGES - DARK THEME OVERRIDE
   Greift NUR auf Horror-Seiten
   ============================================ */

/* Horror-Seiten Targeting */
.page-id-27094,
.parent-pageid-27094,
.page-slug-horrorfilme,
body[class*="horrorfilme"],
body.horror-theme-active {
    /* Globale Dark Variables */
    --horror-black: #0a0a0a;
    --horror-dark: #1a1a1a;
    --horror-red: #ff0000;
    --horror-red-light: #ff3333;
    --horror-red-lighter: #ff6666;
    --horror-text: #e8e8e8;
    --horror-text-dim: #d4d4d4;
}

/* Override GeneratePress Backgrounds */
.page-id-27094 #page,
.page-id-27094 .site,
.page-id-27094 .site-content,
.page-id-27094 #content,
.page-id-27094 .content-area,
.page-id-27094 .site-main,
.page-id-27094 main,
.page-id-27094 article,
.page-slug-horrorfilme #page,
.page-slug-horrorfilme .site,
.page-slug-horrorfilme .site-content,
.page-slug-horrorfilme #content,
.page-slug-horrorfilme .content-area,
.page-slug-horrorfilme .site-main,
.page-slug-horrorfilme main,
.page-slug-horrorfilme article {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    color: #e8e8e8 !important;
}

/* Entry Content - Der Hauptinhalt */
.page-id-27094 .entry-content,
.page-id-27094 .entry-summary,
.page-id-27094 .page-content,
.page-slug-horrorfilme .entry-content,
.page-slug-horrorfilme .entry-summary,
.page-slug-horrorfilme .page-content {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    color: #e8e8e8 !important;
    padding: 30px !important;
}

/* Container Overrides */
.page-id-27094 .container,
.page-id-27094 .grid-container,
.page-id-27094 .inside-article,
.page-slug-horrorfilme .container,
.page-slug-horrorfilme .grid-container,
.page-slug-horrorfilme .inside-article {
    background: transparent !important;
    background-color: transparent !important;
}

/* ALLE Überschriften */
.page-id-27094 .entry-content h1,
.page-id-27094 h1.entry-title,
.page-slug-horrorfilme .entry-content h1,
.page-slug-horrorfilme h1.entry-title {
    color: #ff0000 !important;
    text-shadow: 0 0 30px rgba(255,0,0,0.8) !important;
    font-size: 2.5em !important;
    margin: 40px 0 30px !important;
    padding-bottom: 20px !important;
    border-bottom: 3px solid #8b0000 !important;
}

.page-id-27094 .entry-content h2,
.page-slug-horrorfilme .entry-content h2 {
    color: #ff3333 !important;
    border-left: 5px solid #ff0000 !important;
    padding-left: 20px !important;
    margin: 35px 0 20px !important;
    text-shadow: 0 0 15px rgba(255,0,0,0.5) !important;
    font-size: 1.8em !important;
}

.page-id-27094 .entry-content h3,
.page-slug-horrorfilme .entry-content h3 {
    color: #ff6666 !important;
    margin: 25px 0 15px !important;
    text-shadow: 0 0 10px rgba(255,0,0,0.3) !important;
    font-size: 1.4em !important;
}

/* Text Elemente */
.page-id-27094 .entry-content p,
.page-id-27094 .entry-content div,
.page-slug-horrorfilme .entry-content p,
.page-slug-horrorfilme .entry-content div {
    color: #d4d4d4 !important;
    line-height: 1.9 !important;
    background: transparent !important;
}

.page-id-27094 .entry-content strong,
.page-id-27094 .entry-content b,
.page-slug-horrorfilme .entry-content strong,
.page-slug-horrorfilme .entry-content b {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.page-id-27094 .entry-content em,
.page-id-27094 .entry-content i,
.page-slug-horrorfilme .entry-content em,
.page-slug-horrorfilme .entry-content i {
    color: #ffaaaa !important;
}

/* Listen */
.page-id-27094 .entry-content ul,
.page-id-27094 .entry-content ol,
.page-slug-horrorfilme .entry-content ul,
.page-slug-horrorfilme .entry-content ol {
    margin: 25px 0 !important;
    padding-left: 35px !important;
}

.page-id-27094 .entry-content ul li,
.page-id-27094 .entry-content ol li,
.page-slug-horrorfilme .entry-content ul li,
.page-slug-horrorfilme .entry-content ol li {
    color: #d4d4d4 !important;
    margin-bottom: 12px !important;
}

.page-id-27094 .entry-content ul li::marker,
.page-slug-horrorfilme .entry-content ul li::marker {
    color: #ff0000 !important;
}

/* Links */
.page-id-27094 .entry-content a,
.page-slug-horrorfilme .entry-content a {
    color: #ff4444 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #ff4444 !important;
    transition: all 0.3s ease !important;
}

.page-id-27094 .entry-content a:hover,
.page-slug-horrorfilme .entry-content a:hover {
    color: #ff0000 !important;
    border-bottom: 2px solid #ff0000 !important;
    text-shadow: 0 0 10px rgba(255,0,0,0.8) !important;
}

/* Tabellen */
.page-id-27094 .entry-content table,
.page-slug-horrorfilme .entry-content table {
    background: #1a1a1a !important;
    border: 2px solid #333 !important;
    width: 100% !important;
    margin: 35px 0 !important;
}

.page-id-27094 .entry-content thead,
.page-slug-horrorfilme .entry-content thead {
    background: linear-gradient(135deg, #4a0000, #2a0000) !important;
}

.page-id-27094 .entry-content th,
.page-slug-horrorfilme .entry-content th {
    color: #ff6666 !important;
    padding: 15px !important;
    border: 1px solid #444 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.page-id-27094 .entry-content td,
.page-slug-horrorfilme .entry-content td {
    padding: 12px 15px !important;
    border: 1px solid #333 !important;
    color: #d4d4d4 !important;
    background: rgba(0,0,0,0.3) !important;
}

.page-id-27094 .entry-content tbody tr:hover,
.page-slug-horrorfilme .entry-content tbody tr:hover {
    background: rgba(255,0,0,0.1) !important;
}

/* Blockquotes */
.page-id-27094 .entry-content blockquote,
.page-slug-horrorfilme .entry-content blockquote {
    background: linear-gradient(135deg, rgba(139,0,0,0.2), rgba(255,0,0,0.1)) !important;
    border-left: 5px solid #ff0000 !important;
    color: #f0f0f0 !important;
    padding: 25px 30px !important;
    margin: 35px 0 !important;
    border-radius: 5px !important;
}

/* HR Lines */
.page-id-27094 .entry-content hr,
.page-slug-horrorfilme .entry-content hr {
    border: none !important;
    height: 3px !important;
    background: linear-gradient(to right, transparent, #ff0000 20%, #ff0000 80%, transparent) !important;
    margin: 50px auto !important;
    position: relative !important;
    width: 80% !important;
}

.page-id-27094 .entry-content hr::after,
.page-slug-horrorfilme .entry-content hr::after {
    content: "💀" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: #0a0a0a !important;
    color: #ff0000 !important;
    padding: 0 15px !important;
    font-size: 24px !important;
}

/* Sidebar Dark */
.page-id-27094 .sidebar,
.page-id-27094 .widget-area,
.page-id-27094 aside,
.page-slug-horrorfilme .sidebar,
.page-slug-horrorfilme .widget-area,
.page-slug-horrorfilme aside {
    background: #0f0f0f !important;
    color: #e8e8e8 !important;
    padding: 20px !important;
}

.page-id-27094 .widget,
.page-slug-horrorfilme .widget {
    background: rgba(26,26,26,0.8) !important;
    padding: 25px !important;
    margin-bottom: 30px !important;
    border: 1px solid #333 !important;
    border-radius: 10px !important;
}

.page-id-27094 .widget-title,
.page-slug-horrorfilme .widget-title {
    color: #ff3333 !important;
    border-bottom: 3px solid #8b0000 !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

/* Header für Horror-Seiten */
.page-id-27094 .site-header,
.page-id-27094 #masthead,
.page-slug-horrorfilme .site-header,
.page-slug-horrorfilme #masthead {
    background: #0a0a0a !important;
    border-bottom: 2px solid #ff0000 !important;
}

/* Footer für Horror-Seiten */
.page-id-27094 .site-footer,
.page-id-27094 #colophon,
.page-slug-horrorfilme .site-footer,
.page-slug-horrorfilme #colophon {
    background: #000000 !important;
    color: #888888 !important;
    border-top: 2px solid #ff0000 !important;
}

/* Mobile Anpassungen */
@media (max-width: 768px) {
    .page-id-27094 .entry-content,
    .page-slug-horrorfilme .entry-content {
        padding: 15px !important;
    }
    
    .page-id-27094 .entry-content h1,
    .page-slug-horrorfilme .entry-content h1 {
        font-size: 1.8em !important;
    }
    
    .page-id-27094 .entry-content h2,
    .page-slug-horrorfilme .entry-content h2 {
        font-size: 1.4em !important;
    }
}

/* Print Styles */
@media print {
    .page-id-27094,
    .page-slug-horrorfilme {
        background: white !important;
        color: black !important;
    }
    
    .page-id-27094 .entry-content *,
    .page-slug-horrorfilme .entry-content * {
        color: black !important;
        background: white !important;
        text-shadow: none !important;
    }
}

/* 
 * Dateiname: horror-override.css
 * Pfad: /wp-content/themes/gp-child-watchguide/assets/css/horror-override.css
 */