/**
 * Critical Mobile Fixes for Bottom Sections
 * Ensures university and program detail pages are fully responsive
 */

@media (max-width: 768px) {
    /* Force all bottom section elements to fit within viewport */
    .university-statistics,
    .program-statistics,
    .admission-contact,
    .contact-info,
    .sidebar .card:last-child,
    .main-content .card:last-child,
    .footer-bottom,
    .site-footer {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: clamp(0.5rem, 4vw, 1rem) !important;
        padding-right: clamp(0.5rem, 4vw, 1rem) !important;
    }
    
    /* Fix any grid or flex layouts in bottom sections */
    .stats-grid,
    .footer-widgets-grid,
    .admission-requirements,
    .contact-details {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        width: 100% !important;
    }
    
    /* Fix university ranking cards */
    .university-ranking,
    .program-ranking,
    .ranking-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 1rem !important;
        box-sizing: border-box !important;
        background-size: contain !important;
        word-break: break-word !important;
    }
    
    /* Fix all form elements in bottom sections */
    .form-group,
    .form-group input,
    .form-group select,
    .form-group textarea,
    .btn-submit {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 0.875rem !important;
    }
    
    /* Fix contact information displays */
    .admission-contact > div,
    .contact-info > div {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.5rem !important;
        width: 100% !important;
        word-break: break-word !important;
    }
    
    /* Fix social links and footer navigation */
    .social-links,
    .footer-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.75rem !important;
        width: 100% !important;
        justify-content: flex-start !important;
    }
    
    /* Ensure no element can cause horizontal overflow */
    .single-university *,
    .single-program * {
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    /* Fix any absolute or fixed positioned elements */
    .single-university .card::before,
    .single-program .card::before,
    .single-university .card::after,
    .single-program .card::after {
        display: none !important;
    }
    
    /* Emergency overflow fix */
    body.single-university,
    body.single-program {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
}

@media (max-width: 480px) {
    /* Extra small screen fixes */
    .university-statistics,
    .program-statistics,
    .admission-contact,
    .contact-info {
        padding: 0.75rem !important;
        margin: 0 !important;
    }
    
    .form-group {
        margin-bottom: 1rem !important;
    }
    
    .btn-submit {
        padding: 0.875rem 1rem !important;
        font-size: 0.875rem !important;
    }
}