/*
 * CaliGo Movers layout correction v1.5.9
 * Scope is intentionally limited:
 * 1) use an 80% Full-HD content scale while preserving true centering;
 * 2) return the desktop header glass to the previous dark navy tone.
 */

/* Restore the darker frosted-glass header without changing its geometry. */
@media (min-width: 901px) {
    body .caligo-header,
    body.home .caligo-header,
    body.page-template-front-page .caligo-header,
    body:not(.home):not(.page-template-front-page) .caligo-header,
    body .caligo-header.is-sticky-fixed {
        background: linear-gradient(
            112deg,
            rgba(3, 15, 31, 0.91),
            rgba(5, 22, 43, 0.86)
        ) !important;
        border-color: rgba(79, 119, 167, 0.34) !important;
        box-shadow:
            0 16px 35px rgba(0, 0, 0, 0.32),
            inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
        backdrop-filter: blur(22px) saturate(124%) !important;
        -webkit-backdrop-filter: blur(22px) saturate(124%) !important;
    }
}

/*
 * Full-HD correction.
 * Chrome's CSS zoom already recalculates the percentage containing block.
 * The former 166.666667% width therefore enlarged the page twice and moved
 * every centered section to the right. Keeping the main wrapper at 100%
 * preserves the 80% visual scale while its center remains the viewport center.
 */
@media (min-width: 1680px) and (max-width: 2100px) and (min-height: 700px) and (max-height: 1200px) {
    html,
    body {
        overflow-x: hidden !important;
    }

    body > main#site-content {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        transform: none !important;
        transform-origin: top center !important;
        zoom: 0.8 !important;
    }

    body > main#site-content > .caligo-live-homepage,
    body > main#site-content > .site-content,
    body > main#site-content > article,
    body > main#site-content > section {
        width: 100% !important;
        max-width: none !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    /* Keep the scaled hero clear of the unscaled overlay header. */
    body.home .caligo-hero,
    body.page-template-front-page .caligo-hero,
    body > main#site-content .caligo-live-homepage .caligo-hero {
        padding-top: 140px !important;
    }

    body > main#site-content .caligo-internal-hero.page-hero {
        padding-top: 150px !important;
    }

    /* The footer is outside #site-content and therefore stays unchanged. */
    .caligo-footer__container {
        width: min(calc(100% - 48px), var(--caligo-layout-width)) !important;
        max-width: var(--caligo-layout-width) !important;
        zoom: 1 !important;
    }
}