/**
 * Base styling for F/262 Dashboard Navigation
 *
 * Layout, spacing, and state-based styling are driven by Elementor controls.
 * This CSS provides sensible defaults and transitions.
 */
.f262-dashboard-nav ul.f262-nav-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 20px;
}

.f262-dashboard-nav ul.f262-nav-list li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.f262-dashboard-nav ul.f262-nav-list li a {
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    transition-property: color, background-color, border-color;
    transition-duration: 300ms;
    transition-timing-function: ease;
}

/* Active / Current Item */
.f262-dashboard-nav ul.f262-nav-list li.current-menu-item>a,
.f262-dashboard-nav ul.f262-nav-list li.current-menu-ancestor>a {
    font-weight: 700;
}

/* Sub-menu reset (if any) */
.f262-dashboard-nav ul.f262-nav-list ul.sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Editor placeholder */
.f262-dashboard-nav-placeholder {
    padding: 15px;
    border: 1px dashed #ccc;
    background: #f9f9f9;
    color: #666;
    text-align: center;
}