/* Ad Container Styles */

/* Obfuscated or generic names used in HTML, but here we define base styles */
.bg-ad-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: var(--z-background);
    opacity: 0.3;
    pointer-events: none;
    background-size: cover;
    background-position: center;
}

.ad-slot {
    background-color: var(--color-bg-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: var(--spacing-md) auto;
    color: var(--color-text-muted);
    font-size: 0.8rem;
    overflow: hidden;
}

/* Standard Sizes */
.ad-300-250 {
    width: 300px;
    height: 250px;
}

.ad-728-90 {
    width: 728px;
    height: 90px;
}

.ad-320-50 {
    width: 320px;
    height: 50px;
}

/* Responsive Ad Sizing */
@media (max-width: 768px) {
    .ad-728-90 {
        display: none;
    }
}
/* ------------------------------------------------------------------ */
/* ExoClick ad slots (see includes/exoclick.php)                        */
/*                                                                      */
/* Both ExoClick's ad-provider and NeverBlock inject their creative as a */
/* sibling <div> with the zone's pixel size hard-coded — a 900x250 or    */
/* 728x90 unit dropped straight onto a 390px phone pushed the whole page */
/* into horizontal scroll (measured 916px and 760px of body scrollWidth  */
/* against a 390px viewport). Wide slots are now gated to desktop in     */
/* ad_config.php; these rules are the safety net so that no ad unit, in  */
/* any future placement, can widen the document again.                   */
/* ------------------------------------------------------------------ */
.exo-ad-slot {
    max-width: 100%;
    overflow: hidden;
    text-align: center;
}

/* max-width beats an inline width:900px without needing !important, but
   these elements are vendor-injected and out of our control, so force it. */
.exo-ad-slot > *,
.exo-ad-slot iframe,
.exo-ad-slot img,
.exo-ad-slot ins {
    max-width: 100% !important;
}