/* ------------------------------
 * Navigation Header Style
 * ------------------------------ */


/* -------------------- main nav links -------------------- */

/* active (current) menu item */

nav.is-style-nav-header .current-menu-item {
    padding: 15px 20px 13px 20px;
    color: var(--wp--preset--color--secondary);
    border-bottom: 2px solid var(--wp--preset--color--secondary);
}

/* inactive menu items */

nav.is-style-nav-header .wp-block-navigation-item:not(.current-menu-item) {
    padding: 15px 20px;
    color: var(--wp--preset--color--primary);
}

/* hover effect for inactive items */

nav.is-style-nav-header .wp-block-navigation-item:not(.current-menu-item):hover {
    background-color: color-mix(in srgb, var(--wp--preset--color--secondary) 5%, transparent);
}

/* change text and icon color on hover */

nav.is-style-nav-header .wp-block-navigation-item:not(.current-menu-item):hover > a,
nav.is-style-nav-header .wp-block-navigation-item:not(.current-menu-item):hover .wp-block-navigation__submenu-icon svg {
    color: var(--wp--preset--color--secondary);
}

/* reset padding for first two items (logo & title ) */

nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"]
    .wp-block-navigation__container > .wp-block-navigation-item:nth-child(1),
nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"]
    .wp-block-navigation__container > .wp-block-navigation-item:nth-child(2) {
        padding: 0 !important;
}

/* remove padding on submenu items */

nav.is-style-nav-header .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    padding: 0;
}


/* -------------------- search icon (desktop) -------------------- */

nav.is-style-nav-header .wp-block-search:hover button {
    background-color: color-mix(in srgb, var(--wp--preset--color--secondary) 20%, transparent);
    transition: background-color 0.1s ease, color 0.1s ease;
}

nav.is-style-nav-header .wp-block-search:hover button svg {
    color: var(--wp--preset--color--secondary);
    transition: color 0.1s ease;
}


/* --------------- icon styles (burger, close, dropdown) --------------- */

/* open menu (burger icon) */

nav.is-style-nav-header button[aria-label="Open menu"] svg {
    fill: var(--wp--preset--color--primary);
}

/* close menu (X icon) */

nav.is-style-nav-header button[aria-label="Close menu"] svg {
    fill: var(--wp--preset--color--secondary);
}

/* dropdown submenu chevron icons */

nav.is-style-nav-header .wp-block-navigation__submenu-icon svg {
    color: var(--wp--preset--color--primary);
}

/* force background transparency on dropdown container */

nav.is-style-nav-header .wp-block-navigation .wp-block-navigation__submenu-icon {
    background-color: transparent !important;
}


/* -------------------- site logo & title -------------------- */

/* logo size on open menu */

nav.is-style-nav-header img.custom-logo {
    height: 120px !important;
}

/* site title font size */

nav.is-style-nav-header .wp-block-site-title {
    font-size: var(--wp--preset--font-size--x-large);
}


/* ---------- remove logo/title (in slide-in mobile menu area) ---------- */

/* hide logo and title in "non-menu" dialogs (mobile sidebar or header overlap) */

nav.is-style-nav-header .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) img.custom-logo,
nav.is-style-nav-header .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) .wp-block-site-logo,
nav.is-style-nav-header .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) .wp-block-site-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* hide first two nav items (logo and title links) from non-Menu dialogs */

nav.is-style-nav-header .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) 
.wp-block-navigation__container > .wp-block-navigation-item:nth-child(1),
nav.is-style-nav-header .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) 
.wp-block-navigation__container > .wp-block-navigation-item:nth-child(2) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* -------------------- show logo/title in slide-in menu -------------------- */

nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"] img.custom-logo,
nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"] .wp-block-site-title {
    display: block;
    margin-top: 0;
    padding: 0;
}


/* -------------------- mobile menu items -------------------- */

/* make all items in the responsive menu full-width */

nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-navigation__container > .wp-block-navigation-item,
nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-navigation-item > a,
nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-search {
    display: block;
    width: 100%;
}

/* highlight style for current menu item (not logo/title) */

nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"] 
.wp-block-navigation__container > .wp-block-navigation-item.current-menu-item:not(:nth-child(1)):not(:nth-child(2)) {
    color: var(--wp--preset--color--secondary) !important;
    background-color: color-mix(in srgb, var(--wp--preset--color--secondary) 5%, transparent) !important;
    border-left: 4px solid var(--wp--preset--color--secondary);
    border-bottom: none;
}

