/*
Theme Name: Latitude Vins
Theme URI: https://wordpress.org/themes/latitude-vins/
Description: Thème enfant de Twenty Twenty-Five pour Latitude Vins
Author: Votre nom
Author URI: https://votresite.com
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: latitude-vins
*/

/* 
 * Les styles personnalisés peuvent être ajoutés ici.
 * Le style du thème parent sera chargé automatiquement via functions.php
 */

/* Police Montserrat par défaut pour tout le site */
body,
html {
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

* {
	font-family: inherit;
}

/* Supprimer l'encadré noir au clic sur les liens */
a:focus,
a:focus-visible,
button:focus,
button:focus-visible,
input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

/* Supprimer l'ombre au clic sur mobile (tap highlight) */
a,
button,
input,
textarea,
select {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

/* Option alternative : outline personnalisé plus discret (décommentez si vous préférez) */
/*
a:focus,
a:focus-visible {
	outline: 2px solid rgba(199, 19, 32, 0.5) !important;
	outline-offset: 2px !important;
}
*/

/* Styles pour le pattern Nos Valeurs - Responsive mobile : 3 lignes de 2 (2 par 2) */
@media (max-width: 782px) {
	.latitude-vins-nos-valeurs .wp-block-columns.alignwide,
	.latitude-vins-valeurs-grid {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: var(--wp--preset--spacing--30);
		flex-direction: unset !important;
		flex-wrap: unset !important;
	}
	
	.latitude-vins-nos-valeurs .wp-block-columns.alignwide .wp-block-column,
	.latitude-vins-valeurs-grid .wp-block-column {
		padding: 0;
		flex-basis: unset !important;
		max-width: none !important;
	}
}

/*
 * Padding mobile : réduit le padding des blocs dont vous avez défini le padding dans l’éditeur.
 * En mobile (≤ 782px), ces blocs auront les valeurs ci-dessous au lieu de celles de l’éditeur.
 * Modifiez les valeurs ici pour ajuster (ex. 1rem, 1.5rem, 2rem).
 */
@media (max-width: 782px) {
	.wp-block-columns {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
}

/* Styles pour les icônes des valeurs - couleur rouge #C71320 */
.latitude-vins-valeur-icon img {
	filter: brightness(0) saturate(100%) invert(13%) sepia(94%) saturate(7151%) hue-rotate(350deg) brightness(90%) contrast(95%);
}

/* Styles pour les images (sans carousel) */
.latitude-vins-image-carousel {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: var(--wp--preset--spacing--40);
}

.latitude-vins-image-carousel .wp-block-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* Responsive pour les images */
@media (max-width: 782px) {
	.latitude-vins-image-carousel {
		grid-template-columns: 1fr;
	}

	#wp--skip-link--target > div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained > div > div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3d2313c8.wp-block-columns-is-layout-flex{
		padding: 0 !important;
	}

	#wp--skip-link--target > div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained > div > div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3d2313c8.wp-block-columns-is-layout-flex > div{
		padding: 15px !important;
	}
	#wp--skip-link--target > div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained > div > div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3d2313c8.wp-block-columns-is-layout-flex > div > div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex{
		padding: 0 !important;
	}
}

/* Styles pour le CTA Contact */
/* Police Bebas Neue pour le titre */
.latitude-vins-cta-title {
	font-family: 'Bebas Neue', sans-serif !important;
	letter-spacing: 0.05em;
	font-weight: 400 !important;
}

.wp-block-button__link.has-contrast-background-color {
	background-color: #8B0000 !important; /* Rouge foncé/marron */
	color: #FFFFFF !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	transition: all 0.3s ease;
	border: none !important;
	border-radius: 20px !important;
	padding-top: var(--wp--preset--spacing--30) !important;
	padding-bottom: var(--wp--preset--spacing--30) !important;
}

.wp-block-button__link.has-contrast-background-color:hover {
	background-color: #6B0000 !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(139, 0, 0, 0.3);
}

/* CTA "Des questions ?" : texte au-dessus du bouton plus petit, écart augmenté */
#wp--skip-link--target > div > div > div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-df72aaa0.wp-block-group-is-layout-constrained > div > div > div > div > p {
	margin-bottom: 10px !important;
}
.latitude-vins-cta-contact p {
	font-size: 1.1rem !important;
	font-weight: 400 !important;
}

/* Bouton Contactez-nous du CTA "Des questions ?" : padding réduit, fond #790606CC, texte moins gras */
.latitude-vins-cta-contact .wp-block-button__link {
	padding-top: var(--wp--preset--spacing--20) !important;
	padding-bottom: var(--wp--preset--spacing--20) !important;
	background-color: #790606CC !important;
	font-weight: 500 !important;
}
.latitude-vins-cta-contact .wp-block-button__link:hover {
	background-color: #790606 !important;
}

/* Styles pour la bannière Hero automatique */
.wp-block-cover,
.wp-block-cover-image {
	padding: 0 !important;
}

.latitude-vins-hero-cover {
	position: relative;
	margin-top: 0;
	padding: 0 !important;
}

.latitude-vins-hero-cover .wp-block-cover__inner-container {
	position: relative;
	z-index: 1;
}

/* Masquer le logo si pas d'image */
.latitude-vins-hero-logo:empty,
.latitude-vins-hero-logo img[src=""],
.latitude-vins-hero-logo img:not([src]) {
	display: none;
}

.latitude-vins-hero-logo {
	padding: 0 !important;
	margin: 0 !important;
}

.latitude-vins-hero-logo img {
	max-width: 120px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0 !important;
}

/* Titre avec police Bebas Neue */
.latitude-vins-hero-title {
	font-family: 'Bebas Neue', sans-serif !important;
	letter-spacing: 0.05em;
	font-weight: 400 !important;
	margin-bottom: 0 !important;
}

/* Logo du titre */
.latitude-vins-hero-title-logo-wrapper {
	margin-bottom: 0;
}

