/**
 * YesMonetize Ad Engine - Frontend Universal Styling
 * Ensures 100% responsive containers, viewability, and zero mobile horizontal overflow.
 */

.ym-ad-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px auto 26px auto !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    clear: both !important;
}

.ym-ad-label {
    font-size: 10px !important;
    color: #94a3b8 !important;
    display: block !important;
    margin-bottom: 5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    font-weight: 600 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.ym-ad-wrapper {
    min-height: 250px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* SafeFrame & Google Ads iframe responsiveness */
.ym-ad-wrapper iframe,
.ym-ad-wrapper > div,
iframe[id^="google_ads_iframe"],
div[id^="google_ads_iframe"] {
    max-width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
    border: 0 !important;
}

/* Mobile specific centering & viewability boost */
@media (max-width: 768px) {
    .ym-ad-container {
        margin: 16px auto 22px auto !important;
        padding: 0 4px !important;
    }
    .ym-ad-wrapper {
        min-height: 250px !important;
    }
}