/**
 * Responsive CSS for AffiliateKick Theme Settings Script Banners
 * Prevents horizontal scrolling on mobile devices
 */

/* Target only the direct container of script banners */
div[style*="overflow-x: hidden"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    box-sizing: border-box !important;
}

/* Ensure iframes don't cause horizontal scroll */
div[style*="overflow-x: hidden"] iframe {
    max-width: 100% !important;
    width: 100% !important;
}

/* Ensure images don't cause horizontal scroll */
div[style*="overflow-x: hidden"] img {
    max-width: 100% !important;
    height: auto !important;
}

/* Handle specific banner containers */
div[style*="overflow-x: hidden"] .bannerflow-container,
div[style*="overflow-x: hidden"] .ad-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}