/* Blocksy 2.1.10, existing type-1 mobile header: logo / menu, two columns. */
@media (max-width: 999.98px) {
    #header[data-id="type-1"] > [data-device="mobile"] > [data-row="middle"][data-column-set="2"] > .ct-container-fluid {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    #header[data-id="type-1"] > [data-device="mobile"] > [data-row="middle"][data-column-set="2"] > .ct-container-fluid > [data-column="start"][data-placements="1"] > [data-items="primary"] > .site-branding[data-id="logo"] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    #header[data-id="type-1"] > [data-device="mobile"] > [data-row="middle"][data-column-set="2"] > .ct-container-fluid > [data-column="start"][data-placements="1"] > [data-items="primary"] > .site-branding[data-id="logo"] > .site-logo-container {
        display: flex;
        align-items: center;
        min-width: 0;
        max-width: 100%;
        height: auto;
    }

    #header[data-id="type-1"] > [data-device="mobile"] > [data-row="middle"][data-column-set="2"] > .ct-container-fluid > [data-column="start"][data-placements="1"] > [data-items="primary"] > .site-branding[data-id="logo"] > .site-logo-container > img {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: var(--logo-shrink-height, var(--logo-max-height, 50px));
        object-fit: contain;
    }

    #header[data-id="type-1"] > [data-device="mobile"] > [data-row="middle"][data-column-set="2"] > .ct-container-fluid > [data-column="end"][data-placements="1"] > [data-items="primary"] > button.ct-header-trigger[data-id="trigger"][data-toggle-panel="#offcanvas"] {
        --toggle-button-size: 44px;
        min-width: 44px;
        min-height: 44px;
    }
}