.latitude-vins-hero-title-logo {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* Bandeau coloré */
.latitude-vins-hero-banner {
	opacity: 0.9;
	width: 100%;
	max-width: 100%;
}

/* Sous-titre */
.latitude-vins-hero-subtitle-wrapper {
	text-align: center;
    margin-top: 0 !important;
}

.latitude-vins-hero-subtitle-wrapper p,
.latitude-vins-hero-subtitle-wrapper h2,
.latitude-vins-hero-subtitle-wrapper .wp-block-post-title {
	color: #FFFFFF !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	font-size: 1.1rem;
	text-transform: uppercase;
}

.page-partenaires-exclusifs .latitude-vins-hero-subtitle-wrapper {
    display: none;
}

/* Masquer la bannière si pas d'image mise en avant */
.latitude-vins-hero-cover:not(:has(img)),
.latitude-vins-hero-cover img[src=""],
.latitude-vins-hero-cover img:not([src]) {
	display: none;
}

/* Page Partenaires : bandeau centré sur l'image, fond visible */
.latitude-vins-hero-cover-partners {
	background-repeat: no-repeat;
	background-position: center;
}
.latitude-vins-hero-cover-partners .wp-block-cover__inner-container {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 400px;
	width: 100%;
}

/* Page Contact : bandeau centré sur l'image */
.latitude-vins-hero-cover-contact {
	background-repeat: no-repeat;
	background-position: center;
}
.latitude-vins-hero-cover-contact .wp-block-cover__inner-container {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 400px;
	width: 100%;
}
.latitude-vins-hero-cover-contact .wp-block-cover__inner-container > .wp-block-group {
	flex: 0 1 auto;
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1200px);
}

/* Mobile : hauteur réduite du bandeau hero */
@media (max-width: 768px) {
	.latitude-vins-hero-cover {
		min-height: 250px !important;
	}
	.latitude-vins-hero-cover-partners .wp-block-cover__inner-container,
	.latitude-vins-hero-cover-contact .wp-block-cover__inner-container {
		min-height: 250px;
	}
}
.latitude-vins-hero-cover-partners .latitude-vins-hero-partners-inner {
	flex: 0 1 auto;
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1200px);
}

/* Fiche partenaire : même bandeau que les autres pages partenaires (#790606E5) */
.single-partenaire .latitude-vins-hero-banner {
	background-color: #790606E5 !important;
}

/* Fiche partenaire : layout deux colonnes (encadré marron + contenu) */
/* Pleine largeur : sort du conteneur theme si besoin */
.partenaire-detail-layout-wrap {
	width: 100%;
	position: relative;
}

.partenaire-detail-layout {
	display: grid;
	grid-template-columns: 30% 70%;
	min-height: 480px;
	width: 100%;
	max-width: 100%;
	margin: 50px 0 0 0;
}

.partenaire-detail-left {
	/* background-color: #6b0f0f; */
	background-image: url("https://latitudes-vin.bc-web-agence.com/wp-content/uploads/2026/02/BOOK-COMPRESSER.pdf-1.png");
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: var(--wp--preset--spacing--50, 2rem);
	box-sizing: border-box;
}

.partenaire-detail-box {
	position: absolute;
	top: 55%;
	left: -160px;
	transform: translateY(-50%);
	background-color: #83604BF2;
	border-radius: 24px;
	padding: var(--wp--preset--spacing--40, 1.5rem) var(--wp--preset--spacing--50, 2rem);
	max-width: 320px;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.partenaire-detail-box-logo {
	text-align: center;
	margin-bottom: var(--wp--preset--spacing--20, 1rem);
}

.partenaire-detail-box-logo img {
	max-width: 200px;
	height: auto;
	display: inline-block;
}

.partenaire-detail-box-name {
	color: #f5e6c8;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.35rem;
	text-align: center;
	margin: 0 0 var(--wp--preset--spacing--30, 1.25rem);
	line-height: 1.3;
	font-style: italic;
}

.partenaire-detail-box-list {
	list-style: none;
	margin: 0;
	padding: 0;
	color: rgba(255, 255, 255, 0.95);
	font-size: 1rem;
	line-height: 1.7;
}

.partenaire-detail-box-list li {
	margin-bottom: 0.35em;
	padding-left: 0;
}

.partenaire-detail-box-list li:empty {
	display: none;
}

.partenaire-detail-right {
	background-color: #f8f0e6;
	padding: 20px 40px;
	box-sizing: border-box;
	position: relative;
}

.partenaire-detail-right-title {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 22px;
	color: #790606;
	margin: 0 0 50px 0;
}

/* Logo affiché à la place du titre en mobile uniquement */
.partenaire-detail-right-mobile-logo {
	display: none;
}

.partenaire-detail-right-mobile-logo img {
	max-width: 300px;
	height: auto;
	display: block;
}

.partenaire-detail-right-content {
	color: #111;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 1.7;
    margin-bottom: var(--wp--preset--spacing--40, 1.5rem);
}

.partenaire-detail-right-content p {
	margin-bottom: 1em;
}

.partenaire-detail-right-content p:last-child {
	margin-bottom: 0;
}

.partenaire-detail-right-image {
	position: absolute;
	bottom: var(--wp--preset--spacing--40, 1.5rem);
	right: var(--wp--preset--spacing--40, 1.5rem);
	max-width: 220px;
	line-height: 0;
}

.partenaire-detail-right-image img {
	width: 100%;
	height: auto;
	display: block;
}

.partenaire-detail-right-infos {
	display: flex;
	gap: var(--wp--preset--spacing--30);
	justify-content: center;
	margin-left: 15%;
	padding: 0 80px;
}

#wp--skip-link--target > div.partenaire-detail-layout-wrap > div.partenaire-detail-layout > div.partenaire-detail-right > div > div.partenaire-detail-right-content > div > div > figure > img{
	width: 120px;
	height: auto;
}

