/* Blocksy: the Manager owns the contact bar while it is enabled.
 * Hide the legacy contact row and its empty mobile counterpart.
 * The empty 50px row otherwise duplicates the reserved contact-bar space.
 */
body:has(#am-topbar) #header [data-row="top"]:has(.anderl-topbar),
body:has(#am-topbar) #header [data-device="mobile"] [data-row="top"][data-column-set="0"] {
    display: none;
}

/* Blocksy uses equal side columns on desktop. At tablet widths the logo
 * outgrows its column and overlaps the menu. Give each side its actual width.
 */
@media (min-width: 1000px) and (max-width: 1399.98px) {
    #header [data-device="desktop"] [data-row="middle"][data-column-set="3"] > .ct-container {
        grid-template-columns: auto minmax(0, 1fr) auto;
        column-gap: 12px;
    }
    #header [data-device="desktop"] [data-row="middle"] [data-column="middle"] {
        min-width: 0;
    }
    #header [data-device="desktop"] [data-id="logo"] .site-logo-container {
        --logo-max-height: 56px;
    }
    #header [data-device="desktop"] [data-id="menu"] {
        --menu-items-spacing: 12px;
        margin-inline: 0;
    }
    #header [data-device="desktop"] [data-id="menu"] > ul {
        flex-wrap: nowrap;
    }
    #header [data-device="desktop"] [data-id="menu"] > ul > li > a {
        --theme-font-size: 16px;
        white-space: nowrap;
    }
    #header [data-device="desktop"] [data-column="end"] [data-items] > * {
        margin-inline: 6px;
    }
    #header [data-device="desktop"] [data-id="cart"] .ct-label {
        --theme-font-size: 14px;
    }
}