/* =========================================
   BASES
   ========================================= */
#wpsa-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    z-index: 99999; pointer-events: none; overflow: hidden;
}
h1.wpsa-processed, h2.wpsa-processed { overflow: visible !important; }
.wpsa-char { position: relative; display: inline-block; z-index: 1; }

/* Animation de chute générique */
@keyframes wpsa-fall {
    0% { transform: translateY(-50px) rotate(0deg); opacity: 1; }
    100% { transform: translateY(100vh) rotate(360deg); opacity: 0; }
}

/* =========================================
   1. NOËL (Christmas)
   ========================================= */
/* Ambiance */
.wpsa-theme-christmas::before {
    content: "❄️"; position: absolute; top: -50px; left: 10%;
    animation: wpsa-fall 10s linear infinite; font-size: 20px;
}
.wpsa-theme-christmas::after {
    content: "❄️"; position: absolute; top: -50px; left: 80%;
    animation: wpsa-fall 7s linear infinite 2s; font-size: 30px;
}
/* 1ère Lettre : Bonnet Père Noël */
.wpsa-theme-text-christmas .wpsa-first-letter::before {
    content: ""; position: absolute; top: -22px; left: -15px; width: 40px; height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M42 38c-1-1-3-1-5-1-1 0-2 1-3 2l-6-9c-1-1-2-2-4-1-1 1-2 2-1 4l5 8c-2 1-4 4-5 7 0 1 0 1 1 1h23c1 0 1-1 1-1 0-3-2-6-5-7l-2-3z' fill='%23D32F2F'/%3E%3Cpath d='M44 38c2 0 4 2 4 4s-2 4-4 4-4-2-4-4 2-4 4-4z' fill='white'/%3E%3Cpath d='M18 38h24v5H18z' fill='white'/%3E%3C/svg%3E") no-repeat center/contain;
    transform: rotate(-10deg);
}
/* Bas des lettres : Neige blanche */
.wpsa-theme-text-christmas .wpsa-letter-mask::after {
    content: ""; position: absolute; bottom: 0; left: -2px; right: -2px; height: 30%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30 V 10 Q 25 0 50 15 T 100 10 V 30 Z' fill='white'/%3E%3C/svg%3E") no-repeat 100% 100%;
}


/* =========================================
   2. PÂQUES (Easter)
   ========================================= */
/* Ambiance */
.wpsa-theme-easter::before {
    content: "🥚"; position: absolute; top: -50px; left: 20%;
    animation: wpsa-fall 12s linear infinite; font-size: 25px; opacity: 0.6;
}
/* 1ère Lettre : Oreilles de Lapin */
.wpsa-theme-text-easter .wpsa-first-letter::before {
    content: ""; position: absolute; top: -25px; left: 0px; width: 40px; height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M15 40 Q 10 10 20 5 Q 25 15 22 40 Z' fill='pink' stroke='%23888' stroke-width='1'/%3E%3Cpath d='M35 40 Q 40 10 30 5 Q 25 15 28 40 Z' fill='pink' stroke='%23888' stroke-width='1'/%3E%3C/svg%3E") no-repeat center/contain;
}
/* Bas des lettres : Herbe verte */
.wpsa-theme-text-easter .wpsa-letter-mask::after {
    content: ""; position: absolute; bottom: -2px; left: -2px; right: -2px; height: 35%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30 L 10 10 L 20 30 L 30 15 L 40 30 L 50 10 L 60 30 L 70 15 L 80 30 L 90 10 L 100 30 Z' fill='%2381C784'/%3E%3C/svg%3E") no-repeat 100% 100%;
}


/* =========================================
   3. HALLOWEEN
   ========================================= */
/* Ambiance */
.wpsa-theme-halloween { box-shadow: inset 0 0 100px rgba(0,0,0,0.5); }
.wpsa-theme-halloween::before {
    content: "🦇"; position: absolute; top: 10%; left: -10%;
    animation: wpsa-fall 15s linear infinite; font-size: 40px;
}
/* 1ère Lettre : Chapeau Sorcière (Violet/Noir) */
.wpsa-theme-text-halloween .wpsa-first-letter::before {
    content: ""; position: absolute; top: -30px; left: -10px; width: 50px; height: 50px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M10 40 L 40 40 L 25 5 Z' fill='%23333'/%3E%3Crect x='8' y='38' width='34' height='4' fill='%23333'/%3E%3Crect x='18' y='35' width='14' height='3' fill='purple'/%3E%3C/svg%3E") no-repeat center/contain;
    transform: rotate(-10deg);
}
/* Bas des lettres : Brume verte toxique */
.wpsa-theme-text-halloween .wpsa-letter-mask::after {
    content: ""; position: absolute; bottom: 0; left: -2px; right: -2px; height: 40%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30 Q 20 10 40 25 T 100 20 V 30 Z' fill='%234caf50' opacity='0.8'/%3E%3C/svg%3E") no-repeat 100% 100%;
}


/* =========================================
   4. ÉTÉ / MER (Summer)
   ========================================= */
/* Ambiance */
.wpsa-theme-summer { background: linear-gradient(to bottom, rgba(255,240,200,0.1), transparent); }
.wpsa-theme-summer::before {
    content: "☀️"; position: absolute; top: 20px; right: 20px; font-size: 60px; opacity: 0.8;
}
/* 1ère Lettre : Soleil éclatant */
.wpsa-theme-text-summer .wpsa-first-letter::before {
    content: ""; position: absolute; top: -30px; left: -15px; width: 50px; height: 50px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='10' fill='orange'/%3E%3Cg stroke='orange' stroke-width='2'%3E%3Cline x1='25' y1='5' x2='25' y2='10'/%3E%3Cline x1='25' y1='40' x2='25' y2='45'/%3E%3Cline x1='5' y1='25' x2='10' y2='25'/%3E%3Cline x1='40' y1='25' x2='45' y2='25'/%3E%3Cline x1='11' y1='11' x2='15' y2='15'/%3E%3Cline x1='35' y1='35' x2='39' y2='39'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
    animation: spin 10s linear infinite;
}
@keyframes spin { 100% { transform: rotate(360deg); } }

/* Bas des lettres : Vague bleue */
.wpsa-theme-text-summer .wpsa-letter-mask::after {
    content: ""; position: absolute; bottom: -2px; left: -2px; right: -2px; height: 35%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30 V 15 Q 25 25 50 10 T 100 15 V 30 Z' fill='%2303A9F4'/%3E%3C/svg%3E") no-repeat 100% 100%;
    opacity: 0.8;
}


/* =========================================
   5. ST VALENTIN
   ========================================= */
/* Ambiance */
.wpsa-theme-valentine::before {
    content: "❤️"; position: absolute; top: -20px; left: 50%;
    animation: wpsa-fall 8s linear infinite; font-size: 20px; color: pink;
}
/* 1ère Lettre : Grand Cœur Rouge */
.wpsa-theme-text-valentine .wpsa-first-letter::before {
    content: ""; position: absolute; top: -25px; left: -10px; width: 40px; height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25 45 C 25 45 5 25 5 15 A 10 10 0 0 1 25 15 A 10 10 0 0 1 45 15 C 45 25 25 45 25 45 Z' fill='%23E91E63'/%3E%3C/svg%3E") no-repeat center/contain;
    transform: rotate(-15deg);
}
/* Bas des lettres : Vague rose douce */
.wpsa-theme-text-valentine .wpsa-letter-mask::after {
    content: ""; position: absolute; bottom: 0; left: -2px; right: -2px; height: 30%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30 V 10 Q 25 20 50 10 T 100 10 V 30 Z' fill='%23F8BBD0'/%3E%3C/svg%3E") no-repeat 100% 100%;
}