/**
 * Stili delle unità pubblicitarie UltimaOfferta (Google AdSense).
 *
 * Le unità sono stampate con l'attributo `hidden` e vengono mostrate dal
 * JavaScript solo dopo il consenso cookie. Questo evita richieste a Google
 * prima del consenso e rende il markup compatibile con la cache.
 */

.uo-ad {
    display: block;
    margin: 28px 0;
    text-align: center;
    clear: both;
}

/* L'attributo hidden deve vincere sul display:block dell'unità. */
.uo-ad[hidden] {
    display: none !important;
}

.uo-ad__label {
    display: block;
    margin: 0 0 6px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #9a9a9a;
}

.uo-ad ins.adsbygoogle {
    display: block;
    width: 100%;
    min-height: 250px;
}

/* Se AdSense non riempie l'unità, elimina anche lo spazio e l'etichetta. */
.uo-ad ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

.uo-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]) {
    display: none !important;
}

/* ─── In-article ─────────────────────────────────────────────────────────── */

.uo-ad--inarticle {
    margin: 32px 0;
    padding: 4px 0;
}

/* ─── In-feed ────────────────────────────────────────────────────────────── */

.uo-ad--infeed {
    grid-column: 1 / -1;
    flex: 1 0 100%;
    width: 100%;
    margin: 20px 0;
    padding: 8px 0;
}

.uo-ad--infeed ins.adsbygoogle {
    min-height: 250px;
}

/* ─── Sidebar ────────────────────────────────────────────────────────────── */

.uo-ad--sidebar {
    width: 100%;
    margin: 0 0 24px;
}

.uo-ad--sidebar ins.adsbygoogle {
    min-height: 250px;
}

/* ─── Rail laterale (solo post singoli, schermi larghi) ──────────────────── */

.uo-ad--rail {
    display: none;
}

@media (min-width: 1650px) {
    .uo-ad--rail {
        display: block;
        position: fixed;
        top: 96px;
        right: 16px;
        z-index: 40;
        width: 160px;
        margin: 0;
    }

    .uo-ad--rail ins.adsbygoogle {
        min-height: 600px;
    }
}

@media (min-width: 1920px) {
    .uo-ad--rail {
        width: 300px;
    }
}