/* Screen reader hidden */
.sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0); }

/* Reset lists */
.main-nav ul { list-style:none;margin:0;padding:0; }

/* Toggle button */
.nav-toggle { display:none;background:none;border:none;font-size:1.8rem;cursor:pointer; }

/* Desktop horizontal */
.level-1 { display:flex; gap:2rem; align-items:center; }

.main-nav a { display:block;padding:0.75rem 1rem; text-decoration:none; color:#222; transition:0.2s; }
.main-nav a:hover, .main-nav a:focus { background:#f3f3f3; outline:none; }
.active > a { color:#c40000;font-weight:600; }
.active-parent > a { color:#ff7a00; }

/* Dropdowns */
.main-nav li { position:relative; }
.main-nav li ul {
    position:absolute; top:100%; left:0; min-width:220px;
    background:#fff; border:1px solid #e5e5e5; box-shadow:0 10px 25px rgba(0,0,0,0.08);
    opacity:0; visibility:hidden; transform:translateY(10px); transition:all 0.2s ease; z-index:999;
}
.main-nav li:hover > ul, .main-nav li:focus-within > ul { opacity:1; visibility:visible; transform:translateY(0); }
.main-nav li ul li ul { top:0; left:100%; }
.has-children > a::after { content:" ▾"; font-size:0.8rem; }

/* Mobile */
@media(max-width:1024px) {
    .nav-toggle { display:block; }
    .nav-container { display:none; flex-direction:column; margin-top:1rem; }
    .nav-container.open { display:flex; }
    .level-1 { flex-direction:column; gap:0; }
    .main-nav li ul { position:static; display:none; opacity:1; visibility:visible; transform:none; border:none; box-shadow:none; }
    .main-nav li.open > ul { display:block; }
    .has-children > a::after { content:" ▸"; float:right; }
    .main-nav li.open > a::after { content:" ▾"; }
}

/*--------------------------------------------*/