/* Full Width Layout Styles */

/* Header full width section */
.header-full-width {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

.header-full-width .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Remove header box styling */
.mlm-header {
    box-shadow: none !important;
    border: none !important;
    background: white !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.mlm-header .mlm-widget {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Make header sections full width */
.mlm-header .mlm-top-row,
.mlm-header .mlm-logo-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove any container restrictions */
.mlm-header .row {
    margin: 0 !important;
    padding: 0 !important;
}

/* Make navigation full width */
.mlm-header .mlm-main-nav {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Make secondary navigation full width */
.mlm-header .mlm-secondary-nav,
.mlm-header .app-notification {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ensure content area takes full width - ONLY for home page */
body.home .content-area {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Container fluid adjustments - ONLY for home page */
body.home .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
}

/* Main content adjustments - ONLY for home page */
body.home .site-main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Widget containers - ONLY for home page */
body.home .mlm-widget {
    margin-left: 40px;
    margin-right: 40px;
}

/* All widgets and sidebars - ONLY for home page */
body.home .widget,
body.home [id*="mlm-home-"],
body.home .mlm-widget,
body.home .mb-4.clearfix {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

/* Widget titles - ONLY for home page */
body.home .mlm-box-title {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

/* Products section - ONLY for home page */
body.home .mlm-recent-products-wrapper {
    margin-left: 40px;
    margin-right: 40px;
}

/* Navigation adjustments - ONLY for home page */
body.home .navbar {
    margin-left: 40px;
    margin-right: 40px;
}

/* Footer adjustments */
.mlm-footer .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .header-full-width .container-fluid {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .mlm-header .mlm-main-nav {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    body.home .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    body.home .mlm-widget,
    body.home .mlm-recent-products-wrapper,
    body.home .navbar,
    body.home .widget,
    body.home [id*="mlm-home-"],
    body.home .mb-4.clearfix,
    body.home .mlm-box-title {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

@media (max-width: 480px) {
    .header-full-width .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .mlm-header .mlm-main-nav {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    body.home .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    body.home .mlm-widget,
    body.home .mlm-recent-products-wrapper,
    body.home .navbar,
    body.home .widget,
    body.home [id*="mlm-home-"],
    body.home .mb-4.clearfix,
    body.home .mlm-box-title {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
}