@media (max-width: 992px) {
	.partenaire-detail-layout {
		grid-template-columns: 1fr;
		min-height: 0;
		display: flex;
		flex-direction: column;
	}
	.partenaire-detail-right-infos {
		flex-direction: column-reverse;
		padding: 0;
		margin-left: 0;
	}

	.partenaire-detail-right-infos p {
		margin: 0;
	}
	.partenaire-detail-left {
		display: none;
	}
	.partenaire-detail-right {
		order: 1;
		
	}
	.partenaire-detail-right-title {
		display: none;
	}
	.partenaire-detail-right-mobile-logo {
		display: block;
		text-align: center;
		margin: 0;
	}
	.partenaire-detail-right-mobile-logo img {
		margin: 0 auto;
	}
	.partenaire-detail-box {
		position: static;
		top: auto;
		left: auto;
		transform: none;
		max-width: 400px;
		margin: 0 auto;
		background: url("https://latitudes-vin.bc-web-agence.com/wp-content/uploads/2026/02/BOOK-COMPRESSER.pdf-1.png") no-repeat center center;
		background-size: cover;
		padding: 20px;
		border-radius: 24px;
		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
	}
	.partenaire-detail-box .partenaire-detail-box-logo {
		display: none;
	}
	.partenaire-detail-box .partenaire-detail-box-name,
	.partenaire-detail-box .partenaire-detail-box-list {
		color: #333;
	}
	.partenaire-detail-box .partenaire-detail-box-list li {
		color: #fff;
		margin-bottom: 15px;
	}
	.partenaire-detail-right-image {
		position: static;
		margin-top: var(--wp--preset--spacing--30);
		max-width: 180px;
		margin-left: auto;
	}
	/* Footer : 2 colonnes sur mobile (sauf la dernière section avec le texte d'avertissement) */
	.wp-block-group.has-background[style*="background-color:#ebe2d6"] .alignwide > .wp-block-columns:first-of-type {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: var(--wp--preset--spacing--70) !important;
	}
}

/* Styles pour le widget réseaux sociaux */
.latitude-vins-social-widget {
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50) !important;
}

.latitude-vins-social-links {
	display: flex !important;
	align-items: flex-start !important;
	flex-direction: column !important;
	gap: var(--wp--preset--spacing--20) !important;
}

.latitude-vins-social-item {
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
	flex-wrap: nowrap !important;
}

/* Logos sociaux circulaires noirs */
.latitude-vins-social-logo {
	margin: 0 !important;
	padding: 0 !important;
	width: 30px !important;
	height: 30px !important;
	min-width: 30px !important;
	min-height: 30px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
}

.latitude-vins-social-logo a {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 50% !important;
}

