/* =====================================================
   Gemeinsame Header-/Nav-Styles für alle Börsen-Seiten
   ===================================================== */

.head-nav .chili-sprint-nav {
    background:linear-gradient(135deg, #fef3c7, #fde68a);
    color:#7a5a14; font-weight:700;
    padding:5px 12px; border-radius:50px;
    transition:transform 0.15s, box-shadow 0.15s;
}
.head-nav .chili-sprint-nav:hover {
    transform:translateY(-1px);
    box-shadow:0 3px 10px rgba(245,158,11,0.25);
}
.head-nav .chili-sprint-nav.active {
    background:linear-gradient(135deg, #f59e0b, #d97706); color:#fff;
}

.nav-dropdown { position:relative; display:inline-block; }
.nav-dropdown-btn {
    background:transparent; border:none; padding:5px 8px; cursor:pointer;
    font-family:inherit; font-size:inherit; color:inherit; font-weight:500;
    display:inline-flex; align-items:center; gap:2px;
}
.nav-dropdown-btn:hover { color:var(--accent-green-dark, #0f7a2a); }
.nav-dropdown-btn.active {
    color:var(--accent-green-dark, #0f7a2a);
    font-weight:700;
}
.nav-dropdown-menu {
    position:absolute; top:calc(100% + 6px); right:0;
    background:#fff; border:1px solid var(--border-color, #e4e8e0);
    border-radius:12px; box-shadow:0 10px 30px rgba(20,40,15,0.12);
    padding:6px; min-width:220px; z-index:100;
    opacity:0; visibility:hidden; transform:translateY(-4px);
    transition:opacity 0.15s, transform 0.15s, visibility 0.15s;
}
.nav-dropdown.open .nav-dropdown-menu { opacity:1; visibility:visible; transform:translateY(0); }
.nav-dropdown-menu a {
    display:block; padding:9px 14px; border-radius:8px;
    font-size:14px; color:var(--text-primary, #1a2418); text-decoration:none;
    transition:background 0.1s;
}
.nav-dropdown-menu a:hover {
    background:var(--bg-app, #fefdf7);
    color:var(--accent-green-dark, #0f7a2a);
}
.nav-dropdown-menu a.active {
    background:var(--bg-app, #fefdf7);
    color:var(--accent-green-dark, #0f7a2a);
    font-weight:700;
}

/* Mobile Nav: Dropdown zeigt Kinder immer (spart Klick auf schmalen Screens) */
@media (max-width:820px) {
    .nav-dropdown-menu {
        position:static; opacity:1; visibility:visible; transform:none;
        box-shadow:none; border:none; padding:0; margin:4px 0 0;
        background:transparent; min-width:0;
    }
    .nav-dropdown-btn { display:none; }
    .nav-dropdown-menu a { padding:5px 8px; font-size:inherit; color:inherit; }
}