/* =======================
   GLOBAL STYLES
   ======================= */

/* CANONICAL Container Definition - DO NOT DUPLICATE IN OTHER FILES */
.container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 var(--spacing-lg);
}

@media (max-width: 768px) {
    .container {
        padding: 0 var(--spacing-md);
    }
}

/* Ensure admin bar shows properly */
body.admin-bar {
    margin-top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        margin-top: 46px !important;
    }
}

/* Admin bar header adjustment */
body.admin-bar .header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .header {
        top: 46px;
    }
}

/* Ensure fixed header works with admin bar */
body.admin-bar .header.header-scrolled {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .header.header-scrolled {
        top: 46px;
    }
}

/* Admin bar z-index fix */
#wpadminbar {
    z-index: 999999 !important;
}

/* Ensure header doesn't overlap admin bar */
.header {
    z-index: 999998 !important;
}