/* Layout Fix for SLIZ LMS - CRITICAL OVERRIDES */

/* FORCE font family fixes with highest specificity */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, ul, li, nav, header, main, section, article, aside, footer {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
    font-display: swap !important;
}

/* FORCE text rendering improvements */
html, body, * {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-variant-ligatures: none !important;
}

/* FORCE remove any problematic font loading */
@font-face {
    font-family: 'problematic-font';
    src: none !important;
}

/* Override any custom fonts that might be causing issues */
.custom-font, [class*="font-"], [style*="font-family"] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Fix layout issues */
.container, .container-fluid {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

/* Fix header layout */
.header-area {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Fix navigation */
.main-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Fix logo area */
.logo-area {
    display: flex;
    align-items: center;
}

/* Fix search area */
.search-area {
    flex: 1;
    max-width: 400px;
    margin: 0 20px;
}

/* Fix user area */
.user-area {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Fix buttons */
.btn, .theme-btn {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-weight: 500;
}

/* Fix primary colors */
:root {
    --system_primery_color: #007bff;
    --system_secendory_color: #333;
    --fontFamily2: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* CRITICAL: Force override any CSS variables that might be causing issues */
:root {
    --fontFamily1: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    --fontFamily2: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    --fontFamily3: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* FORCE override any problematic font loading from external sources */
link[href*="fonts.googleapis.com"],
link[href*="fonts.gstatic.com"],
link[href*="font"] {
    display: none !important;
}

/* Fix responsive issues */
@media (max-width: 768px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .main-nav {
        flex-direction: column;
        gap: 10px;
    }
    
    .search-area {
        width: 100%;
        max-width: none;
        margin: 10px 0;
    }
}

/* EMERGENCY: If all else fails, force system fonts on everything */
body * {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Fix text overflow issues */
h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Fix image issues */
img {
    max-width: 100%;
    height: auto;
}

/* Fix form elements */
input, select, textarea {
    font-family: inherit;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 12px;
}

/* Fix loading states */
.loading {
    opacity: 0.7;
    pointer-events: none;
}