/* Icônes circulaires noires (ancien style pour compatibilité) */
.latitude-vins-social-icon {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.latitude-vins-social-icon .wp-block-social-link {
	margin: 0 !important;
	padding: 0 !important;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	border-radius: 50% !important;
	background-color: #000000 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.latitude-vins-social-icon .wp-block-social-link a {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 50% !important;
	background-color: transparent !important;
}

.latitude-vins-social-icon .wp-block-social-link__icon {
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
	width: 20px !important;
	height: 20px !important;
}

.latitude-vins-social-icon svg {
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
	width: 20px !important;
	height: 20px !important;
}

/* Texte des handles */
.latitude-vins-social-handle {
	color: #000000 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.5 !important;
}

/* Styles pour les liens du footer */
/* Enlever le soulignement de tous les liens du footer par défaut */
.wp-block-group.has-background[style*="background-color:#ebe2d6"] a {
	text-decoration: none !important;
}

/* Garder le soulignement uniquement pour l'email dans la section CONTACTS */
.wp-block-group.has-background[style*="background-color:#ebe2d6"] a[href^="mailto:"] {
	text-decoration: underline !important;
}

/* Enlever aussi le soulignement au survol pour tous les liens sauf l'email */
.wp-block-group.has-background[style*="background-color:#ebe2d6"] a:not([href^="mailto:"]):hover {
	text-decoration: none !important;
}

/* Footer mobile : enlever les padding left et right et mettre en 2 colonnes */
@media (max-width: 782px) {
	.wp-block-group.has-background[style*="background-color:#ebe2d6"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	/* La dernière section (texte d'avertissement) reste sur une colonne */
	.wp-block-group.has-background[style*="background-color:#ebe2d6"] .alignwide > .wp-block-columns:last-of-type {
		display: flex !important;
		grid-template-columns: 1fr !important;
	}
	
	.wp-block-group.has-background[style*="background-color:#ebe2d6"] .wp-block-column {
		flex-basis: auto !important;
		min-width: 0 !important;
	}
}

/* =====================================================
   Logo à la place du lien - Classe menu-item-image
   =====================================================
   Logo uniquement sur le lien (a), pas sur le li.
   Ajoutez la classe "menu-item-image" au li dans le menu.
*/
/* Lien = logo (desktop) - pas de style sur le li */
.wp-block-navigation-item__content.menu-item-image,
.wp-block-navigation a.menu-item-image,
li.menu-item-image > a,
.wp-block-navigation-item.menu-item-image .wp-block-navigation-item__content,
/* Max Mega Menu */
#mega-menu-wrap-latitude_vins_primary li.menu-item-image > a,
#mega-menu-latitude_vins_primary li.menu-item-image > a,
.mega-menu li.menu-item-image > a.mega-menu-link {
	display: inline-block !important;
	/* Masquer le texte sans text-indent (pour garder le lien cliquable) */
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	overflow: hidden !important;
	width: 90px !important;
	height: 60px !important;
	background-image: url('https://latitudes-vin.bc-web-agence.com/wp-content/uploads/2026/01/logo-capsule-03-25-1.png') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	white-space: nowrap !important;
	cursor: pointer !important;
}

/* Masquer le texte du lien sur desktop (enfants du lien uniquement) */
.wp-block-navigation-item__content.menu-item-image *,
.wp-block-navigation a.menu-item-image *,
li.menu-item-image > a *,
.wp-block-navigation-item.menu-item-image .wp-block-navigation-item__content *,
#mega-menu-wrap-latitude_vins_primary li.menu-item-image > a *,
#mega-menu-latitude_vins_primary li.menu-item-image > a * {
	display: none;
}

/* Sur mobile / overlay : afficher le logo à gauche et le texte à droite */
@media (max-width: 992px) {
	/* Cibler exactement la structure : li.menu-item-image > a.wp-block-navigation-item__content */
	.wp-block-navigation-item.menu-item-image > .wp-block-navigation-item__content,
	li.menu-item-image > .wp-block-navigation-item__content,
	.wp-block-navigation-item.menu-item-image a.wp-block-navigation-item__content,
	li.menu-item-image a.wp-block-navigation-item__content {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important; /* Espace entre texte et logo */
		gap: 0 !important; /* Pas de gap, on utilise justify-content */
		padding: 16px 20px !important; /* Même padding que les autres liens du menu mobile */
		text-indent: 0 !important;
		overflow: visible !important;
		width: 100% !important; /* Prendre toute la largeur comme les autres */
		height: auto !important;
		background-image: none !important;
		background-size: initial !important;
		background-repeat: initial !important;
		background-position: initial !important;
		white-space: normal !important;
		flex-direction: row !important;
		box-sizing: border-box !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; /* Trait de séparation comme les autres liens */
	}
	
	/* Réduire l'écart - le texte prend l'espace disponible, le logo reste à droite */
	.wp-block-navigation-item.menu-item-image .wp-block-navigation-item__label,
	li.menu-item-image .wp-block-navigation-item__label {
		flex: 1 1 auto !important; /* Prend l'espace disponible */
		margin-right: 8px !important; /* Petit espacement avant le logo */
	}
	
	/* Le logo reste à droite sans prendre trop d'espace */
	.wp-block-navigation-item.menu-item-image > .wp-block-navigation-item__content::before,
	li.menu-item-image > .wp-block-navigation-item__content::before,
	.wp-block-navigation-item.menu-item-image a.wp-block-navigation-item__content::before,
	li.menu-item-image a.wp-block-navigation-item__content::before {
		flex: 0 0 auto !important; /* Ne pas grandir, taille fixe */
	}
	
	/* Image du logo à droite via pseudo-élément */
	.wp-block-navigation-item.menu-item-image > .wp-block-navigation-item__content::before,
	li.menu-item-image > .wp-block-navigation-item__content::before,
	.wp-block-navigation-item.menu-item-image a.wp-block-navigation-item__content::before,
	li.menu-item-image a.wp-block-navigation-item__content::before {
		content: '' !important;
		display: inline-block !important;
		width: 60px !important; /* Réduit de 90px à 60px */
		height: 40px !important; /* Réduit de 60px à 40px */
		background-image: url('https://latitudes-vin.bc-web-agence.com/wp-content/uploads/2026/01/logo-capsule-03-25-1.png') !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		flex-shrink: 0 !important;
		order: 2 !important; /* Logo à droite */
		align-self: center !important; /* Alignement vertical centré */
	}
	
	/* Alignement vertical du texte avec les autres liens */
	.wp-block-navigation-item.menu-item-image .wp-block-navigation-item__label,
	li.menu-item-image .wp-block-navigation-item__label {
		line-height: 1.5 !important; /* Même hauteur de ligne que les autres liens */
		vertical-align: middle !important;
	}
	
	/* Afficher le span avec le label à gauche */
	.wp-block-navigation-item.menu-item-image .wp-block-navigation-item__label,
	li.menu-item-image .wp-block-navigation-item__label {
		display: inline !important;
		order: 1 !important; /* Texte à gauche */
		text-indent: 0 !important;
		font-weight: 700 !important; /* Gras comme les autres items */
		text-transform: uppercase !important; /* Majuscules */
		letter-spacing: 0.02em !important;
	}
	
	/* S'assurer que le span n'est pas masqué par les styles desktop */
	.wp-block-navigation-item.menu-item-image *,
	li.menu-item-image * {
		display: inline !important;
	}
	
	/* Forcer l'affichage du label */
	.wp-block-navigation-item.menu-item-image .wp-block-navigation-item__label,
	li.menu-item-image .wp-block-navigation-item__label {
		display: inline-block !important;
	}

	/* Max Mega Menu mobile : on gère uniquement le logo (texte = plugin) */
	#mega-menu-wrap-latitude_vins_primary li.menu-item-image,
	#mega-menu-latitude_vins_primary li.menu-item-image {
		background: none !important;
		width: auto !important;
		height: auto !important;
	}
	/* Désactiver le background-image du desktop et afficher texte + logo */
	#mega-menu-wrap-latitude_vins_primary li.menu-item-image > a,
	#mega-menu-latitude_vins_primary li.menu-item-image > a,
	.mega-menu li.menu-item-image > a.mega-menu-link {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		flex-direction: row !important;
		/* Désactiver le background-image du desktop */
		background-image: none !important;
		width: auto !important;
		height: auto !important;
		color: black !important;
		font-size: inherit !important;
		line-height: inherit !important;
		overflow: visible !important;
		white-space: normal !important;
	}
	/* Réafficher le texte à gauche */
	#mega-menu-wrap-latitude_vins_primary li.menu-item-image > a .mega-menu-link-text,
	#mega-menu-latitude_vins_primary li.menu-item-image > a .mega-menu-link-text,
	.mega-menu li.menu-item-image > a.mega-menu-link .mega-menu-link-text,
	#mega-menu-wrap-latitude_vins_primary li.menu-item-image > a span:not(::after),
	#mega-menu-latitude_vins_primary li.menu-item-image > a span:not(::after),
	.mega-menu li.menu-item-image > a.mega-menu-link span:not(::after) {
		display: inline-block !important;
		order: 1 !important;
		flex: 1 1 auto !important;
		text-align: left !important;
		color: inherit !important;
		font-size: inherit !important;
		line-height: inherit !important;
	}
	/* Logo à droite via ::after */
	#mega-menu-wrap-latitude_vins_primary li.menu-item-image > a::after,
	#mega-menu-latitude_vins_primary li.menu-item-image > a::after,
	.mega-menu li.menu-item-image > a.mega-menu-link::after {
		content: '' !important;
		display: block !important;
		width: 60px !important;
		height: 40px !important;
		flex-shrink: 0 !important;
		order: 2 !important;
		background-image: url('https://latitudes-vin.bc-web-agence.com/wp-content/uploads/2026/01/logo-capsule-03-25-1.png') !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
	}
}

