/* Header rhythm and interaction targets owned by the Turri header adapter. */

#brx-header,
.turri-contextual-breadcrumbs {
    --turri-header-control-size: 4.4rem;
    --turri-header-icon-size: 2.4rem;
    --turri-header-icon-stroke: 2;
    --turri-header-badge-size: 1.8rem;
    --turri-header-badge-font-size: 1.1rem;
    --turri-header-space-compact: clamp(0.7rem, calc(0.6429rem + 0.1786vw), 0.9rem);
    --turri-header-space-row: var(--space-xs);
    --turri-header-space-inline: var(--space-m);
    --turri-header-content-width: var(--content-width-safe);
}

.main-menu__offcanvas {
    --turri-menu-panel-width: min(calc(100vw - 2rem), 42rem);
    --turri-menu-header-height: 7.2rem;
    --turri-menu-row-height: 4.8rem;
    --turri-menu-action-height: 5.6rem;
    --turri-menu-gutter: clamp(1.6rem, 4vw, 2.4rem);
    --turri-menu-icon-size: 2.4rem;

    inline-size: var(--turri-menu-panel-width);
    max-inline-size: var(--turri-menu-panel-width);
}

.main-menu__offcanvas .brx-offcanvas-inner {
    block-size: 100dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.main-menu-offcanvas__header {
    block-size: var(--turri-menu-header-height);
    flex: 0 0 var(--turri-menu-header-height);
    min-block-size: var(--turri-menu-header-height);
}

.main-menu-offcanvas__close {
    flex: 0 0 var(--turri-header-control-size, 4.4rem);
    min-inline-size: var(--turri-header-control-size, 4.4rem);
}

.main-menu-offcanvas__heading {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    min-width: 0;
}

.main-menu-offcanvas__heading .bricks-site-logo {
    display: block;
    height: auto;
    max-height: 4.8rem;
    width: clamp(9.6rem, 28vw, 11.2rem);
}

.main-menu-offcanvas__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.main-menu-offcanvas__account-host,
.main-menu-offcanvas__navigation-host,
.main-menu-offcanvas__support-host {
    display: block;
    width: 100%;
}

.turri-offcanvas__account,
.turri-offcanvas__orders,
.turri-offcanvas__support {
    align-items: center;
    color: var(--neutral-ultra-dark, #1a1a1a);
    display: flex;
    gap: var(--space-xs, 1.35rem);
    min-height: var(--turri-menu-action-height);
    padding-inline: var(--turri-menu-gutter);
    text-decoration: none;
}

.turri-offcanvas__account-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    inline-size: 100%;
}

.turri-offcanvas__account-actions > .turri-offcanvas__account,
.turri-offcanvas__account-actions > .turri-offcanvas__orders,
.turri-offcanvas__account--auth {
    flex: 0 0 auto;
    inline-size: 100%;
}

.turri-offcanvas__account {
    background: var(--neutral-ultra-light, #f2f2f2);
    border-block-end: 1px solid var(--neutral-light, #d9d9d9);
}

.turri-offcanvas__orders {
    background: var(--neutral-ultra-light, #f2f2f2);
    border-block-end: 1px solid var(--neutral-light, #d9d9d9);
    border-inline-start: 1px solid var(--neutral-light, #d9d9d9);
}

.turri-offcanvas__account-label {
    flex: 1 1 auto;
    font-size: var(--text-m, 1.6rem);
    font-weight: 600;
    white-space: nowrap;
}

.turri-offcanvas__account-icon,
.turri-offcanvas__orders-icon,
.turri-offcanvas__support-icon,
.turri-offcanvas__chevron {
    display: block;
    flex: 0 0 var(--turri-menu-icon-size);
    height: var(--turri-menu-icon-size);
    stroke-width: var(--turri-header-icon-stroke, 2);
    width: var(--turri-menu-icon-size);
}

.turri-offcanvas__chevron {
    color: var(--neutral, #737373);
}

.main-menu-offcanvas__navigation-host {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.turri-offcanvas__navigation,
.turri-offcanvas__navigation-list {
    margin: 0;
    padding: 0;
}

.turri-offcanvas__navigation-list {
    list-style: none;
    padding-block: var(--space-xs, 1.35rem);
}

.turri-offcanvas__navigation-list > li {
    list-style: none;
    margin: 0;
}

.turri-offcanvas__navigation-list > li > a {
    align-items: center;
    border-inline-start: 3px solid transparent;
    color: var(--neutral-ultra-dark, #1a1a1a);
    display: flex;
    font-size: var(--text-m, 1.6rem);
    min-height: var(--turri-menu-row-height);
    padding-inline: calc(var(--turri-menu-gutter) - 3px) var(--turri-menu-gutter);
    text-decoration: none;
}

.turri-offcanvas__navigation-list > li > a:is(:hover, :focus-visible),
.turri-offcanvas__navigation-list > .current-menu-item > a,
.turri-offcanvas__navigation-list > .current_page_item > a {
    background: var(--primary-ultra-light, #e9f0fb);
    border-inline-start-color: var(--primary, #1b4f9e);
    color: var(--primary-dark, #12376d);
}

.turri-offcanvas__account:focus-visible,
.turri-offcanvas__orders:focus-visible,
.turri-offcanvas__support:focus-visible,
.turri-offcanvas__navigation-list > li > a:focus-visible {
    outline: 3px solid var(--primary, #1b4f9e);
    outline-offset: -3px;
}

/* Keep secondary CTAs readable when the primary background token is applied. */
html body a.btn--secondary {
    background-color: var(--primary-dark, #12376d);
    border-color: var(--primary-dark, #12376d);
    color: var(--white, #fff);
}

html body a.btn--secondary:is(:hover, :focus-visible) {
    background-color: var(--primary, #1b4f9e);
    border-color: var(--primary, #1b4f9e);
    color: var(--white, #fff);
}

.main-menu-offcanvas__support-host {
    border-block-start: 1px solid var(--neutral-light, #d9d9d9);
    flex: 0 0 auto;
    margin-block-start: auto;
    padding-block-end: env(safe-area-inset-bottom, 0px);
}

.turri-offcanvas__support {
    color: var(--primary-dark, #12376d);
}

.turri-offcanvas__support-copy {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.turri-offcanvas__support-label {
    font-size: var(--text-m, 1.6rem);
    font-weight: 600;
}

.turri-offcanvas__support-detail {
    color: var(--neutral-dark, #404040);
    font-size: var(--text-xs, 1.3rem);
}

.header-search__logo {
    align-items: center;
    display: inline-flex;
    flex: 0 0 var(--turri-header-control-size);
    height: var(--turri-header-control-size);
    width: var(--turri-header-control-size);
}

.header-search__logo .bricks-site-logo {
    display: block;
    height: var(--turri-header-control-size);
    max-height: var(--turri-header-control-size);
    width: var(--turri-header-control-size);
}

.header-search__search-bar,
.header-search__search-bar .bricks-search-form,
.header-search__search-bar input[type="search"] {
    height: var(--turri-header-control-size);
    min-height: var(--turri-header-control-size);
}

.header-search__menu-toggle-icon {
    flex: 0 0 var(--turri-header-control-size);
    min-width: var(--turri-header-control-size);
    width: var(--turri-header-control-size);
    height: var(--turri-header-control-size);
}