/* CORRECTION FOOTER - Texte clair sur fond sombre */
.site-footer,
.site-footer * {
	color: #1A1A1A !important;
}

.site-footer {
	background-color: #F3F0EB !important;
}

.site-footer a {
	color: #a11010 !important;
}

.site-footer a:hover {
	color: #E8E2DA !important;
	background-color: transparent !important;
}

/* Liens footer très visibles */
.site-footer a {
	font-weight: 500;
	border-bottom: 1px solid #a11010;
	transition: all .3s ease;
}

.site-footer a:hover {
	border-bottom-color: #E8E2DA;
}

/* BOUTONS & CTA - CORRECTION SURVOL */
.btn, .button, .cta-button,
input[type="submit"],
.wp-block-button__link {
	background-color: #a11010 !important;
	color: #F3F0EB !important;
	border: 1px solid #a11010 !important;
	transition: all .3s ease;
}

.btn:hover, .button:hover, .cta-button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
	background-color: #8c0e0e !important;
/* Rouge plus foncé */
	color: #F3F0EB !important;
/* Garde blanc cassé */
	border-color: #8c0e0e !important;
	transform: translateY(-1px);
/* Effet lift subtil */
	box-shadow: 0 4px 12px rgba(161, 16, 16, 0.3);
}

/* Sur fond sombre (menu/footer) */
.site-header .btn:hover,
.site-footer .btn:hover {
	background-color: #E8E2DA !important;
	color: #1A1A1A !important;
	border-color: #E8E2DA !important;
}

/* ============================================ */
/* EN-TÊTE - RÉDUCTION HAUTEUR (ajouts du jour)  */
/* ============================================ */
/* 1. Masquage visuel du titre et de la tagline texte (déjà portés par le logo).
   Technique "visually hidden" : retire l'élément du flux visuel et de la hauteur
   de l'en-tête, MAIS le garde dans le HTML (SEO + lecteurs d'écran), contrairement
   à display:none ou clip-path seul qui ne libèrent pas l'espace occupé. */
.site-title,
.site-description {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* 2. Réduction de la hauteur d'affichage du logo, sans réuploader l'image.
   Ajuster la valeur max-height selon le résultat visuel souhaité. */
.custom-logo-link img,
.site-logo img,
.custom-logo {
	max-height: 110px !important;
	width: auto !important;
	height: auto !important;
}

/* 3. Resserre l'espace vertical de l'en-tête une fois titre/tagline masqués. */
.site-header {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}