/*
Theme Name: Cabinet
Author: Tyler Technologies
Description: Cabinet Template for Tyler Technologies
Requires at least: 6.8
Version: 1.0
*/


:root :where(.navbar ul.wp-block-navigation[class*="is-style-"]) {
    --nav-link-padding-x: .875rem;
    --nav-link-padding-y: 2.188rem;
    --nav-link-hover-color: var(--wp--preset--color--main-sections-contrast);
    --nav-link-hover-bg-color: var(--wp--preset--color--main-sections-bg);
    --nav-link-gap: 0;
}

:root :where(.navbar ul.is-style-bottom-border-nav) {
    --nav-underline-border-width: 5px;
    --nav-underline-border-color: var(--wp--preset--color--main-sections-highlight);
}

:where(.navbar) .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
:where(.navbar) .wp-block-navigation .current-menu-ancestor > .wp-block-navigation-item__content {
    font-weight: 500;
}

@media (min-width: 783px) {
    .navbar__nav-wrapper {
        align-self: flex-end;
    }
}

@container nav-wrapper style(--navigation-layout-direction: column) {
    :root :where(.navbar .wp-block-navigation[class*="is-style-"]) {
        --nav-link-padding-x: 0.5rem;
        --nav-link-padding-y: 0.563rem;
        --nav-link-hover-color: var(--wp--preset--color--primary);
        --nav-link-hover-bg-color: transparent;
    }
}

:root :where(.section-nav-toggler) {
    --wp--custom--focus--offset: calc(var(--wp--custom--focus--width) * -2.5);
}

:root :where(.section-nav ul.is-style-bottom-border-nav) {
    --nav-link-hover-color: currentColor;
    --nav-underline-border-width: 3px;
    --nav-font-size: 1rem;
    --nav-underline-border-color: var(--wp--preset--color--main-sections-highlight);

    justify-content: flex-end;
}

@container nav-wrapper style(--navigation-layout-direction: column) {
    :root :where(.section-nav ul.is-style-bottom-border-nav) .wp-block-navigation__submenu-container {
        --nav-dropdown-color: currentColor;
    }
}

.wp-block-breadcrumbs {
    --breadcrumb-font-weight: 400;
}