/*
 * SaxMas DEV3 Style Patch v2026.09.07-03
 * Date: 2026-09-07
 * Scope: DEV3 only (enforced by plugin host guard)
 *
 * Validated changes:
 * 1) Mobile Safari horizontal overflow correction.
 *    Playwright: viewport 390px / document width 390px.
 * 2) Right-sidebar cream background standardized to #fff8e7.
 * 3) Right-sidebar holiday-red border standardized to 2px #990000.
 *
 * Diagnostic finding corrected in v03:
 * saxmas-registration/assets/css/saxmas.css used the higher-specificity rule
 * `html body #sidebar-right` with #fffdf0 and a 4px #b22222 border, all !important.
 * This patch deliberately matches that specificity and loads later on DEV3.
 *
 * Intentionally NOT changed:
 * - 966px desktop header-width finding; requires separate investigation.
 */

html body #sidebar-right {
    background: #fff8e7 !important;
    background-color: #fff8e7 !important;
    border: 2px solid #990000 !important;
    border-color: #990000 !important;
}

@media (max-width: 800px) {
    .saxmas-nav .menu {
        flex-wrap: wrap !important;
        gap: 8px 12px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }

    .saxmas-nav .menu li,
    .saxmas-nav .menu li a {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .saxmas-header-video {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: auto !important;
        box-sizing: border-box !important;
    }

    #primary,
    .site-main,
    .page-content,
    article {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}