/*!
 * Tbase — Navigation CSS
 *
 * Styles for header navigation, including desktop dropdowns and mobile offcanvas menu.
 *
 * @author Themeasy
 * @link https://themeasy.co
 * @since 1.0.0
 */
.tbase-header{z-index:999;border-bottom:1px solid var(--tms-border-color);background:color-mix(in srgb, var(--tms-bg-color) 75%, transparent);-webkit-backdrop-filter:blur(6px);position:relative}.tbase-header__row{justify-content:space-between;align-items:center;gap:var(--tms-spacing-md);padding:var(--tms-spacing-md) 0;display:flex}.tbase-header__row--topbar{width:-moz-fit-content;width:fit-content;margin-left:auto;margin-top:var(--tms-spacing-sm);border-radius:var(--tms-radius-sm);border:1px solid var(--tms-border-color);justify-content:center;padding:.5rem 1rem;display:none}@media (min-width:1024px){.tbase-header__row--topbar{display:flex}}.tbase-header__branding{align-items:center;display:flex}.tbase-branding__link{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.tbase-branding__logo{width:auto;height:24px;display:block}.tbase-branding__title{font-size:var(--tms-font-size-lg);font-weight:var(--tms-bold-font-weight);letter-spacing:-.02em}.tbase-nav__topbar{align-items:center;gap:var(--tms-spacing-sm);display:flex}.tbase-nav__topbar .tbase-menu--topbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tbase-nav__topbar .tbase-menu--topbar a{font-size:var(--tms-font-size-xs);opacity:.65;padding:.5rem}.tbase-nav__topbar .tbase-menu--topbar a:hover{opacity:1}.tbase-nav__topbar .tbase-menu--topbar a:focus-visible{opacity:1}.tbase-nav{position:relative}.tbase-nav__desktop{align-items:center;gap:var(--tms-spacing-sm);display:none}@media (min-width:1024px){.tbase-nav__desktop{display:flex}}.tbase-menu{margin:0;padding:0;list-style:none}.tbase-menu>li{position:relative}.tbase-menu a{color:var(--tms-body-color);font-size:var(--tms-font-size-sm);font-weight:var(--tms-heading-font-weight);white-space:nowrap;border-radius:var(--tms-radius-sm);transition:color var(--tms-transition-fast), background-color var(--tms-transition-fast);align-items:flex-end;gap:.5rem;padding:.5rem;line-height:1;text-decoration:none;display:inline-flex}.tbase-menu a:hover{color:var(--tms-heading-color)}.tbase-menu a:focus-visible{color:var(--tms-heading-color)}.tbase-menu--primary{flex-wrap:wrap;align-items:center;gap:1rem;width:-moz-fit-content;width:fit-content;display:flex}.tbase-menu--primary>.menu-item-has-children>a:after{content:"";width:10px;height:10px;transition:transform var(--tms-transition-fast), opacity var(--tms-transition-fast);background:currentColor;flex-shrink:0;margin-bottom:1px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4.75 7.75 14.5 8.5' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4.75 7.75 14.5 8.5' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") 50%/contain no-repeat}.tbase-menu--primary>.menu-item-has-children:hover>a:after,.tbase-menu--primary>.menu-item-has-children:focus-within>a:after{transform:rotate(180deg)}.tbase-menu .sub-menu{background:var(--tms-bg-color);border-radius:var(--tms-radius-md);min-width:180px;box-shadow:var(--tms-shadow-lg);z-index:100;visibility:hidden;opacity:0;transform-origin:0 0;pointer-events:none;transition:opacity var(--tms-transition-fast), transform var(--tms-transition-fast), visibility 0s linear .2s;margin:0;padding:.5rem 0;list-style:none;position:absolute;top:100%;left:0;transform:translateY(6px)scale(.98)}.tbase-menu .sub-menu a{border-radius:var(--tms-radius-sm);padding:.75rem 1.25rem;display:flex}.tbase-menu .sub-menu a:hover{color:var(--tms-heading-color)}.tbase-menu .sub-menu a:focus-visible{color:var(--tms-heading-color)}.tbase-menu .sub-menu .sub-menu{transform-origin:0 0;top:-.5rem;left:calc(100% - .25rem);transform:translate(-8px)scale(.98)}.tbase-menu>li>.sub-menu.tbase-flip-x{transform-origin:100% 0;left:auto;right:0}.tbase-menu .sub-menu .sub-menu.tbase-flip-x{transform-origin:100% 0;margin-left:0;margin-right:-6px;left:auto;right:100%;transform:translate(6px)scale(.98)}.tbase-menu .sub-menu .menu-item-has-children>a:after{content:"";width:10px;height:10px;transition:opacity var(--tms-transition-fast);background:currentColor;flex-shrink:0;margin-left:auto;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='7.75 4.75 8.5 14.5' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='7.75 4.75 8.5 14.5' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") 50%/contain no-repeat}@media (min-width:1024px){.tbase-menu>li:hover>.sub-menu,.tbase-menu>li:focus-within>.sub-menu{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.tbase-menu .sub-menu li:hover>.sub-menu,.tbase-menu .sub-menu li:focus-within>.sub-menu{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translate(0)scale(1)}.tbase-menu .sub-menu .menu-item-has-children{position:relative}.tbase-menu .sub-menu .menu-item-has-children:after{content:"";pointer-events:auto;background:0 0;width:10px;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.tbase-menu .sub-menu li:hover>.sub-menu.tbase-flip-x,.tbase-menu .sub-menu li:focus-within>.sub-menu.tbase-flip-x{transform:translate(0)scale(1)}}.tbase-nav__toggle{align-items:center;gap:var(--tms-spacing-xs);color:var(--tms-heading-color);transition:background .15s,border-color .15s;display:flex}@media (min-width:1024px){.tbase-nav__toggle{display:none}}.tbase-nav__toggle-icon{flex-direction:column;flex-shrink:0;justify-content:space-between;width:24px;height:18px;display:flex}.tbase-nav__toggle-icon span{border-radius:var(--tms-radius-pill);height:2px;transition:opacity var(--tms-transition-fast), transform var(--tms-transition-fast);background:currentColor;display:block}html.tbase-offcanvas-open,html.tbase-offcanvas-open body{overflow:hidden}.tbase-offcanvas[hidden]{display:none!important}.tbase-offcanvas{z-index:9999;background:var(--tms-bg-color);width:100%;height:100vh;animation:tbase-offcanvas-in var(--tms-transition-base) both;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes tbase-offcanvas-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.tbase-offcanvas__panel{flex-direction:column;height:100%;display:flex}.tbase-offcanvas__header{padding:var(--tms-spacing-md);border-bottom:1px solid var(--tms-border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.tbase-offcanvas__title{font-weight:var(--tms-bold-font-weight);color:var(--tms-heading-color)}.tbase-offcanvas__close{border:1px solid var(--tms-border-color);border-radius:var(--tms-radius-pill);cursor:pointer;width:36px;height:36px;color:var(--tms-heading-color);background:0 0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.tbase-offcanvas__close:hover{background:color-mix(in srgb, var(--tms-heading-color) 5%, transparent)}.tbase-offcanvas__body{padding:var(--tms-spacing-sm) var(--tms-spacing-sm) var(--tms-spacing-lg);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.tbase-search-toggle{border-radius:var(--tms-radius-pill);border:1px solid var(--tms-border-color);width:36px;height:36px;color:var(--tms-body-color);cursor:pointer;transition:transform var(--tms-transition-fast), border-color var(--tms-transition-fast), background-color var(--tms-transition-fast), box-shadow var(--tms-transition-fast);justify-content:center;align-items:center;display:inline-flex}.tbase-search-toggle:hover{border-color:var(--tms-button-bg-color);background-color:var(--tms-button-bg-color);color:var(--tms-button-text-color);box-shadow:var(--tms-spacing-lg);transform:translateY(-2px)}.tbase-search-toggle:focus-visible{border-color:var(--tms-button-bg-color);background-color:var(--tms-button-bg-color);color:var(--tms-button-text-color);box-shadow:var(--tms-spacing-lg);transform:translateY(-2px)}.tbase-search-toggle svg{width:auto;height:var(--tms-font-size-md)}.tbase-search-panel[hidden]{display:none}.tbase-search-panel{width:min(420px,90vw);margin-top:var(--tms-spacing-sm);padding:var(--tms-spacing-md);background:var(--tms-bg-color);border-radius:var(--tms-radius-md);box-shadow:var(--tms-shadow-lg);z-index:100;position:absolute;top:100%;right:0}.tbase-search-panel__inner{width:100%}.tbase-search-panel form{margin:0}.tbase-menu--mobile{gap:0;display:grid}.tbase-menu--mobile a{width:100%;min-height:44px;padding:var(--tms-spacing-sm) var(--tms-spacing-sm);border-radius:var(--tms-radius-sm);align-items:center;transition:background .13s;display:flex}.tbase-menu--mobile a:hover{background:color-mix(in srgb, var(--tms-heading-color) 5%, transparent)}.tbase-menu--mobile a:focus-visible{background:color-mix(in srgb, var(--tms-heading-color) 5%, transparent)}.tbase-menu--mobile .menu-item-has-children{column-gap:var(--tms-spacing-sm);flex-wrap:wrap;display:flex}.tbase-menu--mobile .menu-item-has-children>a{flex:1;min-width:0}.tbase-menu--mobile .sub-menu .menu-item-has-children>a:after{content:none}.tbase-menu--mobile .sub-menu{width:100%;margin-left:var(--tms-spacing-sm);visibility:visible;opacity:1;pointer-events:auto;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;transition:none;display:none;position:static;transform:none}.tbase-menu--mobile .menu-item-has-children.tbase-is-open>.sub-menu{gap:0;display:grid}.tbase-menu--mobile .sub-menu a{font-size:var(--tms-font-size-sm);padding:var(--tms-spacing-sm)}.tbase-menu--mobile .sub-menu .sub-menu{margin-left:var(--tms-spacing-sm);padding-left:var(--tms-spacing-sm)}.tbase-menu__toggle{border-radius:var(--tms-radius-sm);cursor:pointer;width:42px;height:42px;color:inherit;background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;transition:background .13s,transform .2s;display:inline-flex}.tbase-menu__toggle:hover{background:color-mix(in srgb, var(--tms-heading-color) 5%, transparent)}.tbase-menu__toggle:before{content:"";background:currentColor;width:14px;height:14px;transition:transform .22s cubic-bezier(.4,0,.2,1);display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4.75 7.75 14.5 8.5' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4.75 7.75 14.5 8.5' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") 50%/contain no-repeat}.tbase-menu--mobile .menu-item-has-children.tbase-is-open>.tbase-menu__toggle:before{transform:rotate(180deg)}