/* ==========================================================
   CrunchCore Birthday Theme (3 Марта — День Рождения Сайта)
   Colors: Celebration Gold (#f59e0b) + Festive Amber (#fbbf24)
   Wallpaper: Floating Golden Ribbons, Confetti & Sparkles
   ========================================================== */

body[data-theme="birthday"] {
    --cnp-bg: #08070d;
    --cnp-header: #120e1f;
    --cnp-surface: #171227;
    --cnp-surface2: #211a37;
    --cnp-card-hover: #261f3f;
    --cnp-text: #ffffff;
    --cnp-secondary: #cbd5e1;
    --cnp-muted: #a78bfa;
    --cnp-yellow: #f59e0b; /* Celebration Gold */
    --cnp-yellow-hover: #fbbf24;
    --cnp-accent: #ec4899; /* Festive Pink */
    --cnp-accent-hover: #f472b6;
    --cnp-border: rgba(245, 158, 11, 0.25);
    --cnp-border-hover: rgba(236, 72, 153, 0.55);
}

/* Real Artwork Side Wallpaper (Celebration Gold Ribbons & Confetti) */
body[data-theme="birthday"] .cnp-theme-bg {
    background-color: #08070d;
    background-image: 
        linear-gradient(90deg, #08070d 0%, rgba(8,7,13,0.85) 45%, rgba(8,7,13,0.15) 75%, transparent 100%),
        url('/static/images/themes/birthday_real.webp');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100vh;
    opacity: 0.95;
}

body[data-theme="birthday"] .cnp-header {
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, #f59e0b 0%, #ec4899 50%, #8b5cf6 100%) 1;
    box-shadow: 0 4px 25px rgba(245, 158, 11, 0.25);
}

/* Party Hat on Logo */
body[data-theme="birthday"] .cnp-brand {
    position: relative;
    display: inline-flex;
    align-items: center;
}
body[data-theme="birthday"] .cnp-brand::before {
    content: "🥳";
    font-size: 26px;
    position: absolute;
    top: -16px;
    left: -12px;
    transform: rotate(-15deg);
    pointer-events: none;
}
body[data-theme="birthday"] .cnp-brand::after {
    content: "🎂";
    font-size: 18px;
    position: absolute;
    top: -8px;
    right: -22px;
    pointer-events: none;
}

body[data-theme="birthday"] .cnp-badge,
body[data-theme="birthday"] .cnp-btn-primary {
    background: linear-gradient(135deg, #f59e0b 0%, #ec4899 100%) !important;
    color: #ffffff !important;
    border: none;
    box-shadow: 0 2px 14px rgba(245, 158, 11, 0.45);
}

body[data-theme="birthday"] .cnp-theme-event-banner {
    background: linear-gradient(90deg, #b45309 0%, #ec4899 50%, #7c3aed 100%) !important;
    color: #ffffff !important;
}
body[data-theme="birthday"] .cnp-theme-event-banner span::before { content: "🎂 [С ДНЁМ РОЖДЕНИЯ CRUNCHCORE!] "; }
body[data-theme="birthday"] .cnp-theme-event-banner span::after { content: " 🎁🎉"; }

body[data-theme="birthday"],
body[data-theme="birthday"] * {
    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") 4 4, auto;
}
body[data-theme="birthday"] a,
body[data-theme="birthday"] a *,
body[data-theme="birthday"] button,
body[data-theme="birthday"] 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;
}