/* === HEADER VIDEO === */
/* Slogan en Contrail One et centré */
.site-description {
	font-family: 'Contrail One', sans-serif !important;
	font-size: 22px;
/* ajuste la taille si besoin */
	font-weight: 400;
	text-align: center;
	display: block;
	margin: 0 auto;
/* recentre proprement */
}

/* Centrer le logo et réduire la marge au-dessus */
.custom-logo {
	display: block;
	margin: 10px auto 0;
/* réduit la marge en haut (10px), centre horizontalement */
	max-width: 220px;
/* ajuste la taille si tu veux qu’il soit plus petit */
	height: auto;
}

/*POUR MODIFIER LA MISE EN PAGE DES EVENEMENTS*/
/* Police Roboto */
body {
	font-family: 'Roboto', sans-serif;
}

#contenu .vc_tta-title-text {
	color: #cf0072;
	font-weight: bold;
	font-size: 20px;
}

/* Lien/bouton de réservation */
.booking-link {
	display: inline-block;
	color: #cf0072;
	text-decoration: none;
	border-radius: 6px;
	font-weight: bold;
	padding: 10px 20px;
	margin-top: 10px;
	transition: background-color .3s ease;
}

/* Redimensionner l'image mise en avant native */
.single-featured-image-header img {
	max-width: 900px;
/* largeur max souhaitée */
	width: 100%;
/* responsive */
	height: auto;
	display: block;
	margin: 0 auto 15px;
}

/* Header : image via #_EVENTIMAGE + titre */
.event-header {
	text-align: center;
	margin-bottom: 30px;
}

.event-header-image img {
	max-width: 900px;
/* largeur max 900px */
	width: 100%;
/* responsive */
	height: auto;
	display: block;
	margin: 0 auto 15px;
}

.event-title {
	font-size: 2rem;
	margin: 0;
}

/* Container 2 colonnes */
.event-container {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
	gap: 20px;
	padding: 20px;
}

/* Colonnes */
.event-left {
	flex: 0 0 25%;
	min-width: 200px;
	background: #f0f0f0;
	padding: 15px;
	border-radius: 8px;
}

.event-right {
	flex: 0 0 75%;
	min-width: 400px;
	padding: 15px;
}

/* Blocs internes */
.event-datetime,
.event-time,
.event-duration,
.event-age,
.event-genre,
.event-price,
.event-autre-info
.event-notes,
.event-booking,
.event-logo,

.event-categories {
	margin-bottom: 15px;
	line-height: 1.6;
}

/* Bouton "Réserver" dans la colonne de gauche*/
.event-left a.booking-link {
	display: inline-block;
	background-color: none !important;
/* fond bleu */
	color: #00B2A9 !important;
/* texte blanc */
	text-transform: uppercase;
	text-decoration: none !important;
	font-weight: bold;
	padding: 10px 20px;
	border: 2px solid #00B2A9;
/* même couleur que le fond */
	border-radius: 5px;
	text-align: center;
	transition: background-color .3s ease;
	margin: 10px auto 0;
/* centré horizontalement */
	float: none;
/* pas de float pour centrage */
}

/* Hover desktop */
.event-left .booking-link:hover {
	background-color: #00B2A9 !important;
/* bleu plus foncé */
	border-color: #00B2A9;
/* bord plus foncé */
	color: #fff !important;
}

/* === Réserver (responsive jusqu'à tablette) */
@media (max-width: 1024px) {
	.event-left .booking-link {
		display: block;
		width: 80%;
	/* largeur adaptée */
		margin: 10px auto;
	/* centré horizontalement */
	}
}

/* Logo dans la liste des events */
.event-logo img {
	max-width: 100px;
	height: auto;
	margin: 5px 0;
	display: block;
/* les uns sous les autres */
}

/* Catégories stylisées */
.event-categories a {
	display: inline-block;
	background: #e0e0e0;
	padding: 5px 10px;
	border-radius: 4px;
	margin: 2px;
	text-decoration: none;
	color: #333;
}

/* Layout responsive jusqu'à tablette */
@media (max-width: 1024px) {
	.event-left, .event-right {
		flex: 0 0 100%;
		text-align: left;
	}
	
	.event-header-image img {
		max-width: 100%;
	}
	
	.event-container {
		padding: 10px;
	}
	
	.event-title {
		font-size: 1.5rem;
	}
}

/* H2 uniquement sur pages Événement */
body.single-event .entry-content h2,
body.single-event .wpb_wrapper h2,
body.post-type-archive-event h2,
body.tax-event-categories h2,
body.single-tribe_events .entry-content h2,
body.tribe-events-page-template h2 {
	font-family: 'Contrail One', sans-serif !important;
	font-size: 30px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
}

/* Traduire la navigation des articles en français */
.ast-post-navigation .ast-post-nav:first-child::after {
	content: "Précédent";
	display: inline-block;
	margin-left: 5px;
}

.ast-post-navigation .ast-post-nav:last-child::before {
	content: "Suivant";
	display: inline-block;
	margin-right: 5px;
}

/* Masquer le texte original si nécessaire */
.ast-post-navigation .ast-post-nav:first-child span:not(.ahfb-svg-iconset) {
	display: none;
}

.ast-post-navigation .ast-post-nav:last-child span:not(.ahfb-svg-iconset) {
	display: none;
}

/* === TITRES DES SPECTACLES RESPONSIVES */
h2[style*="text-align: center"] {
	font-family: 'Contrail One', sans-serif !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
	text-wrap: balance;
	margin: .5em auto;
	text-align: center !important;
	max-width: 95%;
}

/* Logo desktop */
.custom-logo {
	display: block;
	margin: 10px auto 0;
	max-width: 220px;
	height: auto;
}

/* Logo plus petit sur tablette & mobile */
@media (max-width: 1024px) {
	.custom-logo {
		max-width: 140px;
		margin-top: 5px;
	}
}

/* Ne pas couper le texte du titre */
@media (max-width: 1024px) {
	.site-title a {
		white-space: nowrap;
	}
}

/* Repositionner le bouton menu mobile/tablette en haut à gauche */
@media (max-width: 1024px) {
	.menu-toggle.main-header-menu-toggle {
		position: absolute;
		top: 10px;
		left: 10px;
		margin: 0;
		z-index: 9999;
	}
}

/* Réduire gros titre (mobile + tablette) */
@media (max-width: 1024px) {
	.vc_custom_1757495809687 {
		font-size: 40px !important;
		line-height: 1.2 !important;
	}
}

/* Tous les h1.entry-title sauf ceux des événements/spectacles */
@media (max-width: 1024px) {
	body:not(.single-event) h1.entry-title,
	  body:not(.post-type-archive-event) h1.entry-title,
	  body:not(.tribe-events-page-template) h1.entry-title {
		text-align: center !important;
		font-size: 4rem !important;
	/* environ 35px */
		line-height: 1.2 !important;
		margin: .5em auto;
	}
}