/* left indent for inactive mobile items */

nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"] 
.wp-block-navigation-item:not(.current-menu-item) {
    padding-left: 24px;
}

/* color for inactive submenu links (mobile) */

nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-navigation-submenu .wp-block-navigation-item:not(.current-menu-item) > a {
    color: var(--wp--preset--color--contrast);
}

/* hover effect for inactive items */

nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"] 
.wp-block-navigation-item:not(.current-menu-item):hover {
    padding-left: 20px;
    border-left: 4px solid var(--wp--preset--color--primary);
}

/* avoid border on hover for first two hidden items */

nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-navigation__container > .wp-block-navigation-item:nth-child(1):hover,
nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-navigation__container > .wp-block-navigation-item:nth-child(2):hover {
    border-left: none;
}

/* hover text color for inactive items */

nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"] 
.wp-block-navigation-item:not(.current-menu-item):hover > a {
    color: var(--wp--preset--color--primary);
}

/* highlight style for active submenu items in mobile */

nav.is-style-nav-header .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-navigation-submenu .wp-block-navigation-item.current-menu-item {
    color: var(--wp--preset--color--secondary) !important;
    background-color: color-mix(in srgb, var(--wp--preset--color--secondary) 5%, transparent) !important;
    border-left: 4px solid var(--wp--preset--color--secondary);
    border-bottom: none;
}





/* ------------------------------
 * Navigation Footer Style
 * ------------------------------ */


nav.is-style-nav-footer {
    padding: var(--wp--preset--spacing--60) 0;
    color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--primary);
}

nav.is-style-nav-footer .wp-block-navigation__responsive-container-content,
nav.is-style-nav-footer .wp-block-navigation__container {
    display: flex;
    flex-direction: column;
}

/* -------------------- main nav links -------------------- */

/* active (current) menu item */

nav.is-style-nav-footer .current-menu-item {
    /* padding: 15px 20px 13px 20px;
    color: var(--wp--preset--color--secondary);
    border-bottom: 2px solid var(--wp--preset--color--secondary); */
}

/* inactive menu items */

nav.is-style-nav-footer .wp-block-navigation-item:not(.current-menu-item) {
    /* padding: 15px 20px;
    color: var(--wp--preset--color--primary); */
}

/* hover effect for inactive items */

nav.is-style-nav-footer .wp-block-navigation-item:not(.current-menu-item):hover {
    /* background-color: color-mix(in srgb, var(--wp--preset--color--secondary) 5%, transparent); */
}

/* change text and icon color on hover */

nav.is-style-nav-footer .wp-block-navigation-item:not(.current-menu-item):hover > a,
nav.is-style-nav-footer .wp-block-navigation-item:not(.current-menu-item):hover .wp-block-navigation__submenu-icon svg {
    /* color: var(--wp--preset--color--secondary); */
}

/* reset padding for first two items (logo & title ) */

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"]
    .wp-block-navigation__container > .wp-block-navigation-item:nth-child(1),
nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"]
    .wp-block-navigation__container > .wp-block-navigation-item:nth-child(2) {
        /* padding: 0 !important; */
}

/* remove padding on submenu items */

nav.is-style-nav-footer .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    /* padding: 0; */
}


/* -------------------- search icon (desktop) -------------------- */

nav.is-style-nav-footer .wp-block-search:hover button {
    /* background-color: color-mix(in srgb, var(--wp--preset--color--secondary) 20%, transparent);
    transition: background-color 0.1s ease, color 0.1s ease; */
}

nav.is-style-nav-footer .wp-block-search:hover button svg {
    /* color: var(--wp--preset--color--secondary);
    transition: color 0.1s ease; */
}


/* --------------- icon styles (burger, close, dropdown) --------------- */

/* open menu (burger icon) */

nav.is-style-nav-footer button[aria-label="Open menu"] svg {
    /* fill: var(--wp--preset--color--primary); */
}

/* close menu (X icon) */

nav.is-style-nav-footer button[aria-label="Close menu"] svg {
    /* fill: var(--wp--preset--color--secondary); */
}

/* dropdown submenu chevron icons */

nav.is-style-nav-footer .wp-block-navigation__submenu-icon svg {
    /* color: var(--wp--preset--color--primary); */
}

