/* Pop-up de l'accueil (includes/gusto-popup.php), 27/10/2026. Au-dessus du loader (10001) et du curseur du thème. */
.gusto-popup {
	position: fixed;
	inset: 0;
	z-index: 10010;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(0, 0, 0, .65);
	opacity: 0;
	transition: opacity .4s ease;
}
.gusto-popup[hidden] { display: none; }
.gusto-popup.is-ouverte { opacity: 1; }

/*
 * Proportions du visuel de la soirée Tartufo (1920 × 1080) : format 16:9, cadre doré à 75 % de la largeur et 75 % de la
 * hauteur. Les tailles en cqw suivent la largeur du cadre (1 cqw = 14,4 px du visuel) : titre 44 px, texte 34 px, bouton 554 × 102 ; titre et texte un peu plus grands car Museo est plus étroite que la police du visuel.
 */
.gusto-popup__fond {
	container-type: inline-size;
	position: relative;
	display: flex;
	width: min(1400px, 100%, (100vh - 32px) * 16 / 9);
	aspect-ratio: 16 / 9;
	padding: 7% 12.5%;
	background: #1c1c1c center / cover no-repeat;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
	transform: translateY(16px);
	transition: transform .4s ease;
}
.gusto-popup.is-ouverte .gusto-popup__fond { transform: none; }

.gusto-popup__cadre {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2cqw 10cqw;
	background: rgba(139, 110, 64, .65); /* doré du visuel, mesuré sur le fichier fourni */
	color: #fff;
	text-align: center;
}
.gusto-popup .gusto-popup__titre {
	margin: 0 0 3.6cqw;
	font-family: museo, serif;
	font-weight: 700;
	font-size: max(18px, 3.6cqw);
	line-height: 1.2;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: #fff;
}
.gusto-popup__texte p {
	margin: 0 0 1.4em;
	font-size: max(15px, 2.7cqw);
	line-height: 1.4;
	color: #fff;
}
.gusto-popup__texte p:last-child { margin-bottom: 0; }

.gusto-popup .gusto-popup__bouton {
	display: inline-block;
	margin-top: 6cqw;
	padding: 1.9cqw 6.4cqw;
	border-radius: 6px;
	background: #960e1a; /* rouge du bouton du visuel, mesuré */
	color: #fff;
	font-size: max(15px, 2.7cqw);
	line-height: 1.4;
	text-decoration: none;
	transition: background .2s ease;
}
.gusto-popup .gusto-popup__bouton:hover,
.gusto-popup .gusto-popup__bouton:focus-visible { background: #570c12; color: #fff; }

.gusto-popup__fermer {
	position: absolute;
	top: 8px;
	right: 12px;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: none;
	color: #fff;
	font-size: 34px;
	line-height: 40px;
	cursor: pointer;
}

/* Mobile : le 16:9 serait trop bas pour le texte, la pop-up prend la hauteur de son contenu. */
@media (max-width: 767px) {
	.gusto-popup__fond {
		width: 100%;
		aspect-ratio: auto;
		max-height: calc(100vh - 32px);
		overflow: auto;
		padding: 48px 18px 24px;
	}
	.gusto-popup__cadre { padding: 28px 18px; }
	.gusto-popup .gusto-popup__titre { margin-bottom: 18px; }
	.gusto-popup .gusto-popup__bouton { margin-top: 24px; padding: 12px 28px; }
}

html.gusto-popup-ouverte,
html.gusto-popup-ouverte body { overflow: hidden; }