/**
 * Giveaway Manager - Promotional Popup Theme: Template 2 (Orange Background)
 * Self-contained inside `popups/template-2/` alongside `bg.webp`, `config.php`, and `template.php`.
 */

.giveaway-popup.giveaway-popup--template-2 {
    --gw-pop-backdrop: rgba(10, 6, 3, 0.76);
    --gw-pop-card-border: #4A2A12;
    --gw-pop-card-bg: #0E0905;
    --gw-pop-card-shadow: 0 32px 80px rgba(8, 4, 1, 0.84);
    --gw-pop-text: #F7F1EA;
    --gw-pop-text-muted: #D9C8B8;
    --gw-pop-close-bg: rgba(255, 255, 255, 0.10);
    --gw-pop-close-hover-bg: rgba(255, 255, 255, 0.18);
    --gw-pop-focus-ring: #FFB067;
    --gw-pop-accent-solid: #FFB067;
    --gw-pop-accent-gradient: linear-gradient(180deg, #FF7A1A 0%, #FFB35C 55%, #FFE9CF 100%);
    --gw-pop-firm-border: #FF9A4D;
    --gw-pop-firm-glow: 0 0 22px rgba(255, 138, 61, 0.50);
    --gw-pop-seg-border: #4A2A12;
    --gw-pop-seg-bg: rgba(20, 12, 6, 0.72);
    --gw-pop-tag-border: rgba(255, 176, 103, 0.45);
    --gw-pop-tag-bg: rgba(40, 20, 6, 0.70);
    --gw-pop-cta-bg: linear-gradient(135deg, #F26B21, #D94A0B);
    --gw-pop-cta-shadow: 0 0 26px rgba(255, 122, 24, 0.40);
    --gw-pop-cta-hover-shadow: 0 0 32px rgba(255, 122, 24, 0.65);
}

/* Scoped to :not([hidden]) so browsers never download background artwork until popup opens at 10s */
.giveaway-popup.giveaway-popup--template-2:not([hidden]) .giveaway-popup__card {
    background:
        linear-gradient(180deg, rgba(14, 9, 5, 0.28) 0%, rgba(14, 9, 5, 0.48) 45%, rgba(14, 9, 5, 0.90) 100%),
        url("bg.webp") center top / cover no-repeat,
        #0E0905;
}