/* force background transparency on dropdown container */

nav.is-style-nav-footer .wp-block-navigation .wp-block-navigation__submenu-icon {
    /* background-color: transparent !important; */
}


/* -------------------- site logo & title -------------------- */

/* logo size on open menu */

nav.is-style-nav-footer img.custom-logo {
    height: 120px !important;
}

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) img.custom-logo {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(5795%) hue-rotate(69deg) brightness(115%) contrast(101%);
}

/* site title styling */

nav.is-style-nav-footer .wp-block-site-title {
    margin-top: 0;
    font-size: var(--wp--preset--font-size--x-large);
}

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) .wp-block-site-title {
    color: var(--wp--preset--color--base);
}

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) .wp-block-site-title a:hover {
    color: var(--wp--preset--color--base) !important;
}


/* ---------- remove logo/title (in slide-in mobile menu area) ---------- */

/* hide logo and title in "non-menu" dialogs (mobile sidebar or footer overlap) */

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) img.custom-logo,
nav.is-style-nav-footer .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) .wp-block-site-logo,
nav.is-style-nav-footer .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) .wp-block-site-title {
    /* display: none !important;
    margin: 0 !important;
    padding: 0 !important; */
}

/* hide first two nav items (logo and title links) from non-Menu dialogs */

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) 
.wp-block-navigation__container > .wp-block-navigation-item:nth-child(1),
nav.is-style-nav-footer .wp-block-navigation__responsive-dialog:not([aria-label="Menu"]) 
.wp-block-navigation__container > .wp-block-navigation-item:nth-child(2) {
    /* display: none !important;
    margin: 0 !important;
    padding: 0 !important; */
}


/* -------------------- show logo/title in slide-in menu -------------------- */

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"] img.custom-logo,
nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"] .wp-block-site-title {
    /* display: block;
    margin: 0;
    padding: 0; */
}


/* -------------------- mobile menu items -------------------- */

/* make all items in the responsive menu full-width */

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-navigation__container > .wp-block-navigation-item,
nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-navigation-item > a,
nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-search {
    display: block;
    width: 100%;
}

/* highlight style for current menu item (not logo/title) */

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"] 
.wp-block-navigation__container > .wp-block-navigation-item.current-menu-item:not(:nth-child(1)):not(:nth-child(2)) {
    /* color: var(--wp--preset--color--secondary) !important;
    background-color: color-mix(in srgb, var(--wp--preset--color--secondary) 5%, transparent) !important;
    border-left: 4px solid var(--wp--preset--color--secondary);
    border-bottom: none; */
}

/* left indent for inactive mobile items */

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"] 
.wp-block-navigation-item:not(.current-menu-item) {
    /* padding-left: 24px; */
}

/* color for inactive submenu links (mobile) */

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-navigation-submenu .wp-block-navigation-item:not(.current-menu-item) > a {
    /* color: var(--wp--preset--color--contrast); */
}

/* hover effect for inactive items */

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"] 
.wp-block-navigation-item:not(.current-menu-item):hover {
    /* padding-left: 20px;
    border-left: 4px solid var(--wp--preset--color--primary); */
}

/* avoid border on hover for first two hidden items */

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-navigation__container > .wp-block-navigation-item:nth-child(1):hover,
nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-navigation__container > .wp-block-navigation-item:nth-child(2):hover {
    /* border-left: none; */
}

/* hover text color for inactive items */

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"] 
.wp-block-navigation-item:not(.current-menu-item):hover > a {
    /* color: var(--wp--preset--color--primary); */
}

/* highlight style for active submenu items in mobile */

nav.is-style-nav-footer .wp-block-navigation__responsive-dialog[aria-label="Menu"]
.wp-block-navigation-submenu .wp-block-navigation-item.current-menu-item {
    /* color: var(--wp--preset--color--secondary) !important;
    background-color: color-mix(in srgb, var(--wp--preset--color--secondary) 5%, transparent) !important;
    border-left: 4px solid var(--wp--preset--color--secondary);
    border-bottom: none; */
}






.wp-block-navigation.is-style-navigation-footer-link .wp-block-navigation-item__content {
    color: var(--wp--preset--color--base);
}

.wp-block-navigation.is-style-navigation-footer-link .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--accent-2);
}

.wp-block-navigation.is-style-navigation-footer-link .submenu {
    padding-left: var(--wp--preset--spacing--20);
}