/* ===== Correzioni SOLO per telefono (schermi sotto i 768 px) - La Fabbrica dei Fuochi (Webster, nov 2026) =====
   Tutte le regole sono dentro @media (max-width: 767px): sul computer e sul tablet non cambia nulla. */

@media (max-width: 767px) {
	/* Niente scorrimento orizzontale (banda bianca a destra) */
	html { overflow-x: hidden; }
	body { overflow-x: clip; }
	.tt-title-under, .section-title__text-under { max-width: 100%; overflow: hidden; }

	/* Barra in alto: Catalogo SOL e COL centrati e distanziati */
	#tt-header .nav-btn { justify-content: center !important; }
	#tt-header .nav-btn li { width: auto; padding: 0 12px; }
	#tt-header .nav-btn li + li { border-left: 1px solid rgba(255,255,255,.15); }

	/* Logo al centro dell'intestazione, menu a destra */
	#tt-header .tt-holder { position: relative; }
	#tt-header .tt-holder > .tt-col:first-child {
		position: absolute; left: 50%; top: 50%;
		transform: translate(-50%, -50%);
	}

	/* Scheda prodotto (finestra "Guarda il prodotto"): foto sopra, testo sotto, pulsanti dentro il riquadro */
	.modal-baytickets .row > .tt-col-left,
	.modal-baytickets .row > .tt-col-right { flex: 0 0 100%; max-width: 100%; }
	.modal .modal-dialog.modal-lg { width: calc(100% - 20px); max-width: none; margin: 10px auto; }
	.modal-baytickets .baytickets__img { text-align: center; }
	.modal-baytickets .baytickets__img img { width: auto; max-width: 100%; max-height: 260px; }
	.modal-baytickets .row-btn { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 15px 0 20px; }
	.modal-baytickets .row-btn .tt-btn-default { margin: 0 !important; max-width: 100%; }
	.modal-baytickets .row-btn .tt-btn-default span { white-space: nowrap; }
}