/* ── Sakura Ads — Wrapper publicitaire ──────────────────────────────── */

.sakura-ad-slot {
    clear: both;
    text-align: center;
    margin: 1.75em auto;
    max-width: 100%;
    overflow: hidden;
    /* Évite que les pubs ne créent du contenu inattendu */
    contain: layout style;
}

/* Label discret "Publicité" */
.sakura-ad-label {
    display: block;
    font-size: 9px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    text-transform: uppercase;
    letter-spacing: .15em;
    color: #bbb;
    margin-bottom: 4px;
    user-select: none;
    pointer-events: none;
}

/* Conteneur de l'annonce — min-height posé via PHP pour éviter le CLS */
.sakura-ad-inner {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    /* Transition douce à l'apparition */
    opacity: 0;
    transition: opacity .3s ease;
}

/* Une fois chargé, le JS ajoute .loaded */
.sakura-ad-inner.loaded {
    opacity: 1;
}

/* Placeholder gris pendant le chargement (réduit la sensation de "saut") */
.sakura-ad-slot:not([data-ad]) .sakura-ad-inner:empty {
    min-height: 0 !important;
}