/*
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;
}

/* 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 (sans carousel) */
@media (max-width: 782px) {
	.wp-block-columns.alignwide {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--wp--preset--spacing--30);
	}
	
	.wp-block-columns.alignwide .wp-block-column {
		padding: 0;
	}
}

/* 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;
	}
}

/* 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;
}

/* 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;
}

/* 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%;
}
.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;
	}
}

/* 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;
	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;
}

/* =====================================================
   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;
	}
	#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: space-between !important;
		gap: 12px !important;
		background-image: none !important;
	}
	/* Réafficher le texte (sinon masqué par la règle desktop) – le plugin gère le style */
	#mega-menu-wrap-latitude_vins_primary li.menu-item-image > a *,
	#mega-menu-latitude_vins_primary li.menu-item-image > a * {
		display: inline-block !important;
	}
	/* Logo à droite */
	#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;
		background: url('https://latitudes-vin.bc-web-agence.com/wp-content/uploads/2026/01/logo-capsule-03-25-1.png') center/contain no-repeat !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 */
}

/* 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;
}

/* =====================================================
   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;
	}
}

/* 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%;
}
.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 .regions-list {
		grid-template-columns: repeat(2, 1fr);
	}

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

	.regions-list {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--wp--preset--spacing--20);
	}
	.regions-partners-list .regions-list {
		grid-template-columns: 1fr !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;
	margin-top: -4px;
	margin-left: -18px;
	padding: 5px 30px;
	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 */
.regions-partners-list .regions-list {
	grid-template-columns: repeat(2, 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;
}
.regions-partners-list .region-item:hover .region-logo {
	display: none;
}
.regions-partners-list .region-item .region-more {
	display: none;
}
.regions-partners-list .region-item:hover .region-more {
	display: inline;
}