/**
 * Page Navigation Block - Frontend Styles
 *
 * @package iHowz Theme
 */

/* Navigation Container */
.wp-block-ihowz-page-navigation,
.ihowz-page-navigation {
    font-family: var(--primary-font, "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif);
    font-size: 0.9375rem;
    line-height: 1.4;
}

/* Navigation Title */
.ihowz-page-navigation .page-navigation-title {
    font-family: var(--primary-font);
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary-green, #9cc130);
    color: var(--primary-charcoal, #263238);
}

/* Navigation List */
.ihowz-page-navigation .page-navigation-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ihowz-page-navigation .page-navigation-list ul {
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0;
}

/* Top level navigation items */
.ihowz-page-navigation .page-navigation-list > li {
    margin: 30px 0 8px 0;
    padding: 0;
}

.ihowz-page-navigation .page-navigation-list > li:first-child {
    margin-top: 0;
}

.ihowz-page-navigation .page-navigation-list > li:last-child {
    margin-bottom: 0;
}

/* Top level navigation links - white background boxes */
.ihowz-page-navigation .page-navigation-list > li > a {
    display: block;
    padding: 12px 15px;
    color: var(--primary-charcoal, #263238);
    text-decoration: none;
    font-weight: 600;
    background: #fff;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.ihowz-page-navigation .page-navigation-list > li > a:hover {
    background: var(--primary-green, #9cc130);
    color: #fff;
}

/* Current/Active top level page */
.ihowz-page-navigation .page-navigation-list > li.current_page_item > a,
.ihowz-page-navigation .page-navigation-list > li.current_page_ancestor > a {
    background: var(--primary-green, #9cc130);
    color: #fff;
}

/* Second level navigation items */
.ihowz-page-navigation .page-navigation-list li li {
    margin: 0 0 8px 0;
    padding: 0;
}

.ihowz-page-navigation .page-navigation-list li li:last-child {
    margin-bottom: 0;
}

/* Second level navigation links - light green fill */
.ihowz-page-navigation .page-navigation-list li li a {
    display: block;
    padding: 12px 15px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--primary-charcoal, #263238);
    text-decoration: none;
    background: rgba(156, 193, 48, 0.15);
    border-radius: 8px;
    transition: all 0.2s ease;
}

.ihowz-page-navigation .page-navigation-list li li a:hover {
    background: rgba(156, 193, 48, 0.75);
    color: #fff;
}

/* Current/Active second level page */
.ihowz-page-navigation .page-navigation-list li li.current_page_item > a {
    background: rgba(156, 193, 48, 0.75);
    color: #fff;
}

/* Third level navigation links */
.ihowz-page-navigation .page-navigation-list li li li a {
    padding-left: 25px;
    font-size: 0.8125rem;
}

/* Single level (depth-1) - reduce spacing between items */
.ihowz-page-navigation.depth-1 .page-navigation-list > li {
    margin: 8px 0;
}

.ihowz-page-navigation.depth-1 .page-navigation-list > li:first-child {
    margin-top: 0;
}

.ihowz-page-navigation.depth-1 .page-navigation-list > li:last-child {
    margin-bottom: 0;
}