/* =====================================================
   Icône à côté du lien Contact
   =====================================================
   Pour utiliser : ajoutez la classe "menu-item-contact-icon" 
   à l'élément de menu "Contact" dans WordPress
*/
.menu-item-contact-icon,
.wp-block-navigation-item__content.menu-item-contact-icon,
.wp-block-navigation a.menu-item-contact-icon,
li.menu-item-contact-icon > a,
.wp-block-navigation-item.menu-item-contact-icon .wp-block-navigation-item__content {
	position: relative;
	padding-left: 30px; /* Espace pour l'icône */
}

/* Icône pour la classe menu-item-contact-icon */
.menu-item-contact-icon .mega-menu::before,
.wp-block-navigation-item__content.menu-item-contact-icon::before,
.wp-block-navigation a.menu-item-contact-icon::before,
li.menu-item-contact-icon > a::before,
.wp-block-navigation-item.menu-item-contact-icon .wp-block-navigation-item__content::before {
	content: '';
	position: absolute !important;
	left: -12% !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 20px !important;
	height: 20px !important;
	background-image: url('https://latitudes-vin.bc-web-agence.com/wp-content/uploads/2026/01/picto_contact-1.png') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}


@media (min-width: 992px) {
	#mega-menu-latitude_vins_primary .mega-menu-column > .mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		/* Ex: BULLES, BOURGOGNE, VALLÉE DU RHÔNE, ALSACE, BORDEAUX... */
		line-height: 1.1 !important;
	}
	.mega-menu-item .mega-sub-menu a{
		text-decoration: none !important;
		background-image: none !important;
	}

	.mega-menu-item a {
		text-decoration: none !important;
		background-image: linear-gradient(currentColor, currentColor) !important;
		background-position: 35% calc(100% - 3px) !important;
		background-repeat: no-repeat !important;
		background-size: 0% 1px !important;
		transition: background-size 0.3s ease !important;
	}
	
	.mega-menu-item a:hover {
		background-size: 60% 1px !important;
	}
	
	.mega-menu-item .mega-indicator{
		display: none !important;
	}
}

/* Surcharger la règle Mega Menu qui met display: none sur tous les pseudo-éléments */
/* Réactiver les pseudo-éléments :before et :after pour le menu */
#mega-menu-wrap-latitude_vins_primary:before,
#mega-menu-wrap-latitude_vins_primary:after,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary:before,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary:after,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary ul.mega-sub-menu:before,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary ul.mega-sub-menu:after,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary li.mega-menu-item:before,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary li.mega-menu-item:after,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary li.mega-menu-row:before,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary li.mega-menu-row:after,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary li.mega-menu-column:before,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary li.mega-menu-column:after,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary a.mega-menu-link:before,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary a.mega-menu-link:after,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary span.mega-menu-badge:before,
#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary span.mega-menu-badge:after,
#mega-menu-wrap-latitude_vins_primary button.mega-close:before,
#mega-menu-wrap-latitude_vins_primary button.mega-close:after,
#mega-menu-wrap-latitude_vins_primary button.mega-toggle-standard:before,
#mega-menu-wrap-latitude_vins_primary button.mega-toggle-standard:after {
	display: revert !important;
}

@media (max-width: 992px) {
	#mega-menu-wrap-latitude_vins_primary #mega-menu-latitude_vins_primary li.mega-menu-item a.mega-menu-link:before{
		width: 25px !important;
		height: 25px !important;
	}
	/* Niveau 1 - liens top level */
	#mega-menu-latitude_vins_primary > li.mega-menu-item{
		border-top: 1px solid #746A6A !important;	
	}
	#mega-menu-latitude_vins_primary > li.mega-menu-item-image > a.mega-menu-link{
		padding: 0 10px 0 10px !important;

	}
	#mega-menu-latitude_vins_primary > li.mega-menu-item > a.mega-menu-link {
		/* Ex: Nos partenaires, Nos partenaires exclusifs, Qui sommes-nous ?, Contact */
		padding: 0px 10px 10px 10px;
		margin: 10px 0 !important;
		text-transform: uppercase !important;
		font-weight: 500 !important;
		font-size: 1.1rem !important;
	}

	
	
	/* Niveau 2 - liens dans les colonnes du panel mega */
	#mega-menu-latitude_vins_primary .mega-menu-column > .mega-sub-menu > li.mega-menu-item{
		padding: 5px 15px !important;
	}
	#mega-menu-latitude_vins_primary .mega-menu-column > .mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		/* Ex: BULLES, BOURGOGNE, VALLÉE DU RHÔNE, ALSACE, BORDEAUX... */
		padding: 0 !important;
	}
	
	/* Niveau 3 - liens des sous-menus flyout (3e niveau) */
	#mega-menu-latitude_vins_primary .mega-menu-column .mega-sub-menu li.mega-menu-item .mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		/* Ex: Champagne, Crémant, Cidre, Chablisien, Côte de Nuits... */
		line-height: 1.1 !important;
		padding: 5px 15px !important;
	}

	.menu-item-contact-icon{
		padding-left: 25px !important;
	}

	/* Icône pour la classe menu-item-contact-icon */
	.menu-item-contact-icon .mega-menu::before,
	.wp-block-navigation-item__content.menu-item-contact-icon::before,
	.wp-block-navigation a.menu-item-contact-icon::before,
	.wp-block-navigation-item.menu-item-contact-icon .wp-block-navigation-item__content::before {
		left: -5% !important;
	}

	li.menu-item-contact-icon > a::before{
		left: -3% !important;
	}

	/* Personnalisation du bouton de fermeture (croix) du menu mobile */
	button.mega-close {
		background: transparent !important;
		border: none !important;
		cursor: pointer !important;
		z-index: 99999999999 !important;
		padding: 0 !important;
		margin: 0 !important;
		position: fixed !important;
	}

	button.mega-close::before {
		content: '✕' !important;
		font-family: Arial, sans-serif !important;
		font-size: 28px !important;
		font-weight: 300 !important;
		color: #fff !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 50px !important;
		height: 50px !important;
		border-radius: 50% !important;
		transition: all 0.3s ease !important;
		line-height: 1 !important;
		position: relative !important;
		z-index: inherit !important;
	}

	button.mega-close:hover::before {
		transform: rotate(90deg) !important;
	}
}

