/* =============================================================
   Meridian Theme — Navigation (Novelty-Inspired)
   ============================================================= */

/* ── Primary Navigation (already in header.css) ── */

/* ── User Navigation ── */
.pkp_navigation_user{
    display:flex;
    align-items:center;
    gap:var(--space-1);
    list-style:none;
    margin:0;
    padding:0;
}

.pkp_navigation_user li{
    margin:0;
}

.pkp_navigation_user li a{
    display:block;
    padding:var(--space-2) var(--space-3);
    font-size:var(--text-sm);
    font-weight:500;
    color:var(--gray-600);
    text-decoration:none;
    border-radius:var(--radius-sm);
    transition:color var(--transition-fast), background var(--transition-fast);
}

.pkp_navigation_user li a:hover{
    color:var(--accent);
    background:var(--accent-light);
    text-decoration:none;
}

/* ── Search ── */
.pkp_search{
    display:flex;
    align-items:center;
    gap:var(--space-2);
}

.pkp_search_desktop{
    position:relative;
    margin-left:var(--space-4);
}

.pkp_search_desktop form{
    display:flex;
    align-items:center;
}

.pkp_search_desktop input[type="text"],
.pkp_search_desktop input[name="query"]{
    width:200px;
    padding:var(--space-2) var(--space-4);
    border:1px solid var(--color-border);
    border-radius:var(--radius-full);
    font-size:var(--text-sm);
    font-family:var(--font-body);
    background:var(--gray-50);
    transition:border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.pkp_search_desktop input[type="text"]:focus,
.pkp_search_desktop input[name="query"]:focus{
    outline:none;
    border-color:var(--accent);
    box-shadow:0 0 0 3px rgba(37, 99, 235, 0.1);
    background:var(--white);
}

.pkp_search_desktop button[type="submit"]{
    display:none;
}

/* ── Site Nav Toggle (mobile) ── */
.pkp_site_nav_toggle{
    display:none;
    background:none;
    border:none;
    cursor:pointer;
    padding:var(--space-2);
    color:var(--gray-700);
}

.pkp_site_nav_toggle:hover{
    color:var(--accent);
}

.pkp_site_nav_toggle .icon-bar{
    display:block;
    width:22px;
    height:2px;
    background:currentColor;
    border-radius:1px;
    margin:4px 0;
    transition:transform var(--transition-fast);
}