/* Menù di navigazione principale BlackFrog
   Hamburger + overlay a tutto schermo su TUTTE le larghezze (desktop e mobile).
   Hamburger dentro l'header, centrato verticalmente col logo. No JS (checkbox-hack). */

/* checkbox di stato (nascosto ma focusabile da tastiera) */
.nav-toggle-cb{position:absolute;width:1px;height:1px;opacity:0;margin:0;}
.sub-toggle-cb{position:absolute;width:1px;height:1px;opacity:0;margin:0;}

/* hamburger: dentro l'header, allineato verticalmente al logo */
.nav-toggle{
	display:block;position:absolute;right:22px;top:50%;transform:translateY(-50%);
	z-index:250;width:44px;height:44px;padding:12px 9px;cursor:pointer;
}
.nav-toggle span{display:block;height:2px;background:#fff;border-radius:2px;
	transition:transform .25s ease,opacity .2s ease;}
.nav-toggle span + span{margin-top:6px;}
.nav-toggle-cb:focus + .nav-toggle{outline:2px solid #D4DAFB;outline-offset:2px;}
.nav-toggle-cb:checked + .nav-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.nav-toggle-cb:checked + .nav-toggle span:nth-child(2){opacity:0;}
.nav-toggle-cb:checked + .nav-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

/* overlay a tutto schermo */
.main-nav-wrap{
	position:fixed;inset:0;z-index:200;
	background:radial-gradient(ellipse at top,#11141f 0%,#00000c 72%);
	display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:auto;
	padding:120px 22px 40px;opacity:0;visibility:hidden;
	transition:opacity .28s ease, visibility 0s linear .28s;
}
.nav-toggle-cb:checked ~ .main-nav-wrap{opacity:1;visibility:visible;transition:opacity .28s ease, visibility 0s linear 0s;}

.main-nav{list-style:none;margin:0;padding:0;width:100%;max-width:420px;text-align:center;}
.main-nav > li{margin:0;border-top:1px solid rgba(255,255,255,.08);}
.main-nav > li:last-child{border-bottom:1px solid rgba(255,255,255,.08);}
.main-nav a,.main-nav .sub-parent{
	display:flex;align-items:center;justify-content:center;gap:8px;
	color:#fff;text-decoration:none;font-size:20px;letter-spacing:1px;text-transform:uppercase;
	padding:18px 8px;cursor:pointer;
}
.main-nav a:hover,.main-nav .sub-parent:hover{color:#D4DAFB;}
.main-nav .caret{font-size:12px;opacity:.8;transition:transform .25s;}

/* stato attivo (pagina corrente) */
.main-nav > li.active > a,
.main-nav > li.active > .sub-parent{box-shadow:inset 3px 0 0 #D4DAFB;}
.sub-menu li.active > a{color:#D4DAFB;}

/* sottomenù "Servizi": apertura a click/tap (inline, indentato) */
.sub-menu{list-style:none;margin:0;padding:0;background:rgba(255,255,255,.04);
	max-height:0;overflow:hidden;transition:max-height .3s ease;}
.sub-toggle-cb:focus + .sub-parent{outline:2px solid #D4DAFB;outline-offset:2px;}
.sub-toggle-cb:checked + .sub-parent .caret{transform:rotate(180deg);}
.sub-toggle-cb:checked ~ .sub-menu{max-height:70vh;}
.sub-menu a{font-size:16px;text-transform:none;letter-spacing:.3px;color:#D4DAFB;padding:14px 16px;}