/* ==========================================================
   The Witcher Theme (Ведьмак / Релизы CD Projekt RED)
   Colors: Ruby Igni Red (#dc2626) + Runic Silver (#94a3b8)
   Wallpaper: Geralt with dual swords + Kaer Morhen Mist
   ========================================================== */

body[data-theme="witcher"] {
    --cnp-bg: #070608;
    --cnp-header: #100d14;
    --cnp-surface: #14101a;
    --cnp-surface2: #1e1826;
    --cnp-card-hover: #221a2c;
    --cnp-text: #f5f5f7;
    --cnp-secondary: #d1d5db;
    --cnp-muted: #9ca3af;
    --cnp-yellow: #dc2626; /* Ruby Igni Primary */
    --cnp-yellow-hover: #ef4444;
    --cnp-accent: #f59e0b; /* Fire Gold */
    --cnp-accent-hover: #fbbf24;
    --cnp-border: rgba(220, 38, 38, 0.25);
    --cnp-border-hover: rgba(245, 158, 11, 0.55);
}

/* Real Character Artwork Side Wallpaper (Geralt of Rivia - Bottom Right Corner) */
body[data-theme="witcher"] .cnp-theme-bg {
    background-color: #070608;
    background-image: url('/static/images/themes/witcher_geralt.webp');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto 55vh;
    opacity: 0.95;
}

/* Header */
body[data-theme="witcher"] .cnp-header {
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, #dc2626 0%, #f59e0b 50%, #dc2626 100%) 1;
    box-shadow: 0 4px 25px rgba(220, 38, 38, 0.25);
}

/* Wolf Medallion on Logo */
body[data-theme="witcher"] .cnp-brand {
    position: relative;
    display: inline-flex;
    align-items: center;
}
body[data-theme="witcher"] .cnp-brand::after {
    content: "🐺";
    font-size: 22px;
    position: absolute;
    top: -12px;
    right: -24px;
    filter: drop-shadow(0 0 8px rgba(220, 38, 38, 0.9));
    pointer-events: none;
}

/* Card Hover */
body[data-theme="witcher"] .cnp-card:hover,
body[data-theme="witcher"] .cnp-article-card:hover,
body[data-theme="witcher"] .cnp-news-card:hover {
    border-color: rgba(220, 38, 38, 0.6) !important;
    box-shadow: 0 8px 30px rgba(220, 38, 38, 0.25), 0 0 15px rgba(245, 158, 11, 0.25) !important;
    transform: translateY(-2px);
}

/* Buttons */
body[data-theme="witcher"] .cnp-badge,
body[data-theme="witcher"] .cnp-btn-primary {
    background: linear-gradient(135deg, #dc2626 0%, #7f1d1d 100%) !important;
    color: #ffffff !important;
    border: 1px solid #ef4444;
    box-shadow: 0 2px 14px rgba(220, 38, 38, 0.45);
}

/* Event Banner */
body[data-theme="witcher"] .cnp-theme-event-banner {
    background: linear-gradient(90deg, #450a0a 0%, #dc2626 50%, #991b1b 100%) !important;
    color: #ffffff !important;
}
body[data-theme="witcher"] .cnp-theme-event-banner span::before { content: "🐺 "; }
body[data-theme="witcher"] .cnp-theme-event-banner span::after { content: " ⚔️"; }

/* Custom Cursors */
body[data-theme="witcher"],
body[data-theme="witcher"] * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpolygon points='2,2 8,2 24,24 20,24' fill='%23cbd5e1' stroke='%23dc2626' stroke-width='1.5'/%3E%3Cline x1='3' y1='7' x2='7' y2='3' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E") 2 2, auto;
}
body[data-theme="witcher"] a,
body[data-theme="witcher"] a *,
body[data-theme="witcher"] button,
body[data-theme="witcher"] button *,
body[data-theme="witcher"] [role="button"] {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ctext y='20' font-size='20'%3E⚔️%3C/text%3E%3C/svg%3E") 6 6, pointer !important;
}