/* ─── Kiss Me Baby Theme overrides ─── */
body.theme-kiss {
    --blue: #151515;
    --blue-deep: #050505;
    --purple: #3A050B;
    --magenta: #9E1B24;
    --gold: #D4A843;
    --gold-bright: #F0CC6E;
    --gold-pale: #F5E6C8;
    --white: #FFFFFF;
    --white-soft: #FFFDFB;
    --gray: #888888;
    --gray-light: #CCCCCC;
    background: var(--blue-deep);
}

body.theme-kiss::before {
    opacity: 0.72;
    background:
        radial-gradient(ellipse 72% 34% at 50% 0%, rgba(212,168,67,0.14), transparent 64%),
        radial-gradient(ellipse 54% 38% at 8% 18%, rgba(158,27,36,0.18), transparent 62%),
        radial-gradient(ellipse 50% 38% at 88% 24%, rgba(212,168,67,0.1), transparent 62%),
        radial-gradient(ellipse 34% 24% at 72% 58%, rgba(158,27,36,0.08), transparent 68%),
        radial-gradient(ellipse 34% 24% at 22% 72%, rgba(212,168,67,0.05), transparent 68%),
        linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.85) 72%, #050505 100%);
}

body.theme-kiss .bokeh-container { display: none; }

body.theme-kiss ::-webkit-scrollbar-track { background: var(--blue-deep); }
body.theme-kiss ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--magenta), var(--gold)); }

