/**
 * Confidenze Theme — slots.css
 * Stili placeholder ADV — file separato per futura gestione concessionaria.
 */

/* ── Override reset: immagini ADV a dimensioni native, mai strecciate ── */
.adv-masthead img,
.adv-slot img,
.adv-floor img {
    max-width: none;
    width: auto;
    height: auto;
    display: block;
    margin-inline: auto;
}

/* ── Masthead ── */
.adv-masthead {
    padding-bottom: 45px;
    overflow: hidden;
}

.adv-masthead__slot--mobile {
    display: none;
}

@media (max-width: 970px) {
    .adv-masthead__slot--desktop {
        display: none;
    }

    .adv-masthead__slot--mobile {
        display: block;
    }
}

/* ── Sidebar ADV1 300x250 ── */
.adv-slot--sidebar-top {
    margin-bottom: 24px;
}

/* ── Sidebar Half Page 300x600 ── */
.adv-slot--sidebar-half {
    margin-top: 24px;
}

/* ── Floor 728x90 desktop / 300x250 mobile ── */
.adv-floor {
    padding: 8px 0;
    overflow: hidden;
}

.adv-floor--mobile {
    display: none;
}

@media (max-width: 767px) {
    .adv-floor--desktop {
        display: none;
    }

    .adv-floor--mobile {
        display: block;
    }
}

/* ═══════════════════════════════════════════════
   SKIN ADV — desktop only (§17, dubbio #9)
   Attivata via JS: body.has-skin + CSS custom properties
   ═══════════════════════════════════════════════ */

/* ── Skin ADV — nascosta di default, attiva solo desktop >1199px ── */
.adv-skin {
    display: none;
}

@media (min-width: 1199px) {
    .adv-skin {
        text-decoration: none;
    }

    .adv-skin img {
        max-width: none;
    }

    /* Top banner — fisso in alto, centrato, SOPRA site-wrapper */
    .adv-skin__top {
        display: none;
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 80;
    }

    /* Left strip — fissa, bordo destro attaccato al contenitore, SOPRA site-wrapper e footer */
    .adv-skin__left {
        display: none;
        position: fixed;
        top: calc(var(--skin-top-h, 120px) - 2px);
        right: calc(50% + var(--w-container, 1100px) / 2);
        bottom: 0;
        z-index: 3;
        overflow: hidden;
    }

    /* Right strip — fissa, bordo sinistro attaccato al contenitore, SOPRA site-wrapper e footer */
    .adv-skin__right {
        display: none;
        position: fixed;
        top: calc(var(--skin-top-h, 120px) - 2px);
        left: calc(50% + var(--w-container, 1100px) / 2);
        bottom: 0;
        z-index: 3;
        overflow: hidden;
    }

    body.has-skin .adv-skin {
        display: block;
    }

    body.has-skin .adv-skin__top,
    body.has-skin .adv-skin__left,
    body.has-skin .adv-skin__right {
        display: block;
    }

    body.has-skin #site-wrapper {
        position: relative;
        z-index: 2;
        margin-top: var(--skin-top-h, 120px);
        background: var(--c-white, #ffffff);
    }
}

/* ════════════════════════════════════════════════
   Evolution Adv — CSS anti-CLS (§17)
   Fornito dalla concessionaria. Riserva l'altezza degli slot per
   evitare layout shift. min-height differenziate desktop ≥981 / mobile ≤980.
   Path GAM: /5966054,22939724016/Confidenze_com/Confidenze_com_*
   ════════════════════════════════════════════════ */

.player_evolution { display: flex; justify-content: center; align-items: center; margin: auto; position: relative; margin-bottom: 30px; }
.player_evolution span.evo-label-logo { width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; bottom: -30px; font-family: sans-serif !important; font-size: 12px !important; color: #1e293b !important; }
.player_evolution span.evo-label-logo a { display: block !important; background-color: unset !important; text-decoration: none !important; }
.player_evolution span.evo-label-logo a img { height: 15px !important; margin-left: 5px; }

.sticky-wrapper { display: flex; justify-content: center; }

[data-adunitid]:not([id*="video"]):not([data-adunitid="3"]):not([data-adunitid="4"]),
[data-adunitid]:not([id*="video"]):not([data-adunitid="3"]):not([data-adunitid="4"]) > div,
[data-adunitid]:not([id*="video"]):not([data-adunitid="3"]):not([data-adunitid="4"]) > div > div {
    margin: auto;
    display: flex;
    text-align: center;
    flex: 1;
    justify-content: center;
}

/* DESKTOP */
@media (min-width:981px) {
    /* Masthead */
    [data-adunitid="0"] { min-height: 250px; }
    [data-adunitid="0"],
    [data-adunitid="0"] > div,
    [data-adunitid="0"] > div > div { justify-content: space-around !important; }
    /* ATF */
    [data-adunitid="1"] { min-height: 280px; }
    /* Intext */
    [data-adunitid="2"] { min-height: 280px; }
    /* SidebarTop */
    [data-adunitid="3"] { min-height: 250px; text-align: center; }
    /* SidebarSticky */
    [data-adunitid="4"] { min-height: 1050px; text-align: center; }
    /* Skin_skyscraper */
    [data-adunitid="8"] { min-height: 600px; }
    /* Intext_content_revolution */
    [data-adunitid="9"] { min-height: 280px; }
    /* BTF */
    [data-adunitid="13"] { min-height: 280px; }

    [data-admobile="true"],
    [data-admobile="1"],
    [data-addesktop="false"],
    [data-addesktop="0"] { min-height: 0 !important; max-height: 0; display: none !important; }

    .player_evolution { width: 100%; max-width: 550px; min-height: 309px; }
}

/* MOBILE */
@media (max-width:980px) {
    /* Masthead */
    [data-adunitid="0"] { min-height: 250px; }
    /* ATF */
    [data-adunitid="1"] { min-height: 430px; }
    /* Intext */
    [data-adunitid="2"] { min-height: 480px; }
    /* SidebarTop */
    [data-adunitid="3"] { min-height: 250px; text-align: center; }
    /* SidebarSticky */
    [data-adunitid="4"] { min-height: 600px; text-align: center; }
    /* Intext_content_revolution */
    [data-adunitid="9"] { min-height: 480px; }
    /* inCorner */
    [data-adunitid="12"] { min-height: 600px; }
    /* BTF */
    [data-adunitid="13"] { min-height: 430px; }

    [data-addesktop="true"],
    [data-addesktop="1"],
    [data-admobile="false"],
    [data-admobile="0"] { min-height: 0 !important; max-height: 0; display: none !important; }

    .player_evolution { width: 100%; max-width: 300px; min-height: 188px; margin-top: 20px; }
}