/* WebView Mobile Optimization - Enhanced Version */

/* CRITICAL: Prevent all horizontal scrolling */
html {
}

body {
}

/* Force ALL elements to respect viewport */
*, *::before, *::after {
}

/* Aggressive text wrapping */
body, p, div, span, h1, h2, h3, h4, h5, h6, label, 
input, textarea, select, button, a, li, td, th {
}

/* Force containers to stay within viewport */
.wrapper, .container, .container-fluid, .row, 
.col, [class*=col-], .card, .card-body,
.content-page, .mm-page, .mm-content {
}

/* YouTube and Video Embeds - Responsive */
iframe {
}

/* YouTube container wrapper */
.video-container, .youtube-container, 
[class*=video], [class*=embed] {
}

.video-container iframe,
.youtube-container iframe,
[class*=video] iframe,
[class*=embed] iframe {
}

/* All iframes must be responsive */
iframe, embed, object, video {
}

/* Course content specific */
.course-content, .course-body, .lesson-content,
.generated-content, .text-content, .content,
[class*=course], [class*=lesson] {
}

/* Tables must be scrollable */
table {
}

/* Pre and code blocks */
pre, code {
}

/* Images must fit */
img {
}

/* Form elements */
.form-control, input, textarea, select {
}

/* Buttons */
button, .btn, [type=button], [type=submit] {
}

/* Login card fix */
.login-content .card {
}

.login-content .col-md-5 {
}

/* Sections */
section, article, main {
}

/* Remove any fixed widths */
[style*=width: ],
[style*=min-width: ] {
}

/* Ensure no element can cause horizontal scroll */
body > * {
}

/* Modal and popup fixes */
.modal-dialog, .modal-content {
}

/* Card fixes */
.card {
}

.card-body {
}

/* Mobile specific */
@media (max-width: 768px) {
    body {
    }
    
    .container, .container-fluid {
    }
    
    .card-body {
    }
    
    
    /* Force all content to fit */
    * {
    }
    
    /* YouTube on mobile */
    iframe {
    }
}

/* Ultra-wide content fix */
pre, code, .code-block, .pre-formatted {
}

/* Link wrapping */
a {
}

/* List items */
ul, ol {
}

li {
}

/* Sidebar fix for admin panel */
.mm-sidebar-overlay, .mm-sidebar, .sidebar {
}

/* Content area */
.content-page, .mm-content-body {
}