/* Napoli Tours – Schede HTML (Tabs)
   Pulsanti forzati (!important) per vincere sugli stili del tema. */

.nt-tabs{
	--nt-radius:4px;
	--nt-gap:0px;
	--nt-nav-gap:18px;
	--nt-pad:14px 20px;
	--nt-bg:#ECEFF3;
	--nt-color:#2A3745;
	--nt-bg-h:#E1E6EE;
	--nt-color-h:var(--nt-color);
	--nt-bg-a:#3E6DB2;
	--nt-color-a:#ffffff;
	display:flex;
	flex-direction:column;
	font-family:inherit;
}
.nt-tabs *{box-sizing:border-box;}

.nt-tabs__nav{
	display:flex;
	flex-wrap:wrap;
	gap:var(--nt-gap);
	order:0;
	margin-bottom:var(--nt-nav-gap);
}
.nt-tabs__panels{order:1;position:relative;}

.nt-tabs--bottom .nt-tabs__nav{
	order:2;
	margin-bottom:0;
	margin-top:var(--nt-nav-gap);
}

/* pulsanti: forzati per non farsi sovrascrivere dal tema */
.nt-tabs .nt-tabs__btn{
	appearance:none !important;
	-webkit-appearance:none !important;
	border:0 !important;
	margin:0 !important;
	cursor:pointer !important;
	font:inherit;
	font-weight:600;
	line-height:1.2 !important;
	text-align:center !important;
	text-transform:none !important;
	letter-spacing:normal !important;
	width:auto;
	min-width:0;
	padding:var(--nt-pad) !important;
	border-radius:var(--nt-radius) !important;
	background:var(--nt-bg) !important;
	color:var(--nt-color) !important;
	box-shadow:none !important;
	text-shadow:none !important;
	transition:background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .06s ease !important;
}
.nt-tabs .nt-tabs__btn:hover{
	background:var(--nt-bg-h) !important;
	color:var(--nt-color-h) !important;
}
.nt-tabs .nt-tabs__btn:active{transform:translateY(1px) !important;}
.nt-tabs .nt-tabs__btn.is-active{
	background:var(--nt-bg-a) !important;
	color:var(--nt-color-a) !important;
	box-shadow:0 3px 10px rgba(0,0,0,.15) !important;
}
.nt-tabs .nt-tabs__btn:focus-visible{
	outline:2px solid rgba(62,109,178,.6) !important;
	outline-offset:2px !important;
}

/* pannelli */
.nt-tabs__panel{display:none;}
.nt-tabs__panel.is-active{display:block;}
.nt-tabs--fade .nt-tabs__panel.is-active{animation:nt-fade .25s ease;}
@keyframes nt-fade{
	from{opacity:0;transform:translateY(4px);}
	to{opacity:1;transform:none;}
}

/* iframe isolato: larghezza piena, altezza gestita da JS */
.nt-tabs__frame{
	width:100%;
	border:0;
	display:block;
	overflow:hidden;
}

/* mobile: pulsanti pieni per il tap */
@media (max-width:600px){
	.nt-tabs .nt-tabs__btn{flex:1 1 auto;}
}
