/*
 * Campanha: Blackout
 * Skin: Black Friday agressiva, alerta vermelho e modo operação.
 */
body.campaign-theme-blackout {
    --event-a: #ff003c;
    --event-b: #ffcc00;
    --event-c: #070707;
    background-color: #020202;
    background-image:
        radial-gradient(circle at 50% 0%, rgba(255, 0, 60, 0.24), transparent 32%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.96), rgba(10, 0, 3, 0.92)),
        url('../../assets/img/background.jpeg');
}

body.campaign-theme-blackout::before {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.95)),
        repeating-linear-gradient(90deg, transparent 0 36px, rgba(255, 0, 60, 0.06) 36px 37px);
}

body.campaign-theme-blackout::after {
    background:
        linear-gradient(90deg, transparent, rgba(255, 0, 60, 0.22), transparent),
        repeating-linear-gradient(-45deg, transparent 0 36px, rgba(255, 204, 0, 0.045) 36px 38px);
    animation: blackout-alert 3.6s ease-in-out infinite;
    opacity: 0.48;
}

@keyframes blackout-alert {
    0%, 100% { opacity: 0.24; transform: translateX(-60px); }
    45% { opacity: 0.55; transform: translateX(60px); }
    55% { opacity: 0.18; }
}

body.campaign-theme-blackout .navbar,
body.campaign-theme-blackout .cyber-footer {
    border-color: rgba(255, 0, 60, 0.82);
    box-shadow: 0 0 44px rgba(255, 0, 60, 0.19), inset 0 0 28px rgba(255, 204, 0, 0.05);
}

body.campaign-theme-blackout .smart-config-banner,
body.campaign-theme-blackout .promo-flash-container,
body.campaign-theme-blackout .category-shelf,
body.campaign-theme-blackout .panel,
body.campaign-theme-blackout .product-card,
body.campaign-theme-blackout .option-card {
    border-color: rgba(255, 0, 60, 0.42) !important;
    background: linear-gradient(135deg, rgba(10, 10, 10, 0.94), rgba(23, 0, 6, 0.82));
}

body.campaign-theme-blackout .discount-tag {
    background: linear-gradient(90deg, var(--event-a), #670014);
    border-color: var(--event-b);
    animation: blackout-pulse 1.4s ease-in-out infinite;
}

@keyframes blackout-pulse {
    50% { box-shadow: 0 0 22px rgba(255, 0, 60, 0.9); }
}

body.campaign-theme-blackout .product-card:hover,
body.campaign-theme-blackout .option-card:hover {
    border-color: var(--event-a) !important;
    box-shadow: 0 18px 42px rgba(255, 0, 60, 0.2);
}

body.campaign-theme-blackout .banner-badge,
body.campaign-theme-blackout .promo-badge,
body.campaign-theme-blackout .btn-mega-setup,
body.campaign-theme-blackout .product-card:hover .btn-view {
    background: linear-gradient(90deg, var(--event-a), #ff6b00);
    color: #fff !important;
    box-shadow: 0 0 26px rgba(255, 0, 60, 0.65);
}

body.campaign-theme-blackout .shelf-title,
body.campaign-theme-blackout .product-cat,
body.campaign-theme-blackout .sidebar-title,
body.campaign-theme-blackout .box-title {
    color: var(--event-a) !important;
    text-shadow: 0 0 12px rgba(255, 0, 60, 0.72);
}

@media (prefers-reduced-motion: reduce) {
    body.campaign-theme-blackout::after,
    body.campaign-theme-blackout .discount-tag { animation: none; }
}