/**
 * MWO Banner Styles
 * Clean, seamless ad display for Metal War Online
 * Zone 114 (Horizontal: 960x100 / 728x90) & Zone 115 (Vertical: 200x300)
 */

/* ==========================================================================
   Base Ad Wrapper:
   HIDDEN by default!
   If the user has an AdBlocker (or ad fails to load), the wrappers remain
   display: none, leaving ZERO blank spaces or empty frames on the site.
   ========================================================================== */
.mwo-ad-wrap {
    display: none;
}

.mwo-ad-wrap.ad-loaded {
    display: block;
}

/* Modern CSS fallback: show if ins has children */
.mwo-ad-wrap:has(ins > a),
.mwo-ad-wrap:has(ins > iframe),
.mwo-ad-wrap:has(ins > img) {
    display: block;
}


/* ==========================================================================
   Horizontal Banner (Zone 114: 960x100 / 728x90)
   - Integrated inside the site's main content area above footer
   - Centers any ad size seamlessly without awkward borders or black holes
   ========================================================================== */
.mwo-hbanner-wrap {
    width: 100%;
    margin: 20px auto 10px;
    padding: 0;
    text-align: center;
    clear: both;
    position: relative;
    z-index: 10;
}

.mwo-hbanner-inner {
    display: inline-block;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.mwo-hbanner-inner ins,
.mwo-hbanner-inner a,
.mwo-hbanner-inner img,
.mwo-hbanner-inner iframe {
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    border: none !important;
}


/* ==========================================================================
   Vertical Banner in Sidebar (Zone 115: 200x300)
   - Located cleanly between promo_a and screenshots
   - Strictly static in-flow (NO sticky to prevent overlapping screenshots)
   ========================================================================== */
.mwo-vbanner-wrap {
    width: 200px;
    margin: 15px auto 18px;
    padding: 0;
    text-align: center;
    clear: both;
    position: relative;
}

.mwo-vbanner-wrap ins,
.mwo-vbanner-wrap a,
.mwo-vbanner-wrap img,
.mwo-vbanner-wrap iframe {
    display: block !important;
    margin: 0 auto !important;
    max-width: 200px !important;
    border: none !important;
}