/* ============================================
   DIASPOMALI — Publicités
   ============================================ */

.pub-banniere {
    display: block;
    margin: 24px auto;
    text-align: center;
    max-width: 100%;
}
.pub-banniere img {
    max-width: 100%;
    height: auto;
    border-radius: var(--r-md);
    box-shadow: var(--shadow-sm);
    transition: var(--t);
}
.pub-banniere:hover img { box-shadow: var(--shadow-md); transform: translateY(-2px); }

/* Native (ressemble a un contenu) */
.pub-native {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    padding: 14px 18px;
    margin: 20px 0;
    transition: var(--t);
}
.pub-native:hover { box-shadow: var(--shadow-md); border-color: transparent; }
.pub-native-img { width: 60px; height: 60px; object-fit: cover; border-radius: 10px; flex-shrink: 0; }
.pub-native-text { font-weight: 500; color: var(--text); flex: 1; }
.pub-native-label {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--gold-deep);
    background: rgba(212, 162, 76, 0.12);
    padding: 2px 8px;
    border-radius: 4px;
    flex-shrink: 0;
}

/* Etiquette (petit tag inline) */
.pub-etiquette {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(212, 162, 76, 0.12);
    color: var(--gold-deep);
    border: 1px dashed rgba(212, 162, 76, 0.4);
    transition: var(--t);
    margin: 4px 0;
}
.pub-etiquette:hover { background: var(--gold); color: var(--night); }

/* Lien sponsorise */
.pub-lien {
    display: inline-block;
    font-weight: 600;
    color: var(--gold-deep);
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
    transition: var(--t);
}
.pub-lien:hover { color: var(--gold); }

/* Sticky bottom */
.pub-sticky-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 90;
    background: var(--white);
    border-top: 1px solid var(--border);
    box-shadow: 0 -4px 20px rgba(15, 20, 25, 0.1);
    padding: 10px 20px;
    text-align: center;
    animation: slideUp 0.4s ease;
}
.pub-sticky-bottom img { max-height: 70px; width: auto; display: inline-block; }
.pub-sticky-close {
    position: absolute;
    top: 6px;
    right: 10px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(20, 24, 29, 0.08);
    color: var(--text);
    font-size: 1.2rem;
    line-height: 1;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: var(--t);
}
.pub-sticky-close:hover { background: var(--clay); color: #fff; }

@keyframes slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

/* Sticky side */
.pub-sticky-side {
    position: sticky;
    top: 100px;
    margin: 20px 0;
}
.pub-sticky-side img { max-width: 100%; border-radius: var(--r-md); box-shadow: var(--shadow-sm); }

/* Popunder = pas de style, c'est du JS */

/* Responsive */
@media (max-width: 640px) {
    .pub-sticky-bottom { padding: 8px 12px; }
    .pub-sticky-bottom img { max-height: 55px; }
    .pub-native { padding: 10px 12px; gap: 10px; }
    .pub-native-img { width: 44px; height: 44px; }
}