/* Dedicated header round. Native Navigation continues to own its dialog. */
.btt-header.btt-header-round {
    --btt-header-height: 96px;
    --btt-header-admin-offset: 0px;
    --btt-header-side: 24px;
    --btt-header-toggle-size: 52px;
    height: var(--btt-header-height);
    padding: 0;
    border-radius: 0;
}
body.admin-bar .btt-header.btt-header-round { --btt-header-admin-offset: var(--wp-admin--admin-bar--height, 32px); }
.btt-header.btt-header-round .btt-header__row { height: 100%; gap: 20px; flex-wrap: nowrap; }
.btt-header.btt-header-round .btt-header__brand { flex: 0 0 auto; margin: 0; }
.btt-header.btt-header-round .btt-main-nav { order: 1; margin-left: auto; }
.btt-header.btt-header-round .btt-main-nav .wp-block-navigation__container { gap: 4px; }
.btt-header.btt-header-round .wp-block-navigation-item__content { min-height: 52px; padding: 14px 12px; border-radius: 0; font-size: 16px; font-weight: 600; line-height: 1.25; }
.btt-header.btt-header-round :is(a, button) { border-radius: 0; -webkit-tap-highlight-color: transparent; }
.btt-header.btt-header-round :is(a, button):focus-visible { outline: 3px solid #17e4c4; outline-offset: 4px; }
.btt-header.btt-header-round .btt-header-round__access { order: 2; display: flex; align-items: center; flex: 0 0 auto; gap: 10px; margin: 0; }
.btt-header.btt-header-round .btt-member-access { margin: 0; }
.btt-header.btt-header-round :is(.btt-header-round__cart, .btt-member-access__link, .btt-header-round__account) {
    position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 12px 14px;
    gap: 8px; border: 1px solid #ffffff52; border-radius: 0; background: transparent; color: #fff; font: 600 16px/1.2 Roboto, sans-serif; text-decoration: none; white-space: nowrap;
}
.btt-header.btt-header-round .btt-header-round__cart { width: 52px; padding: 0; }
.btt-header.btt-header-round :is(.btt-header-round__cart, .btt-member-access__link, .btt-header-round__account):hover { color: #17e4c4; background: #17e4c41c; border-color: #17e4c4; }
.btt-header.btt-header-round .btt-member-access__link span { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: nowrap; }
.btt-header-round__quantity { position: absolute; top: -8px; right: -8px; display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 4px; background: #17e4c4; color: #101010; font: 700 12px/1 Roboto, sans-serif; font-variant-numeric: tabular-nums; }
/* BTT triangle belongs to the cart count only; its text stays upright and unclipped. */
.btt-header-round__cart > .btt-header-round__quantity {
    top: -16px; right: -10px; min-width: 36px; height: 40px; box-sizing: border-box;
    padding: 0 14px 0 3px; background: transparent; isolation: isolate; z-index: 1;
    font-size: 11px; pointer-events: none;
}
.btt-header-round__cart > .btt-header-round__quantity::before {
    content: ""; position: absolute; inset: 0; z-index: -1;
    background: #17e4c4; clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.btt-header-round__quantity[hidden] { display: none !important; }
.btt-header-round__member { position: relative; display: inline-flex; flex: 0 0 auto; }
.btt-header.btt-header-round .btt-header__socials, .btt-header.btt-header-round .btt-menu__socials { display: none; }

@keyframes btt-round-open-top { from { transform: translateY(-7px) rotate(0); } to { transform: rotate(45deg); } }
@keyframes btt-round-open-bottom { from { transform: translateY(7px) rotate(0); } to { transform: rotate(-45deg); } }
@keyframes btt-round-close-top { from { transform: translateY(7px) rotate(45deg); } to { transform: rotate(0); } }
@keyframes btt-round-close-bottom { from { transform: translateY(-7px) rotate(-45deg); } to { transform: rotate(0); } }
@media (max-width: 979px) {
    .btt-header.btt-header-round {
        --btt-header-height: 88px; --btt-header-side: 16px;
        position: fixed; z-index: 1000; top: var(--btt-header-admin-offset); left: 0; right: 0;
        transition: top 220ms ease; will-change: top;
    }
    .btt-header.btt-header-round[data-btt-header-hidden="true"] { top: calc(var(--btt-header-admin-offset) - var(--btt-header-height)); }
    .btt-header.btt-header-round[data-btt-menu-open="true"] { top: var(--btt-header-admin-offset); transition: none; }
    .btt-header.btt-header-round .btt-wrapper { width: calc(100% - 32px); }
    .btt-header.btt-header-round .btt-header__row { justify-content: flex-start; gap: 8px; }
    .btt-header.btt-header-round .btt-header__brand img { height: 48px; }
    .btt-header.btt-header-round .btt-header-round__access { order: 1; margin-left: auto; gap: 8px; }
    .btt-header.btt-header-round .btt-member-access__link, .btt-header.btt-header-round .btt-header-round__account { padding: 12px 10px; font-size: 14px; gap: 7px; }
    .btt-header.btt-header-round .btt-member-access__link svg { width: 20px; height: 20px; }
    .btt-header.btt-header-round .btt-main-nav { order: 2; flex: 0 0 52px; margin-left: 0; }
    .btt-header.btt-header-round .btt-main-nav :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) {
        box-sizing: border-box; width: 52px; height: 52px; min-height: 52px; padding: 0; border: 1px solid #ffffff52;
        border-radius: 0; color: #fff; background: linear-gradient(currentColor,currentColor) center / 28px 2px no-repeat;
    }
    .btt-header.btt-header-round .btt-main-nav .wp-block-navigation__responsive-container-open { display: block; position: relative; }
    .btt-header.btt-header-round .btt-main-nav :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) svg { display: none; }
    .btt-header.btt-header-round .btt-main-nav :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close)::before,
    .btt-header.btt-header-round .btt-main-nav :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close)::after {
        content: ""; position: absolute; left: 11px; top: 24px; bottom: auto; width: 28px; height: 2px; background: currentColor;
    }
    .btt-header.btt-header-round .btt-main-nav .wp-block-navigation__responsive-container-open::before { top: 17px; transform: none; }
    .btt-header.btt-header-round .btt-main-nav .wp-block-navigation__responsive-container-open::after { top: 31px; transform: none; }
    .btt-header.btt-header-round[data-btt-menu-used="true"] .wp-block-navigation__responsive-container-open::before { animation: btt-round-close-top 180ms ease both; }
    .btt-header.btt-header-round[data-btt-menu-used="true"] .wp-block-navigation__responsive-container-open::after { animation: btt-round-close-bottom 180ms ease both; }
    .btt-header.btt-header-round .btt-main-nav .wp-block-navigation__responsive-container-close {
        position: fixed; top: var(--btt-header-toggle-top, calc(var(--btt-header-admin-offset) + 18px));
        left: var(--btt-header-toggle-left, auto); right: var(--btt-header-side); z-index: 2; background: #111; color: #17e4c4;
    }
    .btt-header.btt-header-round .btt-main-nav .wp-block-navigation__responsive-container-close::before { transform: rotate(45deg); animation: btt-round-open-top 180ms ease both; }
    .btt-header.btt-header-round .btt-main-nav .wp-block-navigation__responsive-container-close::after { transform: rotate(-45deg); animation: btt-round-open-bottom 180ms ease both; }
    .btt-header.btt-header-round .btt-main-nav .wp-block-navigation__responsive-container.is-menu-open {
        position: fixed; inset: auto 0 0 auto; top: var(--btt-header-panel-top, calc(var(--btt-header-height) + var(--btt-header-admin-offset)));
        width: 100%; max-width: 460px; height: calc(100vh - var(--btt-header-height) - var(--btt-header-admin-offset));
        height: calc(100dvh - var(--btt-header-height) - var(--btt-header-admin-offset)); padding: 0;
        overflow: auto; overscroll-behavior: contain; background: #111; transform: none; animation: none;
    }
    body.admin-bar .btt-header.btt-header-round .btt-main-nav .wp-block-navigation__responsive-container.is-menu-open {
        top: var(--btt-header-panel-top, calc(var(--btt-header-height) + var(--btt-header-admin-offset)));
        height: calc(100vh - var(--btt-header-height) - var(--btt-header-admin-offset));
        height: calc(100dvh - var(--btt-header-height) - var(--btt-header-admin-offset));
    }
    body.admin-bar .btt-header.btt-header-round .btt-main-nav .wp-block-navigation__responsive-container-close {
        top: var(--btt-header-toggle-top, calc(var(--btt-header-admin-offset) + 18px));
    }
    .btt-header.btt-header-round .btt-main-nav .is-menu-open .wp-block-navigation__responsive-close,
    .btt-header.btt-header-round .btt-main-nav .is-menu-open .wp-block-navigation__responsive-dialog { min-height: 100%; width: 100%; align-items: stretch; justify-content: center; margin: 0; }
    .btt-header.btt-header-round .btt-main-nav .is-menu-open .wp-block-navigation__responsive-container-content { width: 100%; padding: 24px 24px 36px; align-items: stretch; justify-content: center; gap: 24px; animation: none; }
    .btt-header.btt-header-round .btt-main-nav .is-menu-open .wp-block-navigation__container { width: 100%; flex-direction: column; align-items: stretch; gap: 6px; }
    .btt-header.btt-header-round .btt-main-nav .is-menu-open .wp-block-navigation-item { width: 100%; }
    .btt-header.btt-header-round .btt-main-nav .is-menu-open .wp-block-navigation-item__content { display: flex; width: 100%; min-height: 60px; justify-content: center; padding: 16px; border-radius: 0; font-size: 22px; line-height: 1.25; }
    .btt-header.btt-header-round .btt-main-nav .is-menu-open .btt-menu__socials { display: flex; justify-content: center; gap: 16px; margin: 0; padding: 0; }
    .btt-header.btt-header-round .btt-menu__socials .wp-social-link { margin: 0; background: transparent; }
    .btt-header.btt-header-round .btt-menu__socials a { display: grid; place-items: center; width: 52px; height: 52px; padding: 10px; }
    .btt-header.btt-header-round .btt-menu__socials svg { display: block; width: 24px; height: 24px; }
    .btt-header.btt-header-round .btt-menu__socials a::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .btt-header.btt-header-round { transition: none; }
    .btt-header.btt-header-round *, .btt-header.btt-header-round *::before, .btt-header.btt-header-round *::after { animation: none !important; scroll-behavior: auto; }
}