body.theme-kiss nav {
    background: rgba(10,10,10,0.85);
    border-bottom: 1px solid rgba(212,168,67,0.2);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

body.theme-kiss nav.scrolled {
    background: rgba(5,5,5,0.96);
    border-bottom-color: rgba(212,168,67,0.35);
}

body.theme-kiss nav .logo {
    background: linear-gradient(135deg, var(--gold-bright), var(--gold));
    -webkit-background-clip: text;
    background-clip: text;
}

body.theme-kiss nav .nav-links a,
body.theme-kiss .nav-dropdown-toggle {
    color: var(--gray-light);
}

body.theme-kiss nav .nav-links a:hover,
body.theme-kiss .nav-dropdown-toggle:hover,
body.theme-kiss .nav-dropdown.open .nav-dropdown-toggle {
    color: var(--gold-bright);
}

body.theme-kiss nav .nav-links a::after {
    height: 1px;
    background: linear-gradient(90deg, var(--gold), var(--magenta));
    box-shadow: none;
}

body.theme-kiss .nav-dropdown-menu {
    background: rgba(10,10,10,0.98);
    border-color: rgba(212,168,67,0.25);
    box-shadow: 0 20px 45px rgba(0,0,0,0.45);
}

body.theme-kiss .nav-dropdown-menu a:hover {
    background: rgba(158,27,36,0.12);
    color: var(--gold-bright);
}

body.theme-kiss .lang-switch a {
    border-color: rgba(212,168,67,0.2);
    color: var(--gray);
}

body.theme-kiss .lang-switch a.active {
    background: var(--gold);
    color: var(--blue-deep);
    border-color: var(--gold);
}

body.theme-kiss .hero {
    min-height: 0;
    background: var(--blue-deep);
}

body.theme-kiss .hero-img-wrap {
    aspect-ratio: 1920 / 787;
    min-height: 0;
    border-bottom: 1px solid rgba(212,168,67,0.25);
}

body.theme-kiss .hero-img-wrap::before { display: none; }

body.theme-kiss .hero-img-wrap img {
    filter: drop-shadow(0 0 15px rgba(158,27,36,0.15));
    object-position: center top;
}

body.theme-kiss .hero-img-overlay {
    height: 35%;
    background: linear-gradient(to bottom, transparent 0%, rgba(5,5,5,0.85) 80%, var(--blue-deep) 100%);
}

body.theme-kiss .hero-title-block {
    display: block;
    margin-top: -100px;
    padding: 0 30px 10px;
}

body.theme-kiss .hero-content {
    margin-top: 0;
    padding: 10px 30px 60px;
    background: transparent;
    border-bottom: none;
}

body.theme-kiss .hero .cta-buttons {
    margin-top: 34px;
    gap: 16px;
}

body.theme-kiss .hero .cta-buttons .btn {
    padding: 14px 36px;
    font-size: 0.8rem;
}

body.theme-kiss .btn-gold {
    background: linear-gradient(135deg, var(--gold-bright), var(--gold));
    color: var(--blue-deep);
    box-shadow: 0 6px 30px rgba(212,168,67,0.25);
}

body.theme-kiss .btn-outline {
    border-color: rgba(212,168,67,0.5);
    color: var(--gold-bright);
    background: transparent;
}

body.theme-kiss .section-title .subtitle {
    color: var(--gold);
    text-shadow: 0 0 8px rgba(212,168,67,0.3);
}

body.theme-kiss .section-title h2 {
    color: var(--white);
    text-shadow: 0 0 10px rgba(158,27,36,0.15);
}

body.theme-kiss .bio,
body.theme-kiss .music,
body.theme-kiss .reviews,
body.theme-kiss .fun-zone {
    background: rgba(15,15,15,0.6);
}

body.theme-kiss .bio-image {
    background: linear-gradient(145deg, var(--purple), var(--magenta), var(--blue-deep));
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(158,27,36,0.25);
}

body.theme-kiss .bio-image::after {
    border-color: rgba(212,168,67,0.3);
    border-radius: 18px;
}

body.theme-kiss .bio-text h3 {
    color: var(--gold-bright);
    text-shadow: none;
}

body.theme-kiss .bio-text p,
body.theme-kiss .music-card--feature .chart,
body.theme-kiss .review-card .text,
body.theme-kiss .fun-card p {
    color: var(--gray-light);
}

body.theme-kiss .stat .number {
    background: linear-gradient(135deg, var(--gold-bright), var(--gold));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.theme-kiss .music-card,
body.theme-kiss .review-card,
body.theme-kiss .fun-card,
body.theme-kiss .stat {
    background: rgba(255,255,255,0.012);
    border-color: rgba(212,168,67,0.12);
}

body.theme-kiss .music-card .year,
body.theme-kiss .review-card .stars,
body.theme-kiss .review-card .author {
    background: none;
    -webkit-text-fill-color: currentColor;
}

body.theme-kiss .music-card .year,
body.theme-kiss .review-card .stars {
    color: var(--gold);
}

body.theme-kiss .review-card .author {
    color: var(--gold-bright);
}

body.theme-kiss .music-card::before {
    background: linear-gradient(90deg, transparent, var(--magenta), transparent);
}

body.theme-kiss .music-card:hover,
body.theme-kiss .fun-card:hover,
body.theme-kiss .review-card:hover {
    border-color: var(--magenta);
    box-shadow: 0 16px 50px rgba(158,27,36,0.22);
}

body.theme-kiss .music-card .icon {
    color: var(--magenta);
    filter: drop-shadow(0 0 12px rgba(158,27,36,0.28));
}

body.theme-kiss .music-feature-actions .listen-link,
body.theme-kiss .listen-link {
    color: var(--gold-bright);
    border-color: rgba(212,168,67,0.32);
    background: rgba(212,168,67,0.08);
    box-shadow: none;
}

body.theme-kiss .music-feature-actions .listen-link:hover,
body.theme-kiss .listen-link:hover {
    background: rgba(158,27,36,0.15);
    color: #fff;
    border-color: var(--magenta);
}

body.theme-kiss .vote-btn {
    color: var(--gold);
    border-color: rgba(212,168,67,0.25);
    background: transparent;
}

body.theme-kiss .vote-btn:hover {
    background: rgba(158,27,36,0.1);
    border-color: var(--magenta);
    color: #fff;
}

body.theme-kiss .music-card--feature {
    background:
        radial-gradient(circle at top right, rgba(212,168,67,0.15), transparent 30%),
        linear-gradient(145deg, rgba(158,27,36,0.18), rgba(10,10,10,0.96));
    border-color: rgba(212,168,67,0.28);
}

body.theme-kiss .music-release-badge {
    background: rgba(158,27,36,0.15);
    border: 1px solid rgba(158,27,36,0.35);
    color: var(--gold-bright);
}

body.theme-kiss .social-banner {
    background: linear-gradient(160deg, #1a0507, #050505, #5a0c12);
}

body.theme-kiss .social-banner::before {
    background: radial-gradient(ellipse at 50% 30%, rgba(158,27,36,0.08) 0%, transparent 60%);
}

body.theme-kiss .social-link {
    background: rgba(255,255,255,0.04);
    border-color: rgba(212,168,67,0.12);
    box-shadow: none;
}

body.theme-kiss .social-link:hover {
    border-color: var(--magenta);
    color: var(--gold-bright);
    background: rgba(158,27,36,0.15);
}

body.theme-kiss footer {
    background: var(--blue-deep);
    border-top-color: rgba(212,168,67,0.15);
}

body.theme-kiss .theme-toggle {
    border-color: rgba(212,168,67,0.32);
    color: var(--gold-bright);
    background: rgba(212,168,67,0.08);
}

body.theme-kiss .optredens-ticker {
    background: linear-gradient(90deg, #050505 0%, #1c0507 30%, #5a0c12 50%, rgba(212,168,67,0.2) 70%, #050505 100%);
    background-size: auto;
    border-bottom: 1px solid rgba(212,168,67,0.35);
    box-shadow: none;
}

body.theme-kiss .optredens-ticker::before {
    background: linear-gradient(to right, #050505 0%, transparent 100%);
}

body.theme-kiss .optredens-ticker::after {
    background: linear-gradient(to left, #050505 0%, transparent 100%);
}

body.theme-kiss .optredens-ticker .ticker-label {
    background: linear-gradient(135deg, var(--magenta) 0%, var(--gold) 100%);
    color: #fff;
    text-shadow: none;
    box-shadow: none;
}

body.theme-kiss .ticker-item {
    color: var(--white-soft);
}

body.theme-kiss .ticker-item:hover {
    color: var(--gold-bright);
}

body.theme-kiss .ticker-item .ticker-date {
    color: var(--gold-bright);
    background: rgba(212,168,67,0.12);
}

body.theme-kiss .ticker-item .ticker-venue { color: var(--white); }
body.theme-kiss .ticker-item .ticker-city { color: var(--gray-light); }
body.theme-kiss .ticker-item .ticker-sep {
    color: var(--gold);
    opacity: 0.5;
}

body.theme-kiss .ticker-item .ticker-tickets {
    color: var(--gold);
    border-color: rgba(212,168,67,0.3);
    background: transparent;
}

body.theme-kiss .ticker-item:hover .ticker-tickets {
    background: var(--gold);
    color: var(--blue-deep);
}

body.theme-kiss .ticker-divider {
    background: rgba(212,168,67,0.4);
}

body.theme-kiss .release-popup {
    background: linear-gradient(145deg, #050505 0%, #200408 50%, #3e0c12 100%);
    border-color: rgba(212,168,67,0.3);
    box-shadow: 0 25px 50px -12px rgba(158,27,36,0.5), 0 0 40px rgba(212,168,67,0.15);
}

body.theme-kiss .release-popup-header h3 {
    background: linear-gradient(135deg, var(--gold-bright), var(--gold));
    -webkit-background-clip: text;
    background-clip: text;
}

body.theme-kiss .release-video-container {
    border-color: rgba(212,168,67,0.25);
    box-shadow: inset 0 0 20px rgba(0,0,0,0.9);
}

body.theme-kiss .release-video-unmute-btn {
    background: rgba(0,0,0,0.8);
    border-color: rgba(212,168,67,0.35);
    color: var(--gold-bright);
}

body.theme-kiss .release-video-unmute-btn:hover {
    background: var(--gold);
    color: #000;
}

body.theme-kiss .release-countdown-item {
    background: rgba(255,255,255,0.02);
    border-color: rgba(212,168,67,0.12);
}

body.theme-kiss .release-countdown-val {
    color: var(--gold-bright);
}

body.theme-kiss .release-countdown-lbl {
    color: var(--gray);
}

body.theme-kiss .promo-badge {
    background: linear-gradient(135deg, var(--magenta), #3A050B);
    color: var(--white);
    border-color: rgba(212,168,67,0.3);
    box-shadow: 0 10px 30px rgba(158,27,36,0.3);
}

body.theme-kiss .music-card::after,
body.theme-kiss .fun-card::after {
    background: radial-gradient(circle, rgba(158,27,36,0.14), transparent 70%);
    animation: cardNeonFloat 6s ease-in-out infinite;
}

body.theme-kiss .music-card:nth-child(3n)::after,
body.theme-kiss .fun-card:nth-child(2n)::after {
    background: radial-gradient(circle, rgba(212,168,67,0.12), transparent 70%);
    animation-delay: -2s;
}

body.theme-kiss .release-overlay {
    background: rgba(5,5,5,0.92);
}
body.theme-kiss .spotify-embed iframe {
    border: 1px solid rgba(158,27,36,0.3) !important;
    box-shadow: 0 12px 35px rgba(158,27,36,0.18);
}

body.theme-kiss nav .logo,
body.theme-kiss .section-title .subtitle,
body.theme-kiss .music-release-badge,
body.theme-kiss .promo-badge {
    animation: kissRedPulse 4.5s ease-in-out infinite;
}

@keyframes kissRedPulse {
    0%, 100% { filter: drop-shadow(0 0 0 rgba(158,27,36,0)); }
    50% { filter: drop-shadow(0 0 8px rgba(158,27,36,0.35)) drop-shadow(0 0 12px rgba(212,168,67,0.15)); }
}

@media (max-width: 768px) {
    .theme-toggle {
        padding: 6px 10px;
        font-size: 0.62rem;
    }
    body.theme-kiss .hero-title-block {
        margin-top: -50px;
        padding: 0 16px 5px;
    }
    body.theme-kiss .hero-content { padding: 10px 16px 45px; }
}