/**
 * Atlas ADV System - Frontend Styles (Updated)
 * BEM Naming Convention with modern CSS practices
 * Responsive design with flexible banner containers
 * SAFE AD CONTAINER PATTERN – ENTERPRISE EDITION
 * Utilizzato da top-tier publishers (Repubblica, Wired, Fanpage, RCS)
 * Ottimizzato per:
 * - Google Ad Manager
 * - Prebid.js
 * - Assertive Yield
 * - Creatività Fluid / Rich Media / Tall / Video
 * - Zero CLS
 */

/* ============================================
   1) WRAPPER ADV – neutro, sicuro
   ============================================ */
.ad-wrapper {
    width: 100%;
    margin: 22px 0;
    display: block;
    position: relative;
}


/* ============================================
   2) CONTAINER INTERNO
   ============================================ */
.ad-wrapper__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}


/* ============================================
   3) AREA CONTENUTO (placeholder)
   - Mai overflow:hidden
   - Mai max-height
   - Mai contain
   ============================================ */
.ad-wrapper__content {
    width: 100%;
    min-height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f6f6f6; /* placeholder CLS-safe */
    position: relative;
}


/* ============================================
   4) SAFE NORMALIZATION (Fondamentale)
   - Previene overflow di immagini e rich media
   - Garantisce width 100% a tutto lo stack AY/GAM
   - Elimina spazi inline
   - Evita bordi/focus irritanti su iframe
   ============================================ */
[data-ay-manager-id],
[data-ay-manager-id] > div,
[data-ay-manager-id] iframe,
[data-ay-manager-id] img,
[data-ay-manager-id] video {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    display: block !important;
    border: 0 !important;
    margin: 0;
    padding: 0;
    object-fit: contain;
}


/* ============================================
   5) ETICHETTA PUBBLICITÀ
   ============================================ */
.ad-wrapper__label {
    font-size: 0.66rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #585858;
}


/* ============================================
   6) ATF – Placeholder alto 250 FULL WIDTH ATF SLOT INSIDE ARTICLE
   ============================================ */
    .ad-wrapper--atf .ad-wrapper__content {
        min-height: 250px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* ============================================
   7) IN-ARTICLE – Opzione B definitiva
   ============================================ */

/* Desktop */
@media (min-width: 992px) {
    .ad-wrapper--in-article .ad-wrapper__content {
        min-height: 300px;
    }
}

/* Mobile */
@media (max-width: 991px) {
    .ad-wrapper--in-article .ad-wrapper__content {
        min-height: 250px;
    }
}


/* ============================================
   8) RESPONSIVE MARGINS
   ============================================ */
@media (max-width: 991px) {
    .ad-wrapper {
        margin: 16px 0;
    }
}

@media (max-width: 575px) {
    .ad-wrapper {
        margin: 12px 0;
    }
}

@media (max-width: 368px) {
    .ad-wrapper {
        margin: 8px 0;
    }
}