/**
 * Header Modern Override
 * Cleaner navigation, brand-aligned buttons
 */

/* Fix layout shift — ensure nav is left-aligned immediately */
html body .site-header .main-navigation {
    margin-right: auto;
}

html body .site-header .nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Navigation links — bolder, darker */
html body .site-header .nav-menu a {
    color: #334155;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
    transition: color 0.2s ease;
}

html body .site-header .nav-menu a:hover {
    color: #0f172a;
}

/* Active page indicator */
html body .site-header .nav-menu .current-menu-item > a,
html body .site-header .nav-menu .current_page_item > a {
    color: #0f172a;
    font-weight: 700;
}

/* Header buttons — brand colors */
.header-buttons .button-primary {
    background: #dc2626;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 13px;
    box-shadow: none;
    transition: all 0.2s ease;
}

.header-buttons .button-primary:hover {
    background: #b91c1c;
    color: #ffffff;
}

.header-buttons .button-outline {
    background: #ffffff;
    color: #0f172a;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 13px;
    box-shadow: none;
    transition: all 0.2s ease;
}

.header-buttons .button-outline:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
}

/* Search bar — modern, subtle */
.header-search .search-form {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 8px 14px;
    transition: all 0.2s ease;
}

.header-search .search-form:focus-within {
    border-color: #cbd5e1;
    background: #ffffff;
}

.header-search .search-field {
    font-size: 13px;
    color: #334155;
}

.header-search .search-field::placeholder {
    color: #94a3b8;
}

.header-search .search-submit {
    color: #94a3b8;
    transition: color 0.2s ease;
}

.header-search .search-submit:hover {
    color: #334155;
}

/* Dropdown menus — cleaner */
.menu-item-has-children .sub-menu,
.has-dropdown .sub-menu {
    border: 1px solid #e2e8f0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 8px 0;
}

.menu-item-has-children .sub-menu a,
.has-dropdown .sub-menu a {
    font-size: 14px;
    font-weight: 500;
    color: #475569;
    padding: 10px 20px;
}

.menu-item-has-children .sub-menu a:hover,
.has-dropdown .sub-menu a:hover {
    background: #f8fafc;
    color: #0f172a;
}
