:root {
	--cnvs-themecolor: #e02323;
	--cnvs-themecolor-rgb: 224, 35, 35;
}

/* Menu déroulant des langues : langue affichée en rouge du site (bleu Bootstrap par défaut) */
.dropdown-menu {
	--bs-dropdown-link-active-bg: var(--cnvs-themecolor);
}

/* Photo de pizza agrandie : coins arrondis et légende nom / prix / ingrédients */
.mfp-img {
	border-radius: 12px;
}
.mfp-figure .mfp-bottom-bar {
	margin-top: 0;
}
.mfp-figure .mfp-bottom-bar .mfp-title {
	position: static;
	transform: none;
	width: auto;
	padding: 16px 0 0;
	background: none;
	text-align: center;
	line-height: 1.5;
}
.mfp-title strong {
	display: inline-block;
	font-family: var(--cnvs-primary-font);
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--cnvs-themecolor);
}
.mfp-title .mfp-price {
	margin-left: 12px;
	font-family: var(--cnvs-primary-font);
	font-size: 1.25rem;
	font-weight: 700;
	color: #fff;
}
.mfp-title small {
	display: block;
	margin-top: 4px;
	font-size: 0.95rem;
	color: rgba(255, 255, 255, 0.75);
}

/* Site entièrement sombre : pas de fond blanc pendant le chargement */
body,
#wrapper {
	background-color: var(--cnvs-darkcolor);
}

/* Rideau d'apparition des images : noir comme le site, pas beige comme la démo */
.slide-img::after {
	background: var(--cnvs-darkcolor);
}

/* En-tête compact sur mobile aussi (header-size-sm de Canvas ne vaut qu'avec le menu déplié) */
@media (max-width: 991.98px) {
	#header {
		--cnvs-header-height: 60px;
	}
}

/* Titre de l'accueil : la démo impose 6,4rem, trop large pour un téléphone */
@media (max-width: 575.98px) {
	.emphasis-title h1 {
		font-size: 3.5rem;
	}
}