/* 
 * Layout Fix CSS for Yaya Foundation
 * Ensures all pages take 100% of remaining space after sidebar
 * Author: AI Assistant
 * Version: 1.0
 */

/* Desktop Layout - Full width for main content */
@media (min-width: 993px) {
    /* Keep main content full width and shift inward with padding */
    .main-content {
        width: 100% !important;
        margin: 0 !important;
        padding-right: var(--sidebar-width);
        box-sizing: border-box;
    }

    /* Sections fill the available space */
    .main-content > section,
    main section,
    .section-padding,
    .heritage-hero,
    .about-sheikh-section,
    .quick-links-section,
    .stats-section {
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box;
    }

    /* Containers maintain max width */
    .main-content section .container,
    .main-content .container {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 2rem;
        box-sizing: border-box;
    }

    /* Footer matches main content alignment */
    footer,
    .footer-modern {
        width: 100% !important;
        margin: 0 !important;
        padding-right: var(--sidebar-width);
        box-sizing: border-box;
    }

    body {
        overflow-x: hidden;
    }
}

/* Mobile Layout - Full width */
@media (max-width: 992px) {
    .main-content {
        width: 100% !important;
        margin-right: 0 !important;
        right: 0 !important;
    }

    .main-content > section,
    .main-content section,
    main section {
        width: 100% !important;
        margin: 0 !important;
    }

    footer,
    .footer-modern {
        width: 100% !important;
        margin-right: 0 !important;
        right: 0 !important;
    }
}