/**
 * TRWC Mobile Fixer front-end styles
 */

html.trwmf-fix-active,
body.trwmf-fix-active {
    overflow-x: hidden;
}

/* Make core containers fluid when we detect desktop-on-mobile layouts */
html.trwmf-fix-active body,
html.trwmf-fix-active .site,
html.trwmf-fix-active #page,
html.trwmf-fix-active .page-wrap,
html.trwmf-fix-active .wrapper,
html.trwmf-fix-active .container,
html.trwmf-fix-active .content-wrapper,
html.trwmf-fix-active .content-area,
html.trwmf-fix-active .site-content,
html.trwmf-fix-active .main-content,
html.trwmf-fix-active .td-container,
html.trwmf-fix-active .td-main-content-wrap,
html.trwmf-fix-active .ast-container,
html.trwmf-fix-active .ast-row,
html.trwmf-fix-active .blocksy-container,
html.trwmf-fix-active .ct-container,
html.trwmf-fix-active .elementor-section,
html.trwmf-fix-active .elementor-container,
html.trwmf-fix-active .generatepress-container,
html.trwmf-fix-active .gp-container,
html.trwmf-fix-active .l-container,
html.trwmf-fix-active .trwmf-wide {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* Sidebar behaviour on small screens */
@media (max-width: 768px) {
    html.trwmf-fix-active .sidebar,
    html.trwmf-fix-active .widget-area,
    html.trwmf-fix-active #secondary {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Image & embed overflow protection */
html.trwmf-fix-active img,
html.trwmf-fix-active .entry-content img,
html.trwmf-fix-active iframe,
html.trwmf-fix-active .entry-content iframe,
html.trwmf-fix-active video {
    max-width: 100%;
    height: auto;
}

/* AdSense container safety: keep ad slots responsive but not distorted */
html.trwmf-fix-active .adsbygoogle {
    max-width: 100% !important;
}

/* Typography & readability tweaks for small screens */
@media (max-width: 768px) {
    html.trwmf-fix-active body {
        font-size: 15px;
        line-height: 1.6;
    }
}