@media (max-width: 782px) {
	li.menu-item-contact-icon > a::before{
		left: -5% !important;
	}

	#mega-menu-wrap-latitude_vins_primary .mega-menu-toggle.mega-menu-open ~ button.mega-close {
        top: 2.5%;
        left: calc(min(100vw - 43px, 80%)) !important;
	}
}

/* Animation pour le pseudo-élément ::before du menu quand il est ouvert */
.mega-menu-toggle.mega-menu-open + #mega-menu-latitude_vins_primary::before {
	content: "MENU";
    position: fixed;
    top: 0;
    left: 0;
    width: 90%;
    height: 60px;
    background: #790606;
	opacity: 0.9;
    color: #fff;
    font-size: 40px;
	font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
    z-index: 10000;
    box-sizing: border-box;
	animation: megaMenuBeforeSlideRight 0.2s ease-in-out forwards;
	pointer-events: none;
}

/* Animation slide vers la droite */
@keyframes megaMenuBeforeSlideRight {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0);
	}
}

/* Animation de fermeture (quand le menu se ferme) - slide vers la gauche */
.mega-menu-toggle:not(.mega-menu-open) + #mega-menu-latitude_vins_primary::before {
	animation: megaMenuBeforeSlideLeft 0.3s ease-in-out forwards;
}

@keyframes megaMenuBeforeSlideLeft {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}


/* Version automatique : détecte automatiquement le lien "Contact" */
.wp-block-navigation a[href*="contact"],
.wp-block-navigation-item__content[href*="contact"],
.wp-block-navigation a:contains("Contact"),
.menu-item a[href*="contact"] {
	position: relative;
	padding-left: 30px;
}

.wp-block-navigation a[href*="contact"]::before,
.wp-block-navigation-item__content[href*="contact"]::before,
.menu-item a[href*="contact"]::before {
	content: '';
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
		background-image: url('https://latitudes-vin.bc-web-agence.com/wp-content/uploads/2026/01/picto_contact-1.png');
		background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Écart entre les liens du menu (desktop) */
.wp-block-navigation .wp-block-navigation__container,
.wp-block-navigation ul.wp-block-navigation-list {
	gap: 2rem !important; /* Ajustez la valeur pour plus ou moins d'écart */
}

/* Écrans moyens (993px–1200px) : réduire police et écart pour éviter le retour à la ligne */
@media (min-width: 993px) and (max-width: 1200px) {
	.latitude-vins-header-desktop .wp-block-navigation .wp-block-navigation__container,
	.latitude-vins-header-desktop .wp-block-navigation ul.wp-block-navigation-list {
		gap: 1rem !important;
	}
	.latitude-vins-header-desktop .wp-block-navigation a,
	.latitude-vins-header-desktop .wp-block-navigation-item__content,
	.latitude-vins-header-desktop .wp-block-navigation-item .wp-block-navigation-item__content {
		font-size: 0.9rem !important;
	}
}

/* Rendre les liens du menu plus gras */
.wp-block-navigation a,
.wp-block-navigation-item__content,
.wp-block-navigation-item .wp-block-navigation-item__content,
nav.wp-block-navigation a,
.menu-item a {
	font-weight: 500 !important;
	position: relative;
	transition: color 0.3s ease;
	text-decoration: none;
}

/* Effet de survol avec soulignement animé */
.wp-block-navigation a:hover,
.wp-block-navigation-item__content:hover,
.wp-block-navigation-item .wp-block-navigation-item__content:hover,
nav.wp-block-navigation a:hover,
.menu-item a:hover {
	color: #790606 !important;
}

/* Soulignement animé au survol */
.wp-block-navigation a::after,
.wp-block-navigation-item__content::after,
.wp-block-navigation-item .wp-block-navigation-item__content::after,
nav.wp-block-navigation a::after,
.menu-item a::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 1px;
	background-color: #790606;
	transition: width 0.3s ease;
}

.wp-block-navigation a:hover::after,
.wp-block-navigation-item__content:hover::after,
.wp-block-navigation-item .wp-block-navigation-item__content:hover::after,
nav.wp-block-navigation a:hover::after,
.menu-item a:hover::after {
	width: 80%;
}

/* Style pour les liens actifs (page courante) */
.wp-block-navigation-item__current > .wp-block-navigation-item__content,
.wp-block-navigation-item__current a,
.wp-block-navigation a[aria-current="page"],
.wp-block-navigation-item__content[aria-current="page"],
.current-menu-item > a,
.current_page_item > a,
.menu-item.current-menu-item > a {
	color: #790606 !important;
}

/* Soulignement pour les liens actifs */
.wp-block-navigation-item__current > .wp-block-navigation-item__content::after,
.wp-block-navigation-item__current a::after,
.wp-block-navigation a[aria-current="page"]::after,
.wp-block-navigation-item__content[aria-current="page"]::after,
.current-menu-item > a::after,
.current_page_item > a::after,
.menu-item.current-menu-item > a::after {
	width: 80% !important;
}

/* =====================================================
   Marges et espacements du header
   =====================================================
   Ajustez les valeurs ci-dessous pour gérer les marges du header.
   Les paddings peuvent être modifiés via le pattern header.php ou ici.
*/
.latitude-vins-header {
	margin: 0 10% !important;
}

/* Marges desktop - modifiez selon vos besoins */
@media (max-width: 1310px) {
	.latitude-vins-header {
		margin: 0 5% !important;
	}
}

@media (max-width: 1160px) {
	.latitude-vins-header {
		margin: 0 !important;
	}
}

@media (max-width: 1045px) {
	.mega-menu-item a {
		padding: 0 10px !important;
	}
}

.mega-menu-item-image a {
	margin: 0 30px 0 0 !important;
}
/* =====================================================
   Max Mega Menu - Intégration header
   =====================================================
*/
.latitude-vins-megamenu-desktop {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1 1 auto;
	min-width: 0;
}
.latitude-vins-header-desktop .mega-menu-toggle {
	display: none !important;
}
/* Alignement du mega menu dans le header desktop */
.latitude-vins-header-desktop #mega-menu-wrap-latitude_vins_primary,
.latitude-vins-header-desktop #mega-menu-latitude_vins_primary {
	background: transparent !important;
	border: none !important;
}

/* =====================================================
   Header Responsive - Mobile Layout
   =====================================================
*/

/* Masquer le header desktop sur mobile / tablette (burger plus tôt à 992px) */
@media (max-width: 992px) {
	.latitude-vins-header-desktop {
		display: none !important;
	}
	
	.latitude-vins-header-mobile {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		padding: 10px 20px !important;
		position: relative;
	}
	
	/* Max Mega Menu : zone toggle à gauche */
	.latitude-vins-mobile-left {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		min-width: 80px;
	}
	.latitude-vins-mobile-left .mega-menu-toggle {
		padding: 8px !important;
		background: transparent !important;
		border: none !important;
	}
	
	/* Logo centré parfaitement */
	.latitude-vins-logo-mobile {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		display: flex;
		justify-content: center;
		z-index: 1;
	}
	
	.latitude-vins-logo-mobile img {
		max-width: 150px;
		height: auto;
	}
	
	/* Contact à droite */
	.latitude-vins-mobile-right {
		flex: 0 0 auto;
		min-width: 80px; /* Largeur minimale pour le texte "Contact" */
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	
	/* Ajuster la largeur du hamburger pour équilibrer */
	.latitude-vins-mobile-left {
		min-width: 80px; /* Même largeur que le contact pour équilibrer */
	}
	
	.latitude-vins-contact-mobile {
		margin: 0 !important;
		display: flex;
		align-items: center;
		gap: 8px;
	}
	
	.latitude-vins-contact-mobile a {
		color: #000 !important;
		text-decoration: none !important;
		font-weight: 500 !important;
		font-size: 16px;
		display: flex;
		align-items: center;
		gap: 8px;
	}
	
	/* Icône téléphone pour contact (barre mobile) */
	.latitude-vins-contact-mobile a::before {
		content: '';
		display: inline-block;
		width: 20px;
		height: 20px;
		background-image: url('https://latitudes-vin.bc-web-agence.com/wp-content/uploads/2026/01/picto_contact-1.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	/* Inverser le flex-direction pour un élément spécifique en mobile */
	#wp--skip-link--target > div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained > div > div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-7fac440f.wp-block-columns-is-layout-flex {
		flex-direction: column-reverse !important;
	}

	#wp--skip-link--target > div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained > div > div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-fbd8c7c5.wp-block-columns-is-layout-flex{
		flex-direction: column !important;
	}

	/* Centrer un bouton spécifique en mobile */
	.wp-block-buttons>.wp-block-button{
		margin: 0 auto !important;
	}
}

/* Masquer le header mobile sur desktop (burger jusqu'à 992px) */
@media (min-width: 993px) {
	.latitude-vins-header-mobile {
		display: none !important;
	}
	
	.latitude-vins-header-desktop {
		display: flex !important;
	}
}

/* =====================================================
   Partenaires - Sous-régions au survol (page partenaires-regions)
   ===================================================== */
/* Liste des régions : grille type pills (fond beige, cartes blanches bordure rouge) */
.regions-list-wrap {
	width: 100%;
	background-color: #FAF1E5;
	padding: 50px 20%;
	box-sizing: border-box;
	margin-top: 50px;
}
/* Liste partenaires (template taxonomy-region-partners) : padding spécifique */
.regions-partners-list.regions-list-wrap {
	padding: 40px 25%;
}
/* Partenaires exclusifs : padding réduit */
.partenaires-exclusifs-list.regions-list-wrap {
	padding: 40px 15%;
	margin-top: 30px;
}
.regions-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--wp--preset--spacing--40);
	width: 100%;
	max-width: none;
	margin: 0;
}
/* Page sous-régions (taxonomy-region-sublist) : 3 colonnes uniquement */
.regions-sublist-page .regions-list {
	grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
	.regions-list {
		grid-template-columns: repeat(3, 1fr);
	}
	.regions-sublist-page .regions-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.regions-partners-list:not(.partenaires-exclusifs-list) .regions-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.partenaires-exclusifs-list .regions-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.regions-list-wrap {
		padding: 50px 5%;
	}
	.regions-partners-list.regions-list-wrap {
		padding: 40px 5%;
	}
	.partenaires-exclusifs-list.regions-list-wrap {
		padding: 40px 3%;
	}
}
@media (max-width: 640px) {

	.regions-list {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--wp--preset--spacing--20);
	}
	.regions-partners-list:not(.partenaires-exclusifs-list) .regions-list {
		grid-template-columns: 1fr !important;
	}
	.partenaires-exclusifs-list .regions-list {
		grid-template-columns: 1fr !important;
		gap: var(--wp--preset--spacing--15);
	}
	/* Réduire le padding pour les partenaires exclusifs sur mobile */
	.partenaires-exclusifs-list.regions-list-wrap {
		padding: 40px 5% !important;
	}
	/* Réduire le padding des logos pour les partenaires exclusifs sur mobile */
	.partenaires-exclusifs-list .region-item .region-logo {
		padding: 8px 10px !important;
	}
	.partenaires-exclusifs-list .region-item .region-logo img {
		max-height: 110px !important;
	}
	/* Réduire le padding des liens pour les partenaires exclusifs sur mobile */
	.partenaires-exclusifs-list .region-item .region-item-link {
		padding: 8px 10px !important;
	}
	.regions-partners-list .region-item {
		min-height: 120px;
		height: 120px;
	}
}
.regions-list .region-item {
	position: relative;
	background-color: #fff;
	border-radius: 25px;
	text-align: center;
	min-height: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.regions-list .region-item:hover {
	background-color: #790606CC;
	z-index: 101;
}
.regions-list .region-item-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 12px 16px;
	text-decoration: none;
	color: #790606;
	font-weight: 800;
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	box-sizing: border-box;
	transition: color 0.2s ease;
}
.regions-list .region-item:hover .region-item-link {
	color: #fff;
}
.regions-list .region-item .region-name {
	display: inline;
}
.regions-list .region-item .region-more {
	display: none;
}
.regions-list .region-item:hover .region-name {
	display: none;
}
.regions-list .region-item:hover .region-more {
	display: inline;
}
.regions-list .region-item .region-sublist {
	display: none;
	position: absolute;
	top: 100%;
	left: 100%;
	z-index: 100;
	padding: 8px 25px;
	margin-top: -4px;
	margin-left: -18px;
	width: max-content;
	list-style: none;
	background: #790606CC;
	color: #fff;
	border-top: none;
	border-radius: 20px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.regions-list .region-item .region-sublist::before {
	content: '';
	position: absolute;
	top: -8px;
	left: 0;
	right: 0;
	height: 8px;
}
.regions-list .region-item:hover .region-sublist {
	display: block;
}
.regions-list .region-item .region-sublist li {
	margin: 0 0 var(--wp--preset--spacing--10);
}
.regions-list .region-item .region-sublist li:last-child {
	margin-bottom: 0;
}
.regions-list .region-item .region-sublist a {
	display: block;
	text-align: left;
	padding: 4px 0;
	text-decoration: none;
	color: #fff;
	font-size: 0.9rem;
	text-transform: uppercase;
	font-weight: 500;
}

/* Liste partenaires : deux colonnes, cartes compactes pour logos */
/* Liste partenaires par région uniquement (pas partenaires exclusifs) : 2 colonnes */
.regions-partners-list:not(.partenaires-exclusifs-list) .regions-list {
	grid-template-columns: repeat(2, 1fr);
	gap: var(--wp--preset--spacing--40);
}
/* Partenaires exclusifs : conserver 3 colonnes (ou 4) */
.partenaires-exclusifs-list .regions-list {
	grid-template-columns: repeat(3, 1fr);
	gap: var(--wp--preset--spacing--40);
}
.regions-partners-list .region-item {
	min-height: 140px;
	height: 140px;
}
/* Liste partenaires : logo (image mise en avant) au lieu du nom */
.regions-partners-list .region-item .region-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 12px 16px;
	box-sizing: border-box;
}
.regions-partners-list .region-item .region-logo img {
	width: 100%;
	height: auto;
	max-height: 100px;
	object-fit: contain;
	object-position: center;
	vertical-align: middle;
}
.regions-partners-list .region-item .region-logo ~ .region-name {
	display: none;
}
/* Hover liste partenaires par région (taxonomy-region-partners) : logo en filigrane + EN SAVOIR PLUS */
.regions-partners-list .region-item .region-item-link {
	position: relative;
}
.regions-partners-list .region-item .region-more {
	display: none;
	position: absolute;
	inset: 0;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.regions-partners-list .region-item .region-logo {
	transition: opacity 0.2s ease;
}
.regions-partners-list .region-item:hover .region-logo {
	opacity: 0.25;
}
.regions-partners-list .region-item:hover .region-more {
	display: flex;
}
/* Page Partenaires exclusifs uniquement : pas de hover */
.partenaires-exclusifs-list .region-item:hover {
	background-color: #fff;
}
.partenaires-exclusifs-list .region-item:hover .region-item-link {
	color: #790606;
}
.partenaires-exclusifs-list .region-item .region-more {
	display: none;
	position: static;
}
.partenaires-exclusifs-list .region-item:hover .region-logo {
	opacity: 1;
}
/* Partenaires exclusifs sans lien : pas cliquable */
.partenaires-exclusifs-list .region-item-link--no-link {
	cursor: default;
	pointer-events: none;
}

/* ========== Page Contact : mise en page + blocs Coordonnées / Horaires ========== */
.latitude-vins-contact-main {
	display: flex;
	align-items: center;
	background-color: #FAF1E5;
	background-image: url(https://latitudes-vin.bc-web-agence.com/wp-content/uploads/2026/02/de1cebb2a0e1bbb74019e0a89e6b7a447b8c0785.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 100%;
	min-height: 500px;
	margin: 50px 0 !important;
	padding-top: var(--wp--preset--spacing--60, 2rem);
	padding-bottom: var(--wp--preset--spacing--60, 2rem);
}
.latitude-vins-contact-wrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 var(--wp--preset--spacing--40, 1.5rem);
}
.latitude-vins-contact-layout {
	display: grid;
	grid-template-columns: 1fr;
	max-width: 900px;
	gap: var(--wp--preset--spacing--40, 1.5rem);
	align-items: start;
}
.latitude-vins-contact-right {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--wp--preset--spacing--40, 1.5rem);
	align-items: stretch;
	min-width: 0;
}
.latitude-vins-contact-right .latitude-vins-contact-box {
	display: flex;
	flex-direction: column;
}
.latitude-vins-contact-box {
	background: #fff;
	border-radius: 25px;
	padding: var(--wp--preset--spacing--40, 1.5rem);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.latitude-vins-contact-box-title {
	color: #790606;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.02em;
	margin: 0 0 1rem;
}
.latitude-vins-contact-coords-content {
	text-align: center;
	font-size: 0.95rem;
	line-height: 1.5;
}
.latitude-vins-contact-coords-content p {
	margin: 0 0 0.5em;
	font-weight: 400;
}
.latitude-vins-contact-coords-content p:last-child {
	margin-bottom: 0;
}
.latitude-vins-contact-coords-content a {
	color: inherit;
	text-decoration: none;
}
.latitude-vins-contact-coords-content a:hover {
	text-decoration: underline;
}
.latitude-vins-contact-hours-list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0;
}
.latitude-vins-contact-hours-row {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 1rem;
	align-items: baseline;
	font-size: 0.95rem;
}
.latitude-vins-contact-hours-row dt {
	margin: 0;
	font-weight: 500;
}
.latitude-vins-contact-hours-row dd {
	margin: 0;
	text-align: right;
	font-weight: 400;
}
@media (max-width: 782px) {
	.latitude-vins-contact-layout {
		max-width: 100%;
	}
	.latitude-vins-contact-right {
		grid-template-columns: 1fr;
	}
}