/**
 * Global Centering CSS - SIMPLIFIED VERSION
 * Ensures all pages are properly centered
 */

/* Reset body and html */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* Reset #page_wrapper */
#page_wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    position: relative;
}

/* Ensure rows don't shift content - OVERRIDE BOOTSTRAP */
.row {
    margin-left: 0;
    margin-right: 0;
}

/* Ensure header row doesn't shift content */
.site-header .row,
.top-headers-wrapper .row,
#site-top-bar .row {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
}

/* Global Container Centering */
.container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* Container-fluid should be full width */
.container-fluid {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

/* Force centering for container inside container-fluid */
.container-fluid > .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Force centering for row inside container-fluid */
.container-fluid > .row {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* Sociolita container centering */
.sociolita-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* Header wrapper centering */
.site-header-wrapper {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* Site top bar inner centering */
.site-top-bar-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* Responsive */
@media (max-width: 992px) {
    .container,
    .sociolita-container,
    .site-header-wrapper,
    .site-top-bar-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .container-fluid > .row {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .container,
    .sociolita-container,
    .site-header-wrapper,
    .site-top-bar-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .container-fluid > .row {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%;
    }
}