/* Navigation Active State & Hover Effects - Header Only */

/* Current page - bold with accent color */
.wp-block-template-part.site-header .wp-block-navigation .current-menu-item > a,
.wp-block-template-part.site-header .wp-block-navigation .current_page_item > a,
header.wp-block-template-part .wp-block-navigation .current-menu-item > a,
header.wp-block-template-part .wp-block-navigation .current_page_item > a {
    font-weight: 700;
    color: var(--wp--preset--color--accent-4) !important;
}

/* Navigation link base styles for animation */
.wp-block-template-part.site-header .wp-block-navigation a,
header.wp-block-template-part .wp-block-navigation a {
    position: relative;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Underline animation element */
.wp-block-template-part.site-header .wp-block-navigation a::after,
header.wp-block-template-part .wp-block-navigation a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--wp--preset--color--accent-4);
    transition: width 0.3s ease;
}

/* Hover state */
.wp-block-template-part.site-header .wp-block-navigation a:hover,
header.wp-block-template-part .wp-block-navigation a:hover {
    color: var(--wp--preset--color--accent-4) !important;
}

/* Hover underline animation */
.wp-block-template-part.site-header .wp-block-navigation a:hover::after,
header.wp-block-template-part .wp-block-navigation a:hover::after {
    width: 100%;
}

/* Keep underline on current page */
.wp-block-template-part.site-header .wp-block-navigation .current-menu-item > a::after,
.wp-block-template-part.site-header .wp-block-navigation .current_page_item > a::after,
header.wp-block-template-part .wp-block-navigation .current-menu-item > a::after,
header.wp-block-template-part .wp-block-navigation .current_page_item > a::after {
    width: 100%;
}

/* Reset footer navigation - remove any inherited styles */
footer .wp-block-navigation a::after,
.wp-block-template-part.site-footer .wp-block-navigation a::after {
    display: none;
}

footer .wp-block-navigation .current-menu-item > a,
footer .wp-block-navigation .current_page_item > a,
.wp-block-template-part.site-footer .wp-block-navigation .current-menu-item > a,
.wp-block-template-part.site-footer .wp-block-navigation .current_page_item > a {
    font-weight: inherit;
    color: inherit !important;
}