/* ==========================================================================
   SMART STICKY - V3 (PLACEHOLDER STRATEGY)
   ========================================================================== */

/* Classe injectée via JS sur l'élément ORIGINAL quand il devient sticky.
   Note : On ne touche pas à l'élément quand il est statique.
*/
.syn-sticky-active {
    position: fixed !important;
    left: 0;
    z-index: 9990; /* Niveau élevé pour passer au dessus du contenu */
    margin: 0 !important; /* Reset des marges externes pour coller aux bords */
    
    /* Animation d'arrivée (Slide Down + Fade) */
    animation: synStickySlideDown 0.4s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    
    /* Style Visuel "Stuck" */
    background: #fff; /* Sécurité : Fond blanc par défaut */
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.08); /* Ombre premium */
    width: 100%; /* Sera surchargé par le JS pour respecter la largeur du container */
}

/* Animation Keyframes */
@keyframes synStickySlideDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(0); /* Le TOP final est géré par JS (Stacking) */
    }
}

/* Le Placeholder (La Cale)
   Sert uniquement à occuper l'espace quand l'original est parti.
*/
.syn-sticky-placeholder {
    display: none; /* Caché par défaut */
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.syn-sticky-placeholder.active {
    display: block; /* Prend sa place dans le flux */
}

/* Compatibilité Barre Admin WP */
body.admin-bar .syn-sticky-active {
    /* Le JS calcule le top, mais ceci est une sécurité CSS */
}