/* Site-wide responsive rules. Page-specific breakpoints live with the page (Scripts/css/pages/*.css). */

@media (max-width: 1499.98px) {
    :root {
        --nav-h: 64px;
        --nav-tab-h: 22px;
        --nav-pad: 24px;
        --brand-w: 230px;
    }

    .site-navbar__inner {
        padding-right: var(--nav-pad);
    }

    .site-navbar__desktop {
        display: none;
    }

    .site-navbar__toggle {
        display: block;
    }
}

@media (max-width: 991.98px) {
    .site-title {
        font-size: 34px;
    }
}

@media (max-width: 767.98px) {
    .site-title {
        font-size: 28px;
    }
}

@media (max-width: 575.98px) {
    :root {
        --nav-h: 56px;
        --nav-tab-h: 18px;
        --nav-pad: 16px;
        --brand-w: 190px;
    }

    .site-navbar__toggle {
        margin-bottom: 6px; /* the 56px bar is too short for the default offset */
    }

    .site-nav-drawer__header > a {
        width: 150px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .site-nav__link,
    .site-nav__home,
    .site-nav__submenu,
    .site-nav__submenu a,
    .site-navbar__toggle span,
    .site-nav-mobile__product i,
    .site-btn,
    .site-btn i {
        transition: none;
    }
}