@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,700;1,400&family=Alegreya+SC:wght@400;500&family=Parisienne&display=swap');
/* ^ Les polices de la maison sont chargees par Elementor, donc absentes des
     pages qui n en dependent pas — le panier et la validation de commande.
     Sans cet import, « Reglement » retombait sur la cursive systeme.
     Un @import doit rester la toute premiere regle de sa feuille. */


/* ═══════════════════════════════════════
   HEADER — NAVIGATION
═══════════════════════════════════════ */

/* Base */
#masthead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: background 0.3s ease;
}

/* Homepage — transparent */
.home #masthead {
  background: transparent;
}

/* Homepage — au scroll */
.home.scrolled #masthead {
  background: #38352e;
}

/* Toutes les autres pages */
body:not(.home) #masthead {
  background: #38352e;
}

/* Pages dont le hero est un bloc avec image de fond (.mmv-hero)
   → nav transparente au chargement, comme la page d'accueil */
body:has(.mmv-hero) #masthead {
  background: transparent;
}

/* Barre admin WordPress */
body.admin-bar #masthead {
  top: 32px;
}

/* ═══════════════════════════════════════
   CONTENU — DÉCALAGE SOUS LA NAV
═══════════════════════════════════════ */

/* Toutes les pages sauf homepage */
.site-content {
  padding-top: 110px;
}

/* Homepage — le hero va jusqu'en haut */
.home .site-content {
  padding-top: 0;
}

/* Avec barre admin */
body.admin-bar .site-content {
  padding-top: 142px;
}

body.admin-bar.home .site-content {
  padding-top: 0;
}

/* ═══════════════════════════════════════
   GLOBAL
═══════════════════════════════════════ */

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* ═══════════════════════════════════════
   HERO — CORRECTIONS ASTRA
═══════════════════════════════════════ */

.mmv-hero-btn,
.mmv-hero-btn:visited,
.mmv-hero-btn:hover {
  color:#ffffff !important;
  text-decoration: none !important;
}

#masthead .main-header-menu .menu-item a:hover,
#masthead .main-header-menu .menu-item.current-menu-item a {
  background: transparent !important;
  color:#ffffff !important;
}

.site-header {
  padding: 0 !important;
}

.ast-site-header-wrap {
  padding: 0 !important;
}

/* ═══════════════════════════════════════
   SÉLECTEUR DE LANGUE (HTML 1)
   ⚠ Retiré de l'en-tête le 20/08/2026 : ces règles ne s'appliquent plus
     à rien (le balisage a été vidé). Conservées telles quelles au cas où.
     Sauvegarde complète : page privée « SAUVEGARDE — Sélecteur de langue (en-tête) », ID 2944.
═══════════════════════════════════════ */

.ast-header-html-1,
.ast-builder-layout-element:has(.mmv-lang) {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
}

.mmv-lang {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 99999;
  height: 100% !important;
  padding-bottom: 0 !important;
}

/* Pont invisible pour maintenir le hover entre le bouton et le menu */
.mmv-lang::after {
  content: '';
  position: absolute;
  top: 100%;
  left: -20px;
  right: -20px;
  height: 15px;
  background: transparent;
  pointer-events: auto;
}

.mmv-lang-current {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: -2px;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
  cursor: pointer;
}

.mmv-lang-current img {
  height: 32px !important;
  width: auto !important;
  display: block;
}

.mmv-arrow {
  color:#fff;
  font-size: 15px;
  line-height: 1;
  transition: .2s;
}

.mmv-lang:hover .mmv-arrow {
  transform: rotate(180deg);
}

.mmv-lang-menu {
  display: none;
  position: absolute;
  top: 100% !important;
  right: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-top: 10px;
  z-index: 99999;
}

.mmv-lang:hover .mmv-lang-menu,
.mmv-lang-menu:hover {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mmv-lang-item {
  display: block;
  padding: 0;
  background: transparent !important;
}

.mmv-lang-item img {
  height: 32px !important;
  width: auto !important;
  display: block;
}

.mmv-lang-item:hover {
  background: transparent !important;
  opacity: .75;
}

/* Masquer la langue active dans le menu (basé sur html[lang]) */
/* [lang|="fr"] couvre fr, fr-FR, fr-BE, etc. */
html[lang|="fr"] .mmv-fr { display: none !important; }
html[lang|="en"] .mmv-en { display: none !important; }
html[lang|="de"] .mmv-de { display: none !important; }

/* Mettre à jour l'image du bouton selon la langue active */
html[lang|="en"] .mmv-lang-current img {
  content: url("https://dev.maison-des-vins.com/wp-content/uploads/2026/06/2-e1781178207312.png");
}
html[lang|="de"] .mmv-lang-current img {
  content: url("https://dev.maison-des-vins.com/wp-content/uploads/2026/06/3-e1781170021759.png");
}


/* Neutraliser les balises <p> et <br> ajoutées par TinyMCE */
.mmv-lang > p,
.mmv-lang-menu > p {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mmv-lang br,
.mmv-lang-menu br {
  display: none !important;
}

/* Masquer Weglot */
.weglot-container,
.wg-default,
.country-selector {
  display: none !important;
}

/* Supprimer l'ombre sur les images */
.ast-article-single figure,
.ast-article-single img:not(figure img) {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

/* 
 *    ESSENTIEL EN UN REGARD  Texte + Logo proches
 *  */
.wine-col1-inner {
	  gap: 8px !important;
}
.wine-col1-inner .wine-info-text {
	  width: auto !important;
}
.wine-col1-inner .wine-info-text p {
	  white-space: nowrap !important;
}

/* ==========================================
 *    MENU NAV  tenir sur une seule ligne
 *    ========================================== */
.main-header-menu .menu-link, .main-header-menu > a {
	  padding: 0 clamp(0.28em, 0.9vw, 0.55em) !important;
	  font-size: clamp(11px, 1.253vw - 0.55px, 22px) !important;
	  white-space: nowrap;
}
.ast-theme-transparent-header:not(.mmv-scrolled) .main-header-menu .menu-link,
.ast-theme-transparent-header:not(.mmv-scrolled) .main-header-menu > a {
	  font-size: clamp(11px, 1.481vw - 2.65px, 24px) !important;
}
#ast-hf-menu-1, .main-header-menu {
	  flex-wrap: nowrap;
}

/* Sélecteur de langue + panier + bouton : alignés, ne débordent jamais */
.site-header-above-section-right {
	  flex: 0 1 auto;
	  width: auto;
	  min-width: 0;
	  margin-left: -12px;
}
.site-header-above-section-right-center {
	  flex-wrap: nowrap;
	  flex: 0 1 auto;
	  width: auto;
	  min-width: 0;
	  align-items: center;
	  justify-content: flex-end;
}
.site-header-above-section-center {
	  flex: 1 1 auto;
	  width: auto;
	  min-width: 0;
}
.ast-header-button-1 .ast-custom-button {
	  padding: clamp(4px, 0.6vw, 6px) clamp(10px, 2vw, 22px) !important;
	  font-size: clamp(11px, 0.85vw + 3px, 14px) !important;
	  white-space: nowrap;
}

.ast-header-button-1 .ast-custom-button-link {
	  padding: 2px 0 !important;
}

/* Custom cart icon replacement v5 - dessin panier osier MMV (2026-09) */
.ast-icon-shopping-basket { display: inline-flex !important; align-items: center; justify-content: center; width: 23px; height: 32px; background-image: url('https://dev.maison-des-vins.com/wp-content/uploads/2026/08/icone-panier-mmv-v2.png'); background-size: auto 30px; background-repeat: no-repeat; background-position: center center; }
.ast-icon-shopping-basket svg, .ast-icon-shopping-basket .ast-icon { opacity: 0 !important; width: 1px !important; }
body.ast-theme-transparent-header #masthead .ast-header-woo-cart .astra-icon::before { width: 23px; height: 32px; background-image: url('https://dev.maison-des-vins.com/wp-content/uploads/2026/08/icone-panier-mmv-v2.png'); background-size: auto 30px; background-position: center center; }
body.ast-theme-transparent-header.mmv-scrolled #masthead .ast-header-woo-cart .astra-icon::before { filter: none; }

/* Police Alegreya pour le nombre d'articles du panier */
.ast-site-header-cart i.astra-icon::after { font-family: Alegreya, Georgia, serif !important; }


/* ===== Ajustement demandé : uniformiser espacement nav / langue / panier ===== */
.ast-above-header-bar .site-header-above-section-right,
.ast-above-header-bar .site-header-above-section-right-center {
  min-width: auto !important;
}
.ast-above-header-bar .ast-builder-grid-row {
  column-gap: 22px !important;
}
.site-header-above-section-right-center {
  gap: 18px !important;
}


/* ===== Bouton Réserver : empêcher le retour à la ligne + ajuster colonne droite ===== */
.ast-above-header-bar .ast-builder-grid-row.ast-grid-center-col-layout {
  grid-template-columns: auto auto auto !important;
}
.ast-above-header-bar .site-header-above-section-right,
.ast-above-header-bar .site-header-above-section-right-center {
  white-space: nowrap !important;
}
.ast-builder-button-wrap .ast-custom-button-link,
.ast-builder-button-wrap a {
  white-space: nowrap !important;
  padding: 8px 18px !important;
}

.ast-above-header-bar .site-header-above-section-center {
  justify-content: flex-start !important;
}

.ast-above-header-bar .site-header-above-section-right-center,
.ast-above-header-bar .site-header-above-section-right {
  justify-content: flex-start !important;
}

.ast-above-header-bar .site-header-above-section-right-center {
  flex-grow: 0 !important;
}

.ast-above-header-bar .ast-builder-grid-row.ast-grid-center-col-layout {
  grid-template-columns: max-content max-content max-content !important;
    justify-content: center !important;
}


/* ===================================================
   BOUTON RESERVER (Header) - meme effet hover que .mmv-hero-btn
=================================================== */
.ast-header-button-1 .ast-custom-button {
  transition: background 0.25s, border-color 0.25s;
}
.ast-header-button-1 .ast-custom-button:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color:#fff !important;
}

/* ===================================================
   FIX: bouton RÉSERVER (header) - halo doré au survol
   Le lien exterieur .ast-custom-button-link recoit un
   fond dore au hover (style global bouton Astra) alors
   que le halo interne .ast-custom-button est deja gere
   ci-dessus en blanc transparent. On neutralise le fond
   du lien exterieur pour eviter le debordement visuel.
=================================================== */
.ast-header-button-1 .ast-custom-button-link:hover {
  background: transparent !important;
}

/* ===================================================
   FIX: logo (en-tete) - halo dore + saut au survol
   Une regle globale "a:hover" (fond dore + translateY +
   ombre) s'applique a tous les liens du site, y compris
   le lien du logo, ce qui cree un rectangle dore autour
   du logo au survol. On neutralise cet effet pour le lien
   du logo uniquement.
=================================================== */
.custom-logo-link:hover {
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}


/* ===========================
   TRANSITIONS DYNAMIQUES - CATALOGUE
   =========================== */
.cv-cat-btn, .cv-filter-btn, .cv-btn {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
}
.cv-cat-btn:hover, .cv-filter-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(166,140,70,0.25);
}
.cv-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(166,140,70,0.3);
}

/* Transition douce générale pour tous les boutons du site */
button, .ast-button, a {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.25s ease !important;
}

/* ===========================
   FONDU D'APPARITION DES PAGES
   =========================== */
body {
  animation: cvPageFadeIn 0.45s ease;
}
@keyframes cvPageFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ==========================
 *    FIX POLICE FILTRES - GUIDE DU CAVEAU
 *    ========================== */
.cv-guide {
	  font-family: "Alegreya SC", serif !important;
}

/* ==========================
 *    FIX POLICE FILTRES SIDEBAR (Filtres, Trier, Appellation, Prix...)
 *    ========================== */
.cv-icons-row,
.cv-side-heading,
.cv-side-list,
.cv-side-list * {
	  font-family: "Alegreya SC", serif !important;
}

/*
 * =======================
 * *   FIX POLICE ALEGREYA SC - COMPLEMENT SIDEBAR (recherche, pastilles, filtres accordeon)
 * =======================
 * */
.cv-search,
.cv-search input,
.cv-pills,
.cv-pill,
.cv-attr-group,
.cv-attr-toggle,
.cv-attr-arrow,
.cv-attr-options,
.cv-attr-options * {
	font-family: "Alegreya SC", serif !important;
}

/* ===========================
 *  * FIX POLICE + COULEUR - Message "Chargement des FILTRES..."
 *  * =========================== */
#cv-attr-filters-mount div[style*="opacity:0.6"] {
	  font-family: 'Alegreya', serif !important;
	  color:#B29760 !important;
}


/* ==========================================================
 *    PAGINATION BOUTIQUE - style Alegreya SC + dore
 *    ========================================================== */
nav.elementor-pagination {
	text-align: center;
    padding: 32px 0 48px !important;
	  margin-bottom: 16px !important;
}
nav.elementor-pagination .page-numbers {
	font-family: 'Alegreya SC', serif !important;
	font-size: 18px !important;
	color:#5B4B3C !important;
	margin: 0 16px !important;
	letter-spacing: 0.5px;
	text-decoration: none !important;
	font-weight: 400;
}
nav.elementor-pagination .page-numbers.prev,
nav.elementor-pagination .page-numbers.next {
	margin: 0 24px !important;
}
nav.elementor-pagination .page-numbers.current {
	color:#B29760 !important;
	font-weight: 700;
}
nav.elementor-pagination a.page-numbers:hover {
	color:#B29760 !important;
}


/* ============================================================
   CORRECTIF DEBORDEMENT HORIZONTAL - FICHE PRODUIT VIN
   Le titre en white-space:nowrap forcait la colonne droite
   de .wine-hero a 820px, faisant deborder toute la grille.
   A terme : reporter ces regles dans le widget HTML Elementor
   (element 12c9f22) et supprimer ce bloc.
   ============================================================ */
@media (min-width: 901px) {
	.wine-hero {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;
	}
	.wine-services {
		flex-wrap: wrap !important;
	}
}
.wine-hero-content {
	min-width: 0 !important;
}
.wine-product-title {
	flex-wrap: wrap !important;
	min-width: 0 !important;
}
.wine-title-main {
	white-space: normal !important;
	overflow-wrap: break-word !important;
}


/* ============================================================
   UNIFORMISATION INTERLIGNE — PAGE D'ACCUEIL
   Interligne unique de 1.2 pour tous les paragraphes
   des zones de texte de l'accueil
   ============================================================ */
body.home #content .elementor-widget-html p,
body.home #content .elementor-widget-html li,
body.home #content .elementor-widget-html blockquote {
	line-height: 1.2 !important;
}


/* ============================================================
   SÉLECTEUR DE LANGUE — PIED DE PAGE
   Reprise du sélecteur du menu de navigation, en version
   autonome (classes .mmv-flang) pour ne pas hériter du
   comportement au scroll de l'en-tête. Ouverture vers le haut.
   ============================================================ */
.mmv-f__bar .mmv-flang{position:relative;display:inline-flex;align-items:center;line-height:1;}
.mmv-f__bar .mmv-flang__current{display:inline-flex;align-items:center;gap:0;background:none;border:0;padding:0;margin:0;box-shadow:none;color:inherit;font:inherit;line-height:1;cursor:pointer;}
.mmv-f__bar .mmv-flang__current img,
.mmv-f__bar .mmv-flang__item img{height:24px;width:auto;display:block;}
.mmv-f__bar .mmv-flang__arrow{font-size:12px;margin-left:-2px;transform:rotate(-90deg);transition:transform .25s ease;}
/* Pont invisible pour garder le survol entre le bouton et le menu */
.mmv-f__bar .mmv-flang::after{content:'';position:absolute;top:0;bottom:0;left:100%;right:auto;width:22px;}
.mmv-f__bar .mmv-flang__menu{display:flex;flex-direction:row;align-items:center;gap:14px;position:absolute;top:50%;left:100%;transform:translateY(-50%) translateX(-8px);padding:0 0 0 14px;width:max-content;z-index:99999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease, transform .35s cubic-bezier(.22,.61,.36,1), visibility 0s linear .3s;}
.mmv-f__bar .mmv-flang:hover .mmv-flang__menu,
.mmv-f__bar .mmv-flang:focus-within .mmv-flang__menu,
.mmv-f__bar .mmv-flang__menu:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translateX(0);transition:opacity .3s ease, transform .35s cubic-bezier(.22,.61,.36,1), visibility 0s linear 0s;}
.mmv-f__bar .mmv-flang:hover .mmv-flang__arrow,
.mmv-f__bar .mmv-flang:focus-within .mmv-flang__arrow{transform:rotate(-90deg);}
.mmv-f__bar .mmv-flang__item{flex:0 0 auto;display:block;padding:0;background:transparent;opacity:.85;transition:opacity .2s ease;}
.mmv-f__bar .mmv-flang__item:hover{opacity:1;}
/* Neutralise les <p>/<br> ajoutés par l'éditeur */
.mmv-f__bar .mmv-flang > p,
.mmv-f__bar .mmv-flang__menu > p{margin:0;padding:0;}
.mmv-f__bar .mmv-flang br{display:none;}
/* Le drapeau du bouton suit la langue active */
html[lang|="en"] .mmv-f__bar .mmv-flang__current img{content:url(https://dev.maison-des-vins.com/wp-content/uploads/2026/09/selecteur-de-langue-en-400.webp);}
html[lang|="de"] .mmv-f__bar .mmv-flang__current img{content:url(https://dev.maison-des-vins.com/wp-content/uploads/2026/09/selecteur-de-langue-de-400.webp);}

/* Masquer la langue active dans le menu du pied de page (comme dans l'en-tête) */
html[lang|="fr"] .mmv-f__bar .mmv-flang--fr,
html[lang|="en"] .mmv-f__bar .mmv-flang--en,
html[lang|="de"] .mmv-f__bar .mmv-flang--de{display:none !important;}


/* GRAISSE DU BOUTON RÉSERVER (en-tête)
   Astra applique font-weight:500 à tous les .ast-custom-button ;
   on revient à 400 pour aligner le bouton sur les liens du menu. */
.ast-header-button-1 .ast-custom-button{font-weight:400;}


/* ÉQUILIBRE DES ESPACES DANS L'EN-TÊTE
   Même écart visuel entre le logo et le menu, et entre le menu
   et le bouton RÉSERVER. Bureau uniquement : sous 922px le menu
   passe en burger et cette symétrie n'a plus d'objet. */
@media (min-width: 922px){
  .ast-above-header-bar .ast-main-header-bar-alignment{margin-left:8px;}
  .ast-above-header-bar .site-header-above-section-right{margin-left:-20px;}
}


/* ============================================================
   PIED DE PAGE — PHOTO D'ARRIÈRE-PLAN
   Remplace le dégradé radial par la photo. La couche .mmv-f__bg
   existait déjà : position absolue, cover, centrée, z-index -1.
   URL relative à la racine pour rester valable après migration.
   ============================================================ */
.mmv-f{
	background-image:none;
	background-color:#150e06;
}
.mmv-f .mmv-f__bg{
	background-image:url("/wp-content/uploads/2026/09/Footer.webp");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}


/* ============================
   FOOTER — IMAGE DE FOND
   ============================ */

/* Plus de voile sombre sur l'image */
.mmv-f .mmv-f__bg::after{
	background: none !important;
}

/* Bandeau au ratio natif de l’image (1969 x 648) :
   aucun agrandissement, donc image nette. Aucun fondu ni voile :
   le vignettage a été corrigé dans le fichier lui-même. */
.mmv-f .mmv-f__bg{
	top: auto;
	bottom: 33px; /* hauteur de la barre legale : le visuel s arrete juste au-dessus */
	aspect-ratio: 1969 / 648;
	max-height: 100%;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 30%, #000 70%);
	mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 30%, #000 70%);
}

/* Barre legale : bande pleine, pas de visuel derriere */
.mmv-f .mmv-f__bar{
	background: #160E06;
	padding-top: 4px;
	padding-bottom: 4px;
}


/* Mobile / tablette : le bandeau natif deviendrait un filet de 74 px.
   On lui impose une hauteur et on recadre au centre (sur le personnage). */
@media (max-width: 900px){
	.mmv-f .mmv-f__bg{
		aspect-ratio: auto;
		height: 220px;
	}
}


/* ============================
   HERO — LOGO TITRE
   ============================ */

/* Agrandi d'environ 15 % par rapport au réglage d'origine,
   aux trois paliers (le fichier fait 2000 x 2000 px, aucune perte). */
.mmv-hero-content .mmv-hero-logo{
	width: clamp(255px, 31.5vw, 420px);
}
@media (max-width: 1024px){
	.mmv-hero-content .mmv-hero-logo{
		width: clamp(250px, 52vw, 415px);
	}
}
@media (max-width: 768px){
	.mmv-hero-content .mmv-hero-logo{
		width: min(92%, 365px);
	}
}


/* ============================
   HERO — PAGE CARTE ET MENUS
   ============================ */

/* Le hero d'accueil est stylé par un snippet chargé uniquement sur
   la page d'accueil. Ce bloc est donc autonome : il ne dépend de rien
   et ne touche pas au hero d'accueil. */

/* Colle le hero sous l'en-tête fixe, comme sur l'accueil.
   Le :has() n'agit que si le hero est bien présent dans la page. */
body.page-id-1904:has(.mmv-hero--carte) .site-content{
	padding-top: 0 !important;
}

.mmv-hero--carte{
	position: relative;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background-image:
		linear-gradient(rgba(0,0,0,.18), rgba(0,0,0,.18)),
		url("/wp-content/uploads/2026/09/hero-carte-et-menus-salle.jpg.webp");
	background-size: cover;
	background-position: center 40%;
	background-repeat: no-repeat;
}

/* H1 lisible par les moteurs, invisible à l'écran */
.mmv-hero--carte .mmv-seo-title{
	position: absolute; width: 1px; height: 1px;
	overflow: hidden; clip: rect(0,0,0,0);
	white-space: nowrap; border: 0;
}

.mmv-hero--carte .mmv-hero-content{
	width: min(90%, 660px);
	text-align: center;
	color:#fffbf0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Titre composé en texte (Parisienne et Alegreya SC sont déjà chargées).
   Pour passer à une image : remplacer le <p class="mmv-hero-title"> du HTML
   par <img class="mmv-hero-title-img" src="..." alt="La Carte et les Menus"> */
.mmv-hero--carte .mmv-hero-title{
	margin: 0 0 20px;
	color:#fffbf0;
	line-height: 1;
	text-shadow: 0 2px 16px rgba(0,0,0,.6);
}
.mmv-hero--carte .mmv-hero-title__la{
	display: block;
	font-family: "Alegreya SC", Georgia, serif;
	font-size: clamp(15px, 1.7vw, 25px);
	letter-spacing: .18em;
	text-transform: uppercase;
	margin-left: -3.2em;
	margin-bottom: -.22em;
}
.mmv-hero--carte .mmv-hero-title__script{
	display: block;
	font-family: 'Parisienne', cursive;
	font-weight: 400;
	font-size: clamp(62px, 8.5vw, 128px);
	line-height: .95;
}
.mmv-hero--carte .mmv-hero-title__menus{
	display: block;
	font-family: "Alegreya SC", Georgia, serif;
	font-size: clamp(15px, 1.8vw, 27px);
	letter-spacing: .16em;
	text-transform: uppercase;
	margin-left: 3.2em;
	margin-top: -.30em;
}
.mmv-hero--carte .mmv-hero-title__menus em{
	font-family: 'Alegreya', Georgia, serif;
	font-style: italic;
	letter-spacing: 0;
}
/* Titre en image — Titre-carte-et-menus.png, 1357 x 560 px (ratio 2,42:1).
   Le fichier est transparent à 93 % : le dessin n'occupe que 1008 x 428 px
   au centre, avec 194 px de vide à gauche et 84 px en haut. Les largeurs
   ci-dessous en tiennent compte, d'où des valeurs plus généreuses qu'il
   n'y paraît, et une marge basse réduite pour compenser le vide du fichier. */
.mmv-hero--carte .mmv-hero-title-img{
	width: clamp(310px, 37vw, 545px);
	height: auto;
	display: block;
	margin: 0 0 6px;
}
@media (max-width: 1024px){
	.mmv-hero--carte .mmv-hero-title-img{ width: clamp(265px, 55vw, 458px); }
}
@media (max-width: 768px){
	.mmv-hero--carte .mmv-hero-title-img{ width: min(82%, 370px); }
}

.mmv-hero--carte .mmv-hero-subtitle{
	font-family: 'Alegreya', Georgia, serif;
	font-size: 1.05rem;
	line-height: 1.35;
	color:#fffbf0;
	margin: 0 0 26px;
	text-shadow: 0 2px 10px rgba(0,0,0,.5);
}

/* Regle maison : pas de retour a la ligne force dans un paragraphe.
   Le texte se replie seul et text-wrap:balance egalise les lignes,
   pour un bloc bien rectangulaire a toutes les largeurs. */
.mmv-hero--carte .mmv-hero-subtitle{
	text-wrap: balance;
}

.mmv-hero--carte .mmv-hero-buttons{
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}
.mmv-hero--carte .mmv-hero-btn{
	display: inline-block;
	font-family: "Alegreya SC", Georgia, serif;
	font-size: 13px;
	letter-spacing: .2em;
	text-transform: uppercase;
	color:#fffbf0 !important;
	text-decoration: none !important;
	padding: 13px 30px;
	border: 1px solid #fffbf0;
	background: transparent;
	transition: background .25s, color .25s;
	white-space: nowrap;
}
.mmv-hero--carte .mmv-hero-btn:hover{
	background: #fffbf0 !important;
	color:#402E15 !important;
}

@media (max-width: 768px){
	.mmv-hero--carte .mmv-hero-title__la{ margin-left: -2em; }
	.mmv-hero--carte .mmv-hero-title__menus{ margin-left: 2em; }
}

/* ==== Boutique - espacement boutons sous-categories / presentoirs ==== */
.cv-wrap .cv-filters {
  margin-top: 45px;
  margin-bottom: 30px;
}

/* ==== Boutique - animation boutons sous-categories (langage template produit) ==== */
.cv-wrap .cv-filter-btn {
  box-shadow: inset 0 0 0 0 #B29760;
  transition: color .4s, box-shadow .45s cubic-bezier(.22,.61,.36,1), letter-spacing .4s, border-color .4s !important;
  transform: none !important;
}
.cv-wrap .cv-filter-btn:not(.active):hover {
  background: transparent !important;
  box-shadow: inset 0 -60px 0 0 #B29760;
  border-color:#B29760;
  color:#fffbf0 !important;
  letter-spacing: .13em;
  transform: none !important;
}
.cv-wrap .cv-filter-btn.active,
.cv-wrap .cv-filter-btn.active:hover {
  box-shadow: none !important;
  transform: none !important;
  letter-spacing: 1px;
}

/* ==== Boutique - transition carte produit vers la fiche ==== */
@keyframes mdvVeil { from { opacity: 0; } to { opacity: .8; } }
.mdv-leaving::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #fffbf0;
  opacity: 0;
  pointer-events: none;
  z-index: 50;
  animation: mdvVeil .28s ease forwards;
}
.mdv-leaving .e-loop-item.mdv-leaving-target {
  position: relative;
  z-index: 60;
}
@media (prefers-reduced-motion: reduce) {
  .mdv-leaving::after { animation: none; opacity: 0; }
}

/* Bouton AJOUTER : remplissage dore par le bas */
.e-loop-item .wine-btn .elementor-button {
  box-shadow: inset 0 0 0 0 #B29760;
  transition: color .4s, box-shadow .45s cubic-bezier(.22,.61,.36,1), letter-spacing .4s !important;
}
.e-loop-item .wine-btn .elementor-button:hover {
  background-color: transparent !important;
  box-shadow: inset 0 -60px 0 0 #B29760;
  color:#fffbf0 !important;
  letter-spacing: .13em;
}

/* ==== Boutique - colonne laterale : graisses harmonisees ==== */
/* Le titre FILTRES s'aligne sur TRIER, et les options de tri sur les filtres. */
.cv-side-heading {
  font-weight: 500 !important;
}
.cv-trier-row .cv-trier-main,
.cv-trier-row strong {
  font-weight: 500 !important;
}

/* Champ de recherche boutique : Alegreya, pas Alegreya SC */
.cv-search input,
.cv-search input::placeholder {
  font-family: "Alegreya", Georgia, serif !important;
}

/* ==== En-tete ivoire (boutique + fiches produit) ====
   Reprend le traitement clair de l en-tete du template produit,
   dont le CSS ne se chargeait que sur les fiches. La classe
   mdv-entete-ivoire est posee par le snippet PHP
   << MDV - Classe en-tete ivoire >>. */

body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .ast-above-header-bar,
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .ast-above-header-wrap {
  background-color: #fffbf0 !important;
}

body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .ast-site-title-wrap,
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .ast-site-title-wrap a,
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .main-header-menu .menu-link,
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .main-header-menu > .menu-item > a,
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .ast-custom-button-link {
  color:#402E15 !important;
  border-color:#402E15 !important;
}

/* Bascule vers la version sombre du logo et de l icone panier */
body.ast-theme-transparent-header.mdv-entete-ivoire .site-logo-img .custom-logo { opacity: 0; }
body.ast-theme-transparent-header.mdv-entete-ivoire .site-logo-img .mmv-logo-scrolled { opacity: 1; }
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .ast-header-woo-cart .astra-icon svg { opacity: 0; }
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .ast-header-woo-cart .astra-icon::before { opacity: 1; }

body.ast-theme-transparent-header.mdv-entete-ivoire .mmv-lang-orig { opacity: 0; }
body.ast-theme-transparent-header.mdv-entete-ivoire .mmv-lang-scrolled { opacity: 1; }
body.ast-theme-transparent-header.mdv-entete-ivoire .mmv-arrow { color:#402E15 !important; }

body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .ast-custom-button {
  background-color: transparent !important;
  color:#402E15 !important;
  border: 1px solid #402E15 !important;
}

.ast-theme-transparent-header.mdv-entete-ivoire #masthead .ast-above-header-bar {
  padding-top: 6px !important;
}

/* Sous-menus sur fond ivoire */
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .main-header-menu .sub-menu {
  min-width: 220px;
  background: #fffbf0 !important;
  border: none !important;
  box-shadow: 0 10px 30px rgba(46, 36, 23, .12) !important;
  width: auto !important;
  top: 100% !important;
  margin-top: 12px !important;
  left: 0 !important;
  padding: 14px 22px !important;
}
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .main-header-menu .sub-menu .menu-item { display: block; }
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .main-header-menu .sub-menu .menu-link {
  white-space: nowrap;
  color:#402E15 !important;
  text-transform: none !important;
  font-family: Alegreya, Georgia, serif !important;
  font-variant: normal !important;
  letter-spacing: normal !important;
  padding: .55em 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(46, 36, 23, .15) !important;
  opacity: .85;
  transition: opacity .25s, color .25s;
}
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .main-header-menu .sub-menu .menu-item:last-child .menu-link {
  border-bottom: none !important;
}
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead .main-header-menu .sub-menu .menu-link:hover { opacity: 1 !important; }

/* ==== Nos Vins : carrousel remonte et resserre ====
   Les visuels font 1742x600 mais le carrousel les enfermait dans
   une boite de 626px de haut en mode contain : environ 148px de
   bande vide au-dessus et en dessous. On laisse la hauteur suivre
   l image, et on reduit l ecart sous l en-tete.
   Desktop seulement : le gabarit mobile a ses propres reglages. */
@media (min-width: 768px) {

  body.elementor-page-1044 #content {
    padding-top: 100px !important;
  }
}

/* Presentoirs un peu plus hauts : l espace au-dessus des ronds
   passe de 40 a 10px (composant boutique, toutes les pages). */
.cv-wrap {
  padding-top: 10px !important;
}

/* Colonne laterale : retrait du bloc Guide du Caveau
   (le bouton et la mention GDC au-dessus). */
.cv-sidebar .cv-guide,
.cv-sidebar .cv-icons-row {
  display: none !important;
}


/* ==========================================================
 * FIX MENU MOBILE (ajoute le 24/08/2026)
 * Le bloc "MENU NAV tenir sur une seule ligne" ci-dessus cible
 * .main-header-menu, qui est aussi la classe du menu burger :
 * sur 390px les clamp vw retombaient a 11px / 3.5px de padding.
 * Ce bloc retablit le menu mobile sans toucher au menu desktop.
 * ========================================================== */

.ast-header-break-point .ast-mobile-header-content{ z-index:100; background:#fffbf0; }
.ast-header-break-point .mmv-bandeau{ position:relative; z-index:0; }

.ast-header-break-point ul#ast-hf-mobile-menu,
.ast-header-break-point ul#ast-hf-mobile-menu li,
.ast-header-break-point ul#ast-hf-mobile-menu .menu-link,
.ast-header-break-point ul#ast-hf-mobile-menu .ast-menu-toggle{ background:#fffbf0 !important; }

body.ast-header-break-point #masthead ul#ast-hf-mobile-menu .menu-link{
  padding:14px 24px !important;
  font-size:17px !important;
  line-height:1.45 !important;
  white-space:normal !important;
  font-family:"Alegreya SC","Alegreya",serif !important;
  letter-spacing:.03em;
  color:#402E15 !important;
}
body.ast-header-break-point #masthead ul#ast-hf-mobile-menu .sub-menu .menu-link{
  font-size:15px !important;
}

body #masthead ul#ast-hf-mobile-menu .menu-item > a,
body.ast-theme-transparent-header.mdv-entete-ivoire #masthead ul#ast-hf-mobile-menu > .menu-item > a{
  border-width:0 0 1px 0 !important;
  border-style:solid !important;
  border-color:rgba(56,53,46,.15) !important;
}
.ast-header-break-point ul#ast-hf-mobile-menu > .menu-item:last-child > .menu-link{ border-bottom:0 !important; }

.ast-header-break-point .ast-menu-toggle{
  color:#402E15 !important; border:0 !important; box-shadow:none !important; padding:0 20px !important;
}
.ast-header-break-point .ast-menu-toggle svg,
.ast-header-break-point .ast-menu-toggle .ast-icon{ fill:#38352e !important; color:#402E15 !important; }


/* ==========================================================
 * FIX LOGO MOBILE (ajoute le 24/08/2026)
 * Le header mobile affichait le calque .mmv-logo-scrolled en
 * width:100%/height:100% dans une boite 32x44, a partir d'une
 * vignette 32x30 sans srcset : logo etire ET flou en retina.
 * On masque ce calque et on affiche le vrai logo (srcset 2x =
 * fichier original 420x391) avec le meme filtre de recoloration.
 * ========================================================== */

.ast-header-break-point #ast-mobile-header .site-logo-img{
  position:relative; display:inline-block; line-height:0;
}
.ast-header-break-point #ast-mobile-header .site-logo-img .mmv-logo-scrolled{
  display:none !important;
}
.ast-header-break-point #ast-mobile-header .custom-logo-link img.custom-logo{
  opacity:1 !important;
  filter:url(#mmv-logo-scrolled-filter) !important;
  width:44px !important;
  max-width:44px !important;
  height:auto !important;
}


/* ==========================================================
 * FIX BARRE TRIER / RECHERCHE / FILTRES (mobile)
 * La barre sticky .cv-sidebar n'avait aucun fond : les fiches
 * produits defilaient dessous et transparaissaient a travers.
 * ========================================================== */

@media (max-width:1024px){
  .cv-sidebar{
    background-color:#fffbf0 !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
    box-shadow:0 8px 14px -10px rgba(56,53,46,.45) !important;
  }
}


/* ==========================================================
 * MOBILE : header sans fond au-dessus d'un bloc hero
 * (comme la version desktop de l'accueil)
 * ========================================================== */

body.ast-header-break-point:is(:has(.mmv-hero),:has(.section-hero)):not(.mmv-scrolled) :is(.site-header,.ast-primary-header-bar,.ast-main-header-wrap,.main-header-bar,#ast-mobile-header,.ast-mobile-header-wrap){
  background-color:transparent !important;
  box-shadow:none !important;
}
body.ast-header-break-point:is(:has(.mmv-hero),:has(.section-hero)):not(.mmv-scrolled) #ast-mobile-header .custom-logo-link img.custom-logo{ filter:none !important; }
body.ast-header-break-point:is(:has(.mmv-hero),:has(.section-hero)):not(.mmv-scrolled) #ast-mobile-header .mobile-menu-toggle-icon svg.ast-mobile-svg{ fill:#fffbf0 !important; }
body.ast-header-break-point:is(:has(.mmv-hero),:has(.section-hero)):not(.mmv-scrolled) #ast-mobile-header .ast-site-header-cart svg,
body.ast-header-break-point:is(:has(.mmv-hero),:has(.section-hero)):not(.mmv-scrolled) #ast-mobile-header .ast-site-header-cart svg *{ fill:#fffbf0 !important; }


/* ============================================================================
   MDV — FICHE PRODUIT : AJUSTEMENTS MOBILE
   ----------------------------------------------------------------------------
   Toutes les regles ci-dessous sont enfermees dans une media query mobile.
   Le desktop et la tablette ne sont jamais touches.

   Rappel de structure : la fiche produit existe en DEUX widgets HTML Elementor
   distincts, jamais affiches en meme temps —
     · e7b42d7  classes .wm-*    -> elementor-hidden-desktop + -tablet  (MOBILE)
     · 12c9f22  classes .wine-*  -> elementor-hidden-mobile             (DESKTOP)
   Les regles visant .wm-* ne peuvent donc physiquement pas atteindre le
   desktop. Les blocs partages (accordeons .wine-details, bloc suggestions,
   loop items) sont proteges par la seule media query.

   12 correctifs CSS + 2 modifications HTML restant a faire dans le widget.
   ============================================================================ */


/* 2. ESPACE VIDE AU-DESSUS DU HEADER STICKY (visible uniquement connecte)
   Le header est en position:fixed avec top:46px, l'offset de la barre d'admin.
   Sous 782px WordPress bascule #wpadminbar en position:absolute : la barre
   defile, le header garde son offset -> bande transparente de 46px.
   Seuil 782px = celui de WordPress, pas 767. Seule regle hors du bloc mobile. */
@media (max-width: 782px) {

  #wpadminbar {
    position: fixed !important;
  }

}


@media (max-width: 767px) {

  /* 1. FIL D'ARIANE — ne garder que le vrai (widget WooCommerce)
     Le faux fil est du texte laisse dans le bloc HTML : trois <a href="#">
     separes par des « › » en noeuds de texte nus. Le CSS ne peut pas cibler un
     noeud de texte, d'ou le font-size:0 sur le conteneur puis la remise a 11px
     sur le widget. Les !important : le CSS du site est injecte dans le <body>. */
  /* 17. Le fil d'Ariane complet est remplace par un retour compact et centre :
     un chevron gauche + la categorie et la sous-categorie du produit.
     « Toute la boutique » et le nom du produit disparaissent ; les separateurs
     « / » d'origine sont des noeuds de texte nus, donc effaces par le
     font-size:0 du conteneur et redessines par un ::before sur le dernier lien.
     Le faux fil code en dur (liens href="#") reste masque.
     Le chevron est un ::before du premier lien visible : il est donc cliquable
     et mene au catalogue, au lieu d'etre un ornement mort.
     Caractere U+2039, le pendant gauche du « › » deja utilise sur le site.
     Specificite : Elementor genere
       .elementor-321 .elementor-element.elementor-element-a858fc4 .woocommerce-breadcrumb
       { text-align:center !important; margin-bottom:18px !important; }
     soit 4 classes en !important. Il faut donc 4 classes + un type pour passer
     devant, d'ou le selecteur long ci-dessous.
     Bloc : 60px + 30px de marge -> 38px + 10px. 42px regagnes. */
  .wm-breadcrumb {
    font-size: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  .wm-breadcrumb > a {
    display: none !important;
  }
  .wm-breadcrumb .elementor-widget-woocommerce-breadcrumb {
    font-size: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
    margin: 0 !important;
  }
  .wm-breadcrumb .elementor-element.elementor-widget-woocommerce-breadcrumb nav.woocommerce-breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
  }
  .wm-breadcrumb .elementor-element.elementor-widget-woocommerce-breadcrumb nav.woocommerce-breadcrumb a { display: none !important; }
  .wm-breadcrumb .elementor-element.elementor-widget-woocommerce-breadcrumb nav.woocommerce-breadcrumb a:nth-last-of-type(2),
  .wm-breadcrumb .elementor-element.elementor-widget-woocommerce-breadcrumb nav.woocommerce-breadcrumb a:last-of-type {
    display: inline-block !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
    letter-spacing: .06em;
    padding: 7px 0 !important;
    color:#B29760 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }
  /* Le chevron et le separateur ne doivent pas etre soulignes. Un
     text-decoration:none sur le pseudo ne suffirait pas : le soulignement du
     parent traverse ses descendants inline. display:inline-block en fait une
     boite atomique, que le trait ne traverse plus. */
  .wm-breadcrumb .elementor-element.elementor-widget-woocommerce-breadcrumb nav.woocommerce-breadcrumb a:nth-last-of-type(2)::before,
  .wm-breadcrumb .elementor-element.elementor-widget-woocommerce-breadcrumb nav.woocommerce-breadcrumb a:last-of-type::before {
    display: inline-block;
    text-decoration: none;
  }
  .wm-breadcrumb .elementor-element.elementor-widget-woocommerce-breadcrumb nav.woocommerce-breadcrumb a:nth-last-of-type(2)::before {
    content: "\2039\00a0\00a0";
    font-size: 19px;
    letter-spacing: 0;
  }
  .wm-breadcrumb .elementor-element.elementor-widget-woocommerce-breadcrumb nav.woocommerce-breadcrumb a:last-of-type::before { content: "\00a0/\00a0"; }


  /* 3. BADGE CONTENANCE DU PRODUIT COURANT — aligner sur « autres formats »
     avant  10px / sans interlettrage / sans bordure -> 26,5px de haut
     apres  11px / .08em / bordure 1px               -> 30,1px, identique.
     La bordure est indispensable : sans elle il manque les 2px du decalage. */
  .wm-price-row .wm-contenance {
    font-size: 11px !important;
    letter-spacing: .08em !important;
    line-height: 1.65 !important;
    padding: 5px 10px !important;
    border: 1px solid #B29760 !important;
    color:#FFFBF0 !important;
  }


  /* 4. « L'ESSENTIEL EN UN REGARD » — respiration autour du logo du domaine
     Padding plutot que marge, pour eviter la fusion des marges verticales :
     14px s'ajoutent aux 22px existants -> 36px de part et d'autre. */
  .wm-summary .wm-summary-block.wm-summary-producer {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }


  /* 5. MILLESIME ENCADRE — resserrer l'espace vertical dans le cadre
     Le cadre heritait de l'interligne du corps de texte (24,75px pour 15px) :
     13,8px au-dessus du chiffre contre 9,8px en dessous, pour 8,6px sur les
     cotes. Le padding bas (8px) est plus grand que le haut (4px) : les chiffres
     d'Alegreya SC sont elzeviriens, le « 3 » descend sous la ligne de base.
     Resultat : 8,9 / 8,9 / 8,6 — marge interieure egale sur les 4 cotes. */
  .wm-domain-row .wm-year {
    line-height: 1 !important;
    padding: 4px 8px 8px !important;
  }


  /* 6. MILLESIME REMONTE A COTE DU NOM DU VIN
     Le millesime vit dans .wm-domain-row, pas dans le titre : deux blocs
     freres. Le CSS ne deplace pas de noeuds, donc .wm-domain-row passe en
     display:contents — sa boite disparait, ses enfants remontent comme items
     flex de .wm-wrapper — puis on reordonne.
     order:5 par defaut = securite : tous les blocs suivants gardent l'ordre du
     DOM. Les marges du bloc supprime sont restituees sur .wm-domain.
     (!) display:contents supprime la boite de .wm-domain-row : un fond, une
     bordure ou un padding qu'on lui donnerait seraient ignores sur mobile. */
  .wm-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .wm-wrapper > * {
    flex: 0 0 100%;
    order: 5;
  }
  .wm-wrapper > .wm-breadcrumb { order: 1; }
  .wm-wrapper > .wm-title {
    order: 2;
    flex: 0 1 auto;
    margin: 0 !important;
  }
  .wm-wrapper > .wm-domain-row { display: contents; }
  .wm-domain-row > .wm-year {
    order: 3;
    flex: 0 1 auto;
    margin: 0 0 0 12px !important;
  }
  .wm-domain-row > .wm-domain {
    order: 4;
    flex: 0 0 100%;
    margin: 10px 0 28px !important;   /* rythme vertical d'origine */
  }


  /* 7. ETIQUETTE (« Vin du Mois », « Coup de coeur »…)
     Ligne dediee au-dessus des aromes : a 390px, etiquette (101) + MURE (63) +
     POIVRE (71) + ROSE (59) + gouttieres = 294px pour 290px disponibles.
     La pastille vient du shortcode [mdv_etiquettes], le meme que le desktop :
     il emet <span class="wine-badge wine-badge-main">, d'ou les selecteurs en
     .wine-* ci-dessous. Les !important sont necessaires pour passer devant
     .wine-badge, declare plus bas dans le <body>.
     Demande le HTML (a) decrit en fin de fichier. */
  .wm-wrapper > .wm-etiquette {
    display: flex;
    justify-content: center;
    margin: 0 0 12px;
  }
  /* Le shortcode [mdv_etiquettes] ne rend rien quand le produit n'a pas
     d'etiquette : le conteneur est alors masque. :empty ne suffirait pas, un
     simple espace laisse par le shortcode comptant comme contenu. */
  .wm-wrapper > .wm-etiquette:not(:has(.wine-badge-main)) { display: none; }

  /* [mdv_etiquettes] emet <span class="wine-badge wine-badge-main"> : les
     regles visent donc .wine-badge-main, et non .wm-badge-main. On ramene la
     pastille a l'echelle mobile des aromes (12px / 6px 14px / 1.65) au lieu
     des 13px / 7px 16px du desktop. */
  .wm-wrapper .wm-etiquette .wine-badge.wine-badge-main {
    background: #B29760 !important;
    color:#FFFBF0 !important;
    border: 1px solid #B29760 !important;
    font-size: 12px !important;
    padding: 6px 14px !important;
    line-height: 1.65 !important;
    font-family: "Alegreya SC", Georgia, serif !important;
    text-transform: uppercase !important;
  }

  /* Pas d'etiquette -> les trois aromes passent en fond plein (regle desktop) */
  .wm-wrapper:not(:has(.wine-badge-main)) .wm-badges .wm-badge {
    background: #B29760;
    color:#FFFBF0;
    border-color:#B29760;
  }


  /* 8. EQUILIBRAGE DES PARAGRAPHES — plus de mot orphelin en fin de bloc
     text-wrap:balance repartit la largeur a nombre de lignes CONSTANT : aucune
     hauteur ne change, les prix et boutons des loop items restent alignes.
       conseil du caveau   275/167          -> 229/213
       texte d'accord      263/283/280/225  -> 263/253/268/267
       mention legale      259/282/96       -> 209/219/208
       profil sensoriel    272/164          -> 213/223
     Chrome n'equilibre que jusqu'a 6 lignes ; au-dela la regle est ignoree. */
  .elementor-location-single p,
  .elementor-location-single li,
  .elementor-location-single h1,
  .elementor-location-single h2,
  .elementor-location-single h3,
  .elementor-location-single h4,
  .elementor-location-single .wm-domain {
    text-wrap: balance;
  }


  /* 9. ACCORDEONS — suppression de l'espace mort
     Les h2 et h3 portent des min-height (63px et 47px) qui alignent les trois
     colonnes cote a cote sur desktop. Sur mobile les blocs sont empiles : ces
     hauteurs plancher ne calent plus rien, elles n'ajoutent que du vide.
       titre -> illustration        70px -> 28px
       illustration -> sous-titre   11px ->  8px
       sous-titre -> texte          28px -> 14px
       entre deux blocs             70px -> 36px
       panneau ouvert             1347px -> 1094px  (-19 %)
     Le h2 garde 48px : zone tactile de l'accordeon, au-dessus des 44px
     recommandes. */
  .wine-details-column > h2 {
    min-height: 48px !important;
    margin-bottom: 20px !important;
  }
  .wine-details-column .wine-detail-block {
    margin-bottom: 36px !important;
  }
  .wine-details-column .wine-detail-block:last-child {
    margin-bottom: 8px !important;
  }
  .wine-details-column .wine-detail-block .wine-icon {
    margin-top: 8px !important;
  }
  .wine-details-column .wine-detail-block h3 {
    min-height: 0 !important;
    margin: 8px 0 14px !important;
  }


  /* 10. BLOC « A DEGUSTER OU A OFFRIR AVEC » — titre centre, 2 cartes / rangee
     Le titre est un conteneur flex sans justify-content : le text-align herite
     ne pouvait rien y faire. Pour les cartes, flex:0 1 calc(50% - 6px) ne
     suffit pas : le .wine-card est plafonne a max-width:240px avec des marges
     auto, il resterait centre dans sa demi-colonne de 145px.
     Hauteur de la grille : 1789px -> 775px (-57 %).
     Verifie : titres, prix et boutons alignes au pixel entre les deux cartes,
     meme quand l'une porte cuvee + millesime et l'autre non. */
  .mmv-sugg__titre {
    justify-content: center;
    text-align: center;
  }
  .mmv-sugg__grid { gap: 12px; }
  .mmv-sugg__item { flex: 0 1 calc(50% - 6px); }
  .mmv-sugg__item .wine-card {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }


  /* 11. « L'ESSENTIEL EN UN REGARD » — titre du cadre sur une seule ligne
     Le titre est en position:absolute avec left:50% + translateX(-50%), pose
     sur le filet du cadre. Un element absolu se dimensionne en shrink-to-fit,
     borne par l'espace entre son ancrage et le bord du bloc conteneur : ancre a
     50 %, il ne disposait que de 145px sur les 290px du cadre.
     nowrap leve la contrainte, translateX(-50%) recentre la boite complete.
     Police 14px -> 16px : 235px de large, 28px de marge de chaque cote, tient
     sur une ligne jusqu'a 348px. (17px serrerait les filets.)
     !important : une regle du site pose 14px plus bas dans le <body>. */
  .wm-summary > .wm-summary-title {
    white-space: nowrap;
    font-size: 16px !important;
  }


  /* 12. RESPIRATION ENTRE LE TEXTE DU CONSEIL ET LA LIGNE DE PRIX
     Le paragraphe n'avait que 8px de marge basse : le prix collait au texte
     alors qu'il ouvre le bloc achat. 8px -> 24px.
     Pose en margin-top sur la ligne de prix : .wm-wrapper est en flex depuis le
     correctif 6, les marges verticales ne fusionnent plus. */
  .wm-wrapper > .wm-price-row {
    margin-top: 16px !important;
  }

}


@media (max-width: 767px) {

  /* 13. ESPACE BADGES -> « LE CONSEIL DU CAVEAU »
     Egaliser optiquement avec l'espace qui suit le texte du conseil.
     Les deux ecarts de boite valaient deja 24px, mais l'oeil voyait 27,9px
     d'un cote et 31,6px de l'autre : la derniere ligne du paragraphe laisse
     6,1px de descendante vide sous ses lettres, contre 4,4px au-dessus des
     capitales du titre. 24px -> 28px : 31,9 contre 31,6 a l'oeil. */
  .wm-wrapper > .wm-badges {
    margin-bottom: 28px !important;
  }

}


@media (max-width: 767px) {

  /* 14. BANDEAU SERVICES — les 4 mentions sur une seule ligne qui defile
     Reprend exactement le mecanisme du bandeau d'annonces du site : une piste
     en width:max-content contenant DEUX groupes identiques, animee par les
     keyframes mmv-defile deja declarees (0 -> translate3d(-50%,0,0)). Au point
     de bouclage la piste a avance d'un groupe entier : la copie occupe la place
     exacte de l'original, la boucle est invisible.
     Vitesse 16s pour un groupe de 530px = 33 px/s, le meme rythme que le
     bandeau d'annonces (34s pour 1108px = 32,6 px/s).
     Grille 2 colonnes 69px de haut -> bandeau une ligne 20px.
     (!) Demande le HTML (c). Sans la classe .wm-services--defile ces regles ne
     s'appliquent a rien. */
  /* Pleine largeur : .wm-wrapper > * impose flex:0 0 100%, on repasse en
     100vw. Le conteneur est en justify-content:center, un item de 390px dans
     une ligne de 290px deborde donc symetriquement des deux cotes et se cale
     pile sur les bords de l'ecran. Aucun debordement horizontal du document :
     le bandeau est en overflow:hidden, la piste est clippee dedans. */
  .wm-wrapper > .wm-services--defile {
    --wm-services-vitesse: 14s;
    display: block !important;
    overflow: hidden;
    flex: 0 0 100vw;
    width: 100vw;
  }
  .wm-services--defile .wm-services__piste {
    display: flex;
    width: max-content;
    animation: mmv-defile var(--wm-services-vitesse) linear infinite;
  }
  .wm-services--defile:hover .wm-services__piste {
    animation-play-state: paused;
  }
  .wm-services--defile .wm-services__groupe {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .wm-services--defile span {
    white-space: nowrap;
    padding: 0 10px;   /* 18 -> 10 : mentions rapprochees, groupe 530 -> 466px */
  }

}

/* 14 bis. Repli sans animation : retour a la grille 2 colonnes d'origine.
   display:contents fait remonter les spans comme items de la grille. */
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {

  .wm-services--defile {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 10px 24px;
    overflow: visible;
  }
  .wm-services--defile .wm-services__piste,
  .wm-services--defile .wm-services__groupe:first-child {
    display: contents;
  }
  .wm-services--defile .wm-services__groupe:nth-child(2) {
    display: none;
  }
  .wm-services--defile span {
    padding: 0;
  }

}


@media (max-width: 767px) {

  /* 15. SELECTEUR DE QUANTITE + BOUTON — reprendre le style desktop
     Le mobile avait sa propre echelle, plus petite : stepper 36px de haut,
     padding 0 6px, gap 4px, chiffre 14px ; bouton 36px, 10px, sans
     interlettrage, et aucune reaction au survol ni au clic.
     On reprend les valeurs de .wine-quantity-stepper et .wine-button :
       hauteur      36px -> 46px  (les deux)
       padding      0 6px -> 0 16px
       gap          4px -> 8px
       + et -       16px -> 18px, line-height 1
       chiffre      14px -> 16px, min-width 16px
       bouton       10px -> 12px, interlettrage 0 -> .08em, padding 0 20px
       gouttiere    10px -> 14px (comme .wine-buy-row)
     Le remplissage or du bouton au survol est un box-shadow inset anime, pas
     un background : identique au desktop, le fond reste transparent.
     Mesure de controle : le stepper fait 84x46 sur mobile comme sur desktop.
     Le bouton reste plus etroit (97 contre 219) parce que son libelle est
     court — c'est voulu.
     flex:0 0 auto remplace le flex:1 1 auto d'origine : le bouton se dimensionne
     sur son texte au lieu de s'etirer, comme sur desktop. */
  .wm-inline-row { gap: 14px; }

  .wm-inline-row .wm-qty-stepper {
    height: 46px !important;
    padding: 0 16px !important;
    gap: 8px !important;
    border: 1px solid #B29760 !important;
    font-family: "Alegreya SC", serif !important;
    transition: border-color .3s;
  }
  .wm-inline-row .wm-qty-btn {
    font-size: 18px !important;
    line-height: 1 !important;
    padding: 0 !important;
    transition: transform .18s cubic-bezier(.34, 1.4, .64, 1);
  }
  .wm-inline-row .wm-qty-btn:active { transform: scale(.85); }

  /* 19. ZONE TACTILE DES BOUTONS - ET +
     Le cadre du selecteur fait 46px de haut, mais la cible reelle est le
     <button> lui-meme : 9 x 18px. Sur un pouce, on rate.
     Un ::after transparent en position:absolute etend la zone cliquable sans
     rien deplacer : le pseudo-element appartient au bouton, un appui dessus
     declenche donc son onclick. Debordements asymetriques pour aller chercher
     le padding interne du cadre du bon cote, sans empieter sur le chiffre.
     Resultat mesure : cible 32 x 46px, glyphe toujours 9 x 18, cadre toujours
     84 x 46. Balayage au pixel : moins | chiffre | plus, sans recouvrement. */
  .wm-inline-row .wm-qty-btn { position: relative; }
  .wm-inline-row .wm-qty-btn::after {
    content: "";
    position: absolute;
  }
  .wm-inline-row .wm-qty-minus::after { inset: -14px -6px -14px -16px; }
  .wm-inline-row .wm-qty-plus::after  { inset: -14px -16px -14px -6px; }
  .wm-inline-row .wm-qty-value {
    font-size: 16px !important;
    min-width: 16px !important;
  }

  .wm-inline-row .wm-button-select {
    height: 46px !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
    padding: 0 20px !important;
    flex: 0 0 auto !important;
    /* 16. Animation reprise a l'identique du bouton « Ajouter » des loop items
       (.e-loop-item .wine-btn .elementor-button) : meme or #B29760, meme fond
       ivoire au repos, meme remplissage par box-shadow inset. Le :active
       translateY du bouton hero a ete retire, les loop items n'en ont pas. */
    background: #FFFBF0 !important;
    color:#B29760 !important;
    border: 1px solid #B29760 !important;
    box-shadow: inset 0 0 0 0 #B29760 !important;
    transition: color .4s, box-shadow .45s cubic-bezier(.22, .61, .36, 1), letter-spacing .4s !important;
  }

}

/* 15 bis. Survol reserve aux appareils pointeurs. Sur un ecran tactile un
   :hover reste colle apres le tap : le bouton resterait rempli en or une fois
   relache. Meme garde que celle deja utilisee sur les badges de contenance. */
@media (max-width: 767px) and (hover: hover) {

  .wm-inline-row .wm-qty-stepper:hover,
  .wm-inline-row .wm-qty-stepper:focus-within {
    border-color:#B29760 !important;
  }
  .wm-inline-row .wm-qty-btn:hover { transform: scale(1.28); }
  .wm-inline-row .wm-button-select:hover {
    box-shadow: inset 0 -60px 0 0 #B29760 !important;
    letter-spacing: .13em;
    background-color: transparent !important;
    color:#FFFBF0 !important;
  }

}


@media (max-width: 767px) {

  /* 18. HAUT DE FICHE — reduire le vide entre le bandeau d'annonces et le
     debut du contenu. Il valait 72px, repartis en trois couches :
       32px  marge du decalage global #content (padding-top:142px, l'offset du
             header fixe) — NON touchee ici : elle vaut pour toutes les pages
       10px  padding haut du conteneur Elementor de la fiche
       30px  padding haut de .wm-wrapper
     On retire les deux dernieres : 72px -> 47px, page 4850 -> 4701px.
     Le selecteur du conteneur evite l'identifiant Elementor genere, qui
     changerait si le conteneur etait reconstruit. */
  .elementor-location-single > .e-con:first-of-type > .e-con-inner {
    padding-top: 0 !important;
  }
  .wm-wrapper {
    padding-top: 8px !important;
  }

}


@media (max-width: 767px) {

  /* 20. CADRE POINTILLE BLEU AUTOUR DU BOUTON MENU ET DE LA CROIX
     Deux regles d'Astra le dessinent, et ce ne sont pas les memes proprietes :
       main.min.css  .ast-button-wrap .menu-toggle:focus { outline: dotted thin; }
       CSS dynamique  [data-section~"section-header-mobile-trigger"] ...
                      .ast-mobile-menu-trigger-minimal:focus,
                      .ast-mobile-popup-drawer.active .menu-toggle-close:focus
                      { border-style: dotted; border-width: thin; }
     La seconde est une BORDURE, pas un outline : annuler l'outline seul ne
     suffit pas, l'anneau reste. Elle porte aussi un selecteur a 4 niveaux,
     d'ou les !important.
     Les deux visent :focus et non :focus-visible — elles se declenchent donc
     au clic et au tap, et l'anneau reste affiche apres coup.
     On l'annule pour le pointeur et on la remplace par un anneau or pour le
     clavier. Supprimer l'indicateur de focus tout court rendrait le menu
     inutilisable au clavier : :focus-visible ne s'active qu'a la navigation
     clavier, jamais au doigt ni a la souris. */
  .ast-button-wrap .menu-toggle:focus,
  .ast-mobile-popup-drawer .menu-toggle-close:focus {
    outline: none !important;
    border-style: none !important;
  }
  .ast-button-wrap .menu-toggle:focus-visible,
  .ast-mobile-popup-drawer .menu-toggle-close:focus-visible {
    outline: 2px solid #B29760 !important;
    outline-offset: 2px;
  }

}


/* ============================================================================
   MODIFICATIONS HTML A FAIRE DANS LE WIDGET MOBILE (e7b42d7)
   Aucune ne concerne le desktop, widget separe (12c9f22).

   (a) ETIQUETTE — correctif 7
       Inserer juste AVANT <div class="wm-badges"> :

         <div class="wm-etiquette">
           <span class="wm-badge wm-badge-main">Vin du Mois</span>
         </div>

       (!) A verifier avant : le widget mobile est-il alimente dynamiquement ?
       L'image de la bouteille est un fichier fixe
       (Capture-decran-2026-06-26-a-20.05.55-1.png, un Givry, pas le
       Saint-Amour). Si le HTML est fige, une etiquette codee en dur
       s'afficherait sur TOUS les produits.

   (b) LIBELLE DU BOUTON — correctif 13
       Remplacer :
         <button class="wm-button wm-button-select">Ajouter a ma selection</button>
       par :
         <button class="wm-button wm-button-select">Ajouter</button>

       Fait en HTML et non en CSS : un font-size:0 + ::after priverait le bouton
       de son intitule accessible pour les lecteurs d'ecran.
   ============================================================================ */

/* ============================================================================
     SECTION "UN LIEU DE RENCONTRE" - ALIGNEMENT
   ----------------------------------------------------------------------------
     Le titre (image PNG) etait centre dans sa boite alors que les paragraphes
     et le bouton restaient cales a gauche : les trois blocs ne partageaient
     pas le meme axe. On centre l'ensemble du bloc sur un axe unique.
   ============================================================================ */

.mmv-lieu-rencontre__inner {
  text-align: center;
}

.mmv-lieu-rencontre__title-img {
  margin-left: auto;
  margin-right: auto;
}

.mmv-lieu-rencontre__btn {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}


/* =========================================================
   ESSENTIEL EN UN REGARD - VERSION HORS VIN
   Spiritueux et produits du terroir.
   Aucune regle existante n'est modifiee : tout est scope
   sur .wine-summary-grid--hv et le prefixe .hv-
   Repli par defaut = 3 colonnes (terroir).
   ========================================================= */

.wine-summary-grid--hv { grid-template-columns: 1fr 1fr 1.4fr; }
.wine-summary-grid--hv .summary-card--usage { display: none; }

/* Spiritueux : la colonne Idee d'usage reapparait */
body.product_cat-nos-spiritueux .wine-summary-grid--hv,
body.product_cat-liqueurs-et-cremes .wine-summary-grid--hv,
body.product_cat-spiritueux-de-bourgogne .wine-summary-grid--hv {
  grid-template-columns: 1.2fr 1fr 1.2fr 1.4fr;
}
body.product_cat-nos-spiritueux .wine-summary-grid--hv .summary-card--usage,
body.product_cat-liqueurs-et-cremes .wine-summary-grid--hv .summary-card--usage,
body.product_cat-spiritueux-de-bourgogne .wine-summary-grid--hv .summary-card--usage {
  display: flex;
}

/* Ville sous le logo (hors vin uniquement) */
.hv-city { margin: 8px 0 0; font-size: 16px; line-height: 1.2; color:#5B4B3C; }

/* Colonne Idee d'usage : texte et visuel cote a cote */
.hv-usage-inner { display: flex; align-items: center; justify-content: center; gap: 14px; }
.hv-usage-kicker { margin: 0 0 4px; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; color:#B29760; }
.hv-usage-value { margin: 0; font-size: 16px; color:#5B4B3C; }
.hv-usage-visual img { display: block; max-width: 80px; height: auto; }

/* Phrase d'usage sous les aromes (remplace le bouton fiche portrait) */
.wine-summary-grid--hv .wine-badges { justify-content: center; margin-bottom: 10px; }
.hv-usage-text { margin: 0; font-size: 15px; line-height: 1.35; color:#5B4B3C; }

/* Medaillon matiere premiere */
.wine-summary-grid--hv .grape-logo img { max-width: 84px; }

@media (max-width: 900px) {
  .wine-summary-grid--hv,
  body.product_cat-nos-spiritueux .wine-summary-grid--hv,
  body.product_cat-liqueurs-et-cremes .wine-summary-grid--hv,
  body.product_cat-spiritueux-de-bourgogne .wine-summary-grid--hv {
    grid-template-columns: 1fr 1fr; gap: 25px;
  }
}
@media (max-width: 700px) {
  .wine-summary-grid--hv,
  body.product_cat-nos-spiritueux .wine-summary-grid--hv,
  body.product_cat-liqueurs-et-cremes .wine-summary-grid--hv,
  body.product_cat-spiritueux-de-bourgogne .wine-summary-grid--hv {
    grid-template-columns: 1fr; gap: 30px;
  }
}


/* ==========================================================
 * CARROUSELS CATALOGUE - reglage unique pour les 6 pages
 * (boutique, nos vins, spiritueux, epicerie, specialites
 * maconnaises, cartes cadeaux). Widgets 5f0b7d4 (desktop) et
 * afa2f0a (mobile), dans le conteneur dfa03e6.
 * Remplace les CSS perso qui etaient dupliques page par page.
 * 1) hauteur : suit le ratio du visuel (fini la boite 626px)
 * 2) cadre : meme double filet dore que l image produit
 *    (.wine-hero-image) - 2px exterieur + 1px a 5px
 * Ajoute le 31/08/2026.
 * ========================================================== */

/* 1) Hauteur libre (desktop). Le gabarit mobile garde son
   propre reglage dans le widget afa2f0a. */
@media (min-width:768px){
  .elementor-element-5f0b7d4 .elementor-image-carousel-wrapper .elementor-image-carousel,
  .elementor-element-5f0b7d4 .elementor-image-carousel-wrapper .swiper-slide,
  .elementor-element-5f0b7d4 .elementor-image-carousel-wrapper .swiper-slide-inner,
  .elementor-element-5f0b7d4 .elementor-image-carousel-wrapper .swiper-slide-image{
    height: auto !important;
    aspect-ratio: auto !important;
  }
  .elementor-element-5f0b7d4 .swiper-slide-image{
    width: 100% !important;
    object-fit: contain !important;
  }
}

/* 2) Double filet dore autour du carrousel */
.elementor-element-dfa03e6{
  position: relative;
  background: #fffbf0;
  padding: 12px !important;
}
.elementor-element-dfa03e6::before{
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #B29760;
  pointer-events: none;
  z-index: 3;
}
.elementor-element-dfa03e6::after{
  content: "";
  position: absolute;
  top: 5px; left: 5px; right: 5px; bottom: 5px;
  border: 1px solid #B29760;
  pointer-events: none;
  z-index: 3;
}


/* MOBILE - degager le carrousel de bandeau du bandeau horaires */
@media (max-width: 767px){
  .elementor-element-dfa03e6{
    margin-top: 24px;
  }
}


/* MOBILE - presentoir actif en dore (trait et bol) */
@media (max-width: 767px){
  .cv-wrap .cv-cat-btn.active{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20200%20200%27%3E%3Cline%20x1%3D%273%27%20y1%3D%27113%27%20x2%3D%27197%27%20y2%3D%27113%27%20stroke%3D%27%239d8422%27%20stroke-width%3D%273.6%27%2F%3E%3Cpath%20d%3D%27M%2031%20113%20A%2069%2063%200%200%200%20169%20113%27%20fill%3D%27none%27%20stroke%3D%27%239d8422%27%20stroke-width%3D%273%27%2F%3E%3C%2Fsvg%3E") !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}


/* MOBILE - titres des presentoirs un peu plus grands */
@media (max-width: 767px){
  .cv-wrap .cv-cat-btn{
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.4px !important;
  }
}


/* HORS VIN - pas de millesime : badge encadre du hero + ligne de L'essentiel */
body.single-product:not(.product_cat-nos-vins) .wine-product-title .wine-year,
body.single-product:not(.product_cat-nos-vins) .wm-domain-row .wm-year,
body.single-product:not(.product_cat-nos-vins) .wine-info-text p:nth-child(2),
body.single-product:not(.product_cat-nos-vins) .wm-summary-info p:nth-child(2){
  display: none !important;
}


/* MOBILE HORS VIN - aligner L'essentiel sur la version desktop */
body.single-product:not(.product_cat-nos-vins) .wm-summary .wm-summary-grape > img:not([src]),
body.single-product:not(.product_cat-nos-vins) .wm-summary .wm-summary-grape > img[src=""],
body.single-product:not(.product_cat-nos-vins) .wm-summary .wm-summary-appellation,
body.single-product:not(.product_cat-nos-vins) .wm-summary .wm-summary-aoc,
body.single-product:not(.product_cat-nos-vins) .wm-portrait-btn{
  display: none !important;
}


/* MOBILE HORS VIN - phrase d'usage sous les tags d'aromes */
.wm-usage-text{
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.35;
  text-align: center;
}


/* MOBILE - titre et domaine rapproches dans le hero */
@media (max-width: 767px){
  body .wm-wrapper .wm-domain-row .wm-domain{
    margin-top: 4px !important;
    line-height: 1.25 !important;
  }
}

/* MOBILE HORS VIN - ville placee sous le logo de la maison */
.wm-summary-producer .wm-summary-region{
  margin: 8px 0 0;
}


/* MOBILE HORS VIN - bloc appellation vide supprime (la ville est passee sous le logo) */
body.single-product:not(.product_cat-nos-vins) .wm-summary > .wm-summary-block[class="wm-summary-block"]{
  display: none !important;
}


/* MOBILE SPIRITUEUX - colonne Idee d'usage */
.wm-summary-usage{
  margin-bottom: 36px !important;
}
.wm-summary-usage .wm-usage-inner{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.wm-summary-usage .wm-usage-block{
  flex: 0 1 auto;
  min-width: 0;
  text-align: center;
}
.wm-summary-usage .wm-usage-visual{
  flex: 0 0 auto;
}
.wm-usage-kicker{
  margin: 0;
  font-size: 12.5px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color:#B29760;
}
.wm-usage-value{
  margin: 2px 0 0;
  font-size: 12.5px;
  line-height: 1.2;
  white-space: nowrap;
  color:#5B4B3C;
}
.wm-usage-btn{
  display: inline-block;
  margin-top: 10px;
  padding: 5px 10px;
  border: 1px solid #B29760;
  font-size: 10px;
  letter-spacing: 1px;
  color:#B29760;
}
.wm-usage-visual img{
  display: block;
  width: 112px;
  height: auto;
}

/* ============================================================
   ESSENTIEL EN UN REGARD — HORS VIN (desktop)
   Logo maison, ville, phrase d'usage, visuel du bar
   ============================================================ */

/* Logo de la maison + ville */
.wine-summary--hv .producer-logo img { max-width: 150px; }
.wine-summary--hv .summary-card p.hv-city { font-size: 14px; margin-top: -10px; }

/* Recentrage optique du couple logo + ville sur l'axe des autres colonnes */
.wine-summary--hv .producer-logo,
.wine-summary--hv .summary-card p.hv-city { position: relative; top: -6px; }

/* Colonnes spiritueux : plus de largeur pour la phrase d'usage */
body[class*="product_cat-nos-spiritueux"] .wine-summary--hv .wine-summary-grid--hv,
body[class*="product_cat-liqueurs-et-cremes"] .wine-summary--hv .wine-summary-grid--hv,
body[class*="product_cat-spiritueux-de-bourgogne"] .wine-summary--hv .wine-summary-grid--hv {
  grid-template-columns: 1fr .85fr 1.5fr 1.9fr;
}

/* Phrase d'usage : Alegreya romain, 3 lignes equilibrees */
.wine-summary--hv .summary-card p.hv-usage-text {
  font-family: "Alegreya", Georgia, serif;
  font-size: 14px;
  line-height: 1.2;
  max-width: 34ch;
  margin-left: auto;
  margin-right: auto;
  hyphens: none;
  text-wrap: pretty;
  text-wrap: balance;
}

/* Visuel du bar : meme poids optique que le logo */
.wine-summary-grid--hv .hv-usage-visual img { width: 104px; height: 104px; }


/* ================================================================
   CHARTE DORE MMV — couple #B29760 / #836C3F — 31 aout 2026
   Ce qu'on regarde en #B29760, ce qu'on lit en petit en #836C3F.
   Texte ivoire sur tout aplat dore. Desktop, tablette et mobile.
   Les classes sont repetees 4 fois pour passer devant le CSS
   d'Elementor, charge apres le CSS additionnel.
   Le pied de page n'est pas concerne : il garde #B29760, encre ivoire.
   ================================================================ */

:root {
  --mmv-ivoire:    #FFFBF0;
  --mmv-or:        #B29760;
  --mmv-or-sombre: #836C3F;
  --mmv-brun:      #402E15;  /* encre forte : titres, elements marques */
  --mmv-brun-doux: #5B4B3C;  /* texte courant et mentions secondaires */
  --mmv-brun-pied: #150E06;
}
/* --- Brun : variables d'encre alignees sur la charte --- */
:root, body {
  --mdv-brown: #402E15 !important;
  --mdv-cream-ink: #402E15 !important;
  --mdv-brown-text: #5B4B3C !important;
  --mmv-muted: #5B4B3C !important;
}


/* --- Brun : rattrapage des feuilles non modifiables (header au scroll, boutons) --- */
body.ast-theme-transparent-header.mmv-scrolled #masthead .ast-site-title-wrap,
body.ast-theme-transparent-header.mmv-scrolled #masthead .ast-site-title-wrap a,
body.ast-theme-transparent-header.mmv-scrolled #masthead .main-header-menu .menu-link,
body.ast-theme-transparent-header.mmv-scrolled #masthead .main-header-menu > .menu-item > a,
body.ast-theme-transparent-header.mmv-scrolled #masthead .main-header-menu > .menu-item:hover > .menu-link,
body.ast-theme-transparent-header.mmv-scrolled #masthead .main-header-menu .sub-menu .menu-link,
body.ast-theme-transparent-header.mmv-scrolled #masthead .ast-custom-button-link,
body.ast-theme-transparent-header.mmv-scrolled #masthead .ast-custom-button {
  color: #402E15 !important;
  border-color: #402E15 !important;
}
body.ast-theme-transparent-header.mmv-scrolled .mmv-arrow { color: #402E15 !important; }
.section-hero .moments-title { color: #5B4B3C !important; }
.elementor-element-89f8683 .elementor-button:hover,
.elementor-element-89f8683 .elementor-button:focus { border-color: #402E15 !important; }
.mmv-f__btn:hover, .mmv-f__btn:focus-visible { color: #402E15 !important; }
.mdv-caveau2-btn { border-color: #402E15 !important; }
.mmv-visite__btn { border-color: #402E15 !important; }
.widget_search .search-form i, .ast-builder-social-element { color: #5B4B3C !important; }


/* Deux aplats dores portaient un ivoire approximatif (#F8F3E8, #FFFFFF) :
   on les ramene sur l'ivoire de reference. */
.cv-pill.cv-pill.cv-pill.cv-pill,
.cv-filter-btn.cv-filter-btn.cv-filter-btn.cv-filter-btn.active {
  color:#FFFBF0 !important;
}

/* Aplats dores : le site pose deja l'ivoire dessus, on n'y touche pas.
   Regle permanente : sur un fond #B29760, le texte est en #FFFBF0. */

/* Petits textes dores sur ivoire */
.mmv-fil-produit.mmv-fil-produit.mmv-fil-produit.mmv-fil-produit,
.mmv-fil-produit a:not(#zz):not(#zz):not(#zz):not(#zz),
.wine-price-liter.wine-price-liter.wine-price-liter.wine-price-liter,
.wine-advice-title.wine-advice-title.wine-advice-title.wine-advice-title,
.wine-vintage-note.wine-vintage-note.wine-vintage-note.wine-vintage-note,
.wine-nutri-allerg.wine-nutri-allerg.wine-nutri-allerg.wine-nutri-allerg,
.wine-button.wine-button.wine-button.wine-button,
.portrait-button.portrait-button.portrait-button.portrait-button,
.wm-price-liter.wm-price-liter.wm-price-liter.wm-price-liter,
.wm-advice-title.wm-advice-title.wm-advice-title.wm-advice-title,
.wm-button.wm-button.wm-button.wm-button,
.wm-portrait-btn.wm-portrait-btn.wm-portrait-btn.wm-portrait-btn,
.mdv-resto-arrow.mdv-resto-arrow.mdv-resto-arrow.mdv-resto-arrow,
.cv-attr-arrow.cv-attr-arrow.cv-attr-arrow.cv-attr-arrow,
.cv-filter-btn.cv-filter-btn.cv-filter-btn.cv-filter-btn:not(.active),
.mmv-qty-btn.mmv-qty-btn.mmv-qty-btn.mmv-qty-btn,
.cv-wrap .elementor-button-text.elementor-button-text.elementor-button-text.elementor-button-text,
.e-loop-item .elementor-button-text.elementor-button-text.elementor-button-text.elementor-button-text {
  color:var(--mmv-or-sombre) !important;
}

/* Au survol comme a l'etat actif : des que le fond devient #B29760,
   le texte passe en ivoire. Jamais d'encre foncee sur le dore. */
.cv-cat-btn.cv-cat-btn.cv-cat-btn.cv-cat-btn:hover,
.cv-cat-btn.cv-cat-btn.cv-cat-btn.cv-cat-btn.active,
.cv-cat-btn.cv-cat-btn.cv-cat-btn.cv-cat-btn:hover *,
.cv-cat-btn.cv-cat-btn.cv-cat-btn.cv-cat-btn.active *,
.cv-filter-btn.cv-filter-btn.cv-filter-btn.cv-filter-btn:hover,
.cv-filter-btn.cv-filter-btn.cv-filter-btn.cv-filter-btn.active,
.cv-filter-btn.cv-filter-btn.cv-filter-btn.cv-filter-btn:hover *,
.cv-filter-btn.cv-filter-btn.cv-filter-btn.cv-filter-btn.active *,
.cv-add.cv-add.cv-add.cv-add:hover,
.cv-add.cv-add.cv-add.cv-add:hover *,
.cv-btn.cv-btn.cv-btn.cv-btn:hover,
.cv-btn.cv-btn.cv-btn.cv-btn:hover *,
.wine-btn .elementor-button.elementor-button.elementor-button.elementor-button:hover,
.wine-btn .elementor-button:hover .elementor-button-text.elementor-button-text.elementor-button-text.elementor-button-text,
.e-loop-item .elementor-button.elementor-button.elementor-button.elementor-button:hover,
.e-loop-item .elementor-button:hover .elementor-button-text.elementor-button-text.elementor-button-text.elementor-button-text,
.mdv-app-btn.mdv-app-btn.mdv-app-btn.mdv-app-btn:hover,
.mdv-app-btn.mdv-app-btn.mdv-app-btn.mdv-app-btn.on,
.btn-app.btn-app.btn-app.btn-app:hover,
.portrait-button.portrait-button.portrait-button.portrait-button:hover,
.wm-portrait-btn.wm-portrait-btn.wm-portrait-btn.wm-portrait-btn:hover,
.wm-button.wm-button.wm-button.wm-button:hover,
.wine-button.wine-button.wine-button.wine-button:hover {
  color:#FFFBF0 !important;
}


/* ==========================================================
   MOBILE — barre de navigation sombre au scroll (comme desktop)
   ========================================================== */
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .ast-mobile-header-wrap,
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .ast-main-header-wrap,
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .ast-primary-header-bar {
  background-color: #150E06 !important;
  box-shadow: none !important;
}
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .site-branding img.custom-logo {
  filter: none !important;
}
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .menu-toggle .ast-mobile-svg,
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .menu-toggle .ast-mobile-svg path {
  fill: #FFFBF0 !important;
}
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .menu-toggle,
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .ast-primary-header-bar a,
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .ast-custom-button-link,
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .ast-custom-button {
  color: #FFFBF0 !important;
}
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .ast-custom-button {
  border-color: #FFFBF0 !important;
  background-color: transparent !important;
}


/* Mobile — barre affinée au scroll */
html body.ast-header-break-point #masthead .ast-primary-header-bar { transition: min-height .3s ease; }
html body.ast-header-break-point #masthead .site-branding { transition: padding .3s ease; }
html body.ast-header-break-point #masthead .site-branding img.custom-logo { transition: width .3s ease, max-height .3s ease; }
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .ast-primary-header-bar {
  min-height: 56px !important;
  height: auto !important;
}
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .site-branding {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
html body.ast-header-break-point.ast-theme-transparent-header.mmv-scrolled #masthead .site-branding img.custom-logo {
  width: 34px !important;
  max-height: 34px !important;
}


/* ==========================================================
 * CARROUSEL PROMO ACCUEIL - meme cadre que les pages catalogue
 * Reprend le double filet de .elementor-element-dfa03e6 :
 * 2px exterieur + 1px a 5px, fond ivoire, padding 12px.
 * Remplace le border+outline du style inline du widget.
 * Ajoute le 01/09/2026.
 * ========================================================== */
.mdv-promo-section .mdv-carousel-frame{
  position: relative;
  background: #FFFBF0;
  border: 0;
  outline: 0;
  padding: 12px;
}
.mdv-promo-section .mdv-carousel-frame::before{
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #B29760;
  pointer-events: none;
  z-index: 3;
}
.mdv-promo-section .mdv-carousel-frame::after{
  content: "";
  position: absolute;
  top: 5px; left: 5px; right: 5px; bottom: 5px;
  border: 1px solid #B29760;
  pointer-events: none;
  z-index: 3;
}

/* MOBILE - meme gabarit que le carrousel catalogue :
   boite 5/4, visuel en cover, retrait lateral de 20px. */
@media (max-width: 767px){
  body .mdv-promo-section{
    padding-left: 20px;
    padding-right: 20px;
  }
  .mdv-promo-section .mdv-promo-carousel-viewport{
    aspect-ratio: 5 / 4;
  }
  .mdv-promo-section .mdv-promo-carousel-track{
    height: 100%;
  }
  .mdv-promo-section .mdv-promo-carousel-track img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}


/* ==========================================================
 * PRESENTOIRS ACCUEIL (.mdv-cats-section) - MOBILE
 * Le ruban de ronds ne se comprime plus : ronds a 220px,
 * chevauchement proportionnel au desktop, defilement au doigt
 * (pas de fleches), bord a bord. Desktop et tablette inchanges.
 * Ajoute le 01/09/2026.
 * ========================================================== */
@media (max-width: 767px){
  body .mdv-cats-section{
    padding-left: 0;
    padding-right: 0;
  }
  .mdv-cats-section .mdv-ronds-wrapper{
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 6px 20px 10px;
    max-width: none;
  }
  .mdv-cats-section .mdv-ronds-wrapper::-webkit-scrollbar{
    display: none;
  }
  .mdv-cats-section .mdv-ronds-wrapper .rond-item{
    width: 220px;
    flex: 0 0 220px;
  }
  .mdv-cats-section .mdv-ronds-wrapper .rond-item:not(:first-child){
    margin-left: -90px;
  }
}


/* ==========================================================
 * CARROUSEL PRODUITS ACCUEIL (widget 2c75a77) - MOBILE
 * 2 loop items visibles (reglage Elementor slides_to_show_mobile),
 * pas de fleches : on fait defiler au doigt.
 * Ajoute le 01/09/2026.
 * ========================================================== */
@media (max-width: 767px){
  .elementor-element-2c75a77 .elementor-swiper-button{
    display: none !important;
  }
  .elementor-element-2c75a77 .swiper{
    cursor: grab;
  }
  .elementor-element-2c75a77 .swiper:active{
    cursor: grabbing;
  }
}


/* ==================== HERO - LOGO TITRE + SUR-TITRE ====================
   Le lettrage "Maison Maconnaise des Vins" reste une image (TIRE-IMAGE-HERO.png,
   2000x2000 px). Cette image contient aussi, en haut, la ligne "RESTAURANT CAVEAU
   & ART DE VIVRE DEPUIS 1958" sur deux lignes : on la rogne, et cette ligne est
   desormais du vrai texte HTML (.mmv-hero-eyebrow), sur une seule ligne, avec un
   espacement reglable — et lisible par Google et les lecteurs d ecran.
   Le recadrage est proportionnel (aspect-ratio + object-fit) et non plus une marge
   negative en pixels : il reste juste a toutes les largeurs du logo.
   Reperes dans le fichier : le lettrage occupe les lignes 521 a 1518 sur 2000.
   Si l image change, reajuster :
     aspect-ratio    : 2000 / hauteur_conservee
     object-position : rognage_haut / (2000 - hauteur_conservee), en %
   ====================================================================== */
.mmv-hero-content .mmv-hero-logo{
  aspect-ratio: 2000 / 1060;      /* ne garde que le lettrage (rognage 490 / 450) */
  height: auto;
  object-fit: cover;
  object-position: center 52.1%;
  margin-bottom: clamp(26px, 4vw, 52px);
}

/* Sur-titre en vrai texte, sur une seule ligne */
.mmv-hero-content .mmv-hero-eyebrow{
  font-family: "Alegreya", Georgia, serif;
  font-size: clamp(0.78rem, 1.55vw, 1.16rem);
  font-weight: 500;              /* un cran au-dessus du normal (Alegreya Medium) */
  letter-spacing: 0.075em;
  line-height: 1.25;
  color: #FFFBF0;
  margin: 0 0 12px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}
.mmv-hero-content .mmv-hero-eyebrow em{
  font-style: italic;             /* esperluette en italique, comme sur l image */
  letter-spacing: 0;
}
.mmv-hero-content .mmv-hero-subtitle{
  margin: 0 0 30px;
}



/* ==================== PAGE PANIER ====================
   La page panier est desormais construite avec Elementor (widget Panier
   d'Elementor Pro) au lieu du bloc Gutenberg WooCommerce, qui arrivait
   sans aucun habillage : police systeme, bouton bleu WordPress.
   Ce bloc lui applique l'identite du site, avec les memes reperes que
   les fiches produit : creme #FFFBF0, filets et titres dores #B29760,
   texte brun #5B4B3C, Alegreya et Alegreya SC.
   ====================================================================== */

.elementor-widget-woocommerce-cart{
  font-family: 'Alegreya', Georgia, serif;
  color: #5B4B3C;
}

/* Cadres : le meme filet dore que sur les fiches produit */
.elementor-widget-woocommerce-cart .e-cart-section{
  background: #FFFBF0;
  border: 1px solid #B29760;
  border-radius: 0;
  box-shadow: none;
}

/* En-tetes de colonnes */
.elementor-widget-woocommerce-cart .e-shop-table thead th{
  font-family: 'Alegreya SC', Georgia, serif;
  font-weight: 400;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #B29760;
  border-bottom: 1px solid #B29760;
}
.elementor-widget-woocommerce-cart .e-shop-table td{
  border-bottom: 1px solid rgba(178, 151, 96, 0.35);
}

/* Noms de produits : plus de bleu ni de turquoise */
.elementor-widget-woocommerce-cart .product-name a{
  font-family: 'Alegreya', Georgia, serif;
  color: #5B4B3C;
  text-decoration: none;
}
.elementor-widget-woocommerce-cart .product-name a:hover{ color: #836C3F; }
.elementor-widget-woocommerce-cart .woocommerce-Price-amount{ color: #5B4B3C; }

/* Champ quantite */
.elementor-widget-woocommerce-cart .quantity .qty,
.elementor-widget-woocommerce-cart .coupon .input-text{
  background: #FFFBF0;
  border: 1px solid #B29760;
  border-radius: 0;
  color: #5B4B3C;
  font-family: 'Alegreya', Georgia, serif;
  padding: 10px 12px;
}

/* Boutons secondaires : contour dore, comme le bouton des fiches produit */
.elementor-widget-woocommerce-cart .button,
.elementor-widget-woocommerce-cart button.button{
  background: transparent;
  color: #836C3F;
  border: 1px solid #B29760;
  border-radius: 0;
  font-family: 'Alegreya SC', Georgia, serif;
  font-weight: 400;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 12px 22px;
  transition: background 0.25s ease, color 0.25s ease;
}
.elementor-widget-woocommerce-cart .button:hover,
.elementor-widget-woocommerce-cart button.button:hover{
  background: #B29760;
  color: #FFFBF0;
}

/* Bouton principal : plein, pour que l'etape suivante soit evidente */
.elementor-widget-woocommerce-cart .wc-proceed-to-checkout .button,
.elementor-widget-woocommerce-cart .checkout-button{
  background: #B29760;
  border-color: #B29760;
  color: #FFFBF0;
  width: 100%;
  padding: 16px 22px;
  font-size: 0.85rem;
}
.elementor-widget-woocommerce-cart .wc-proceed-to-checkout .button:hover,
.elementor-widget-woocommerce-cart .checkout-button:hover{
  background: #836C3F;
  border-color: #836C3F;
  color: #FFFBF0;
}

/* Totaux */
.elementor-widget-woocommerce-cart .cart_totals h2{
  font-family: 'Alegreya SC', Georgia, serif;
  font-weight: 400;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #B29760;
}
.elementor-widget-woocommerce-cart .cart_totals th{
  font-family: 'Alegreya SC', Georgia, serif;
  font-weight: 400;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #836C3F;
}
.elementor-widget-woocommerce-cart .order-total .woocommerce-Price-amount{
  font-size: 1.25rem;
  color: #836C3F;
}

/* Bandeau de reassurance sous le panier */
.mmv-panier-rassurance{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 16px;
  margin: 36px 0 12px;
  font-family: 'Alegreya SC', Georgia, serif;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 0.72rem;
  color: #B29760;
}
.mmv-panier-rassurance .mmv-pr__sep{ opacity: 0.55; }

.mmv-panier-mention{
  text-align: center;
  font-family: 'Alegreya', Georgia, serif;
  font-size: 0.72rem;
  color: rgba(91, 75, 60, 0.65);
  margin: 0;
}


/* --- Panier : surcharges de specificite -----------------------------------
   Le widget Panier d'Elementor genere ses propres regles en
   « .elementor-widget-woocommerce-cart .woocommerce ... », plus specifiques
   que le bloc ci-dessus. On double donc la classe du widget pour reprendre
   la main, plutot que d'empiler des !important. -------------------------- */

.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals h2{
  font-family: 'Alegreya SC', Georgia, serif;
  font-weight: 400;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #B29760;
}

.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tbody th,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table_responsive tbody th{
  font-family: 'Alegreya SC', Georgia, serif;
  font-weight: 400;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #836C3F;
}

.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tbody td,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce table.shop_table td{
  font-family: 'Alegreya', Georgia, serif;
  color: #5B4B3C;
}

.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals .order-total .woocommerce-Price-amount{
  font-size: 1.3rem;
  color: #836C3F;
}

/* Modes de livraison */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .woocommerce-shipping-methods label,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .woocommerce-shipping-destination{
  font-family: 'Alegreya', Georgia, serif;
  color: #5B4B3C;
}
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce input[type="radio"]{ accent-color: #B29760; }

/* Boutons secondaires : contour dore */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce-cart-form .e-apply-coupon,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .button,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce button.button{
  background: transparent;
  color: #836C3F;
  border: 1px solid #B29760;
  border-radius: 0;
  font-family: 'Alegreya SC', Georgia, serif;
  font-weight: 400;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: background 0.25s ease, color 0.25s ease;
}
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce-cart-form .e-apply-coupon:hover,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .button:hover,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce button.button:hover{
  background: #B29760;
  color: #FFFBF0;
  border-color: #B29760;
}

/* Bouton principal : plein dore, pour que l'etape suivante soit evidente */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button{
  background: #B29760;
  border: 1px solid #B29760;
  color: #FFFBF0;
  border-radius: 0;
  width: 100%;
  padding: 16px 22px;
  font-family: 'Alegreya SC', Georgia, serif;
  font-weight: 400;
  font-size: 0.88rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button:hover{
  background: #836C3F;
  border-color: #836C3F;
  color: #FFFBF0;
}

/* Liens du panier : le widget les repasse en bleu #5BC0DE via une regle
   « a:not(...):not(...):not(...) » a trois negations. On atteint la meme
   specificite avec deux negations et la classe du widget doublee, plutot
   que d'ouvrir la porte aux !important. */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .product-name a:not(.remove):not(.button){
  font-family: 'Alegreya', Georgia, serif;
  color: #5B4B3C;
  text-decoration: none;
}
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .product-name a:not(.remove):not(.button):hover{ color: #836C3F; }

.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals a:not(.button):not(.checkout-button){
  color: #836C3F;
}
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .product-remove a.remove:not(.button){
  color: #B29760;
}


/* Titre de la page panier ------------------------------------------------
   Le titre du theme (« Panier », bleu nuit) est desactive dans les reglages
   Astra de la page. Celui-ci le remplace, sur le meme modele que les titres
   de section du site : Alegreya en capitales, le mot mis en avant en
   Parisienne, tout en brun #5B4B3C.
   La classe est doublee a dessein : le kit global Elementor contient
   « .elementor-kit-15 h1 { font-family: Alegreya SC; font-size: 1px } »,
   qui rend invisible TOUT h1 du site. Sans ce doublement, ce titre
   s'affichait en 1 pixel. ---------------------------------------------- */

.mmv-panier-titre.mmv-panier-titre{
  font-family: 'Alegreya', Georgia, serif;
  font-weight: 400;
  font-size: clamp(1.25rem, 2.4vw, 1.95rem);
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.028em;
  color: #5B4B3C;
  text-align: center;
  margin: 0 0 34px;
}
.mmv-panier-titre.mmv-panier-titre .script{
  font-family: 'Parisienne', cursive;
  font-size: 1.5em;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1;
  vertical-align: -0.06em;
  margin: 0 0.06em;
}


/* =====================================================================
   MMV — Bandeaux de notification WooCommerce
   (« … a été ajouté à votre panier », infos, erreurs)
   Panier, boutique, fiches produit, commander
   ===================================================================== */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
	position: relative;
	margin: 0 0 32px;
	padding: 20px 28px 20px 58px;
	background: #FFFBF0;
	border: 2px solid #B29760;
	border-top: 2px solid #B29760;
	border-radius: 0;
	box-shadow: inset 0 0 0 5px #FFFBF0, inset 0 0 0 6px rgba(178,151,96,.55);
	color: #5B4B3C;
	font-family: "Alegreya", Georgia, serif;
	font-size: 17px;
	line-height: 1.5;
	list-style: none;
}
.woocommerce-message,
.woocommerce-info{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 24px;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{
	content: "\2725";
	position: absolute;
	top: 50%;
	left: 26px;
	transform: translateY(-50%);
	font-family: "Alegreya", Georgia, serif;
	font-size: 14px;
	line-height: 1;
	color: #B29760;
	background: none;
	border-radius: 0;
	padding: 0;
	width: auto;
	height: auto;
}
.woocommerce-error::before{
	top: 24px;
	transform: none;
}
.woocommerce-message .button,
.woocommerce-info .button{
	margin-left: auto;
	flex: 0 0 auto;
	float: none;
	padding: 12px 26px;
	background: transparent;
	border: 1px solid #B29760;
	color: #836C3F;
	font-family: "Alegreya SC", Georgia, serif;
	font-size: 12.5px;
	letter-spacing: .08em;
	text-transform: uppercase;
	border-radius: 0;
	transition: background-color .25s ease, color .25s ease;
}
.woocommerce-message .button:hover,
.woocommerce-message .button:focus,
.woocommerce-info .button:hover,
.woocommerce-info .button:focus{
	background: #B29760;
	border-color: #B29760;
	color: #FFFBF0;
}
.woocommerce-error li{
	margin: 0 0 6px;
	padding: 0;
	list-style: none;
}
.woocommerce-error li:last-child{ margin-bottom: 0; }
@media (max-width: 600px){
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error{
		padding: 18px 20px 18px 46px;
		font-size: 16px;
	}
	.woocommerce-message::before,
	.woocommerce-info::before,
	.woocommerce-error::before{ left: 20px; }
	.woocommerce-message .button,
	.woocommerce-info .button{
		margin-left: 0;
		width: 100%;
		text-align: center;
	}
}

/* =====================================================================
   MMV — Visuel de substitution produit
   ===================================================================== */
img.woocommerce-placeholder,
img[src*="woocommerce-placeholder"],
img[src*="mmv-placeholder-produit"]{
	background: #FFFBF0;
	border: 1px solid rgba(178,151,96,.45);
	border-radius: 0;
	object-fit: contain;
}


/* Badge de contenance dans le panier -------------------------------------
   La regle .mmv-cl__format demande deja color: #FFFBF0, mais le widget
   Elementor impose « .elementor-widget-woocommerce-cart .woocommerce
   table.cart td span { color: var(--order-summary-color, #000) } », plus
   specifique : tous les <span> des cellules passaient en noir.
   On repasse au-dessus, uniquement pour le badge. ---------------------- */
.elementor-widget-woocommerce-cart .woocommerce table.cart td span.mmv-cl__format{
  color: #FFFBF0;
}


/* Compteur de quantite : un cran plus compact ----------------------------
   Il passait de 95 x 35 px a environ 76 x 26 px, pour ne plus peser
   autant que le prix a cote. --------------------------------------------- */
.elementor-widget-woocommerce-cart .woocommerce table.cart .mmv-qty .mmv-qty__b{
  padding: 4px 8px;
  font-size: 0.9rem;
  line-height: 1;
}
.elementor-widget-woocommerce-cart .woocommerce table.cart .mmv-qty .qty{
  width: 30px;
  padding: 4px 0;
  font-size: 0.85rem;
  line-height: 1;
}


/* Vignettes du panier : jamais recadrees --------------------------------
   Le recadrage des miniatures WooCommerce passe de 1:1 a « non recadre »,
   pour que le fichier genere garde les proportions de l'original.
   object-fit: contain garantit ensuite que l'image entiere tienne dans la
   case, quitte a laisser du vide autour, plutot que d'etre rognee. ------ */
.elementor-widget-woocommerce-cart .woocommerce table.cart .product-thumbnail img{
  width: auto;
  max-width: 66px;
  height: auto;
  max-height: 90px;
  object-fit: contain;
  object-position: center;
}


/* Lien « Supprimer » en dore ---------------------------------------------
   Meme piege que le badge de contenance : le widget Elementor colore tous
   les <span> des cellules en noir via --order-summary-color. On repasse
   au-dessus, sur le lien et sur son ornement. --------------------------- */
.elementor-widget-woocommerce-cart .woocommerce table.cart .mmv-cl__remove,
.elementor-widget-woocommerce-cart .woocommerce table.cart .mmv-cl__remove span,
.elementor-widget-woocommerce-cart .woocommerce table.cart .mmv-cl__remove *{
  color: #B29760;
}
.elementor-widget-woocommerce-cart .woocommerce table.cart .mmv-cl__remove:hover,
.elementor-widget-woocommerce-cart .woocommerce table.cart .mmv-cl__remove:hover span,
.elementor-widget-woocommerce-cart .woocommerce table.cart .mmv-cl__remove:hover *{
  color: #836C3F;
}

/* Le lien lui-meme (et son ornement) est vise par la regle Elementor
   « a:not(...):not(...):not(...) ». Deux negations suffisent a passer devant. */
.elementor-widget-woocommerce-cart .woocommerce table.cart .mmv-cl__remove:not(.button):not(.remove){
  color: #B29760;
}
.elementor-widget-woocommerce-cart .woocommerce table.cart .mmv-cl__remove:not(.button):not(.remove):hover{
  color: #836C3F;
}


/* ==================== PANIER : BLOC TOTAUX, STRUCTURE B ====================
   Le choix de livraison passe AVANT les chiffres et devient deux cartes
   cliquables ; le recapitulatif se reduit ensuite a sous-total / total.
   Le decoupage nom / delai / prix vient du snippet WPCode
   « Panier — libelles des modes de livraison ». Sans lui, les trois
   informations arrivent collees en une seule chaine de texte.
   ======================================================================== */

/* 1. Ordre des blocs : la livraison remonte au-dessus des montants */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tbody{ display: flex; flex-direction: column; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tbody tr{ display: block; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.woocommerce-shipping-totals{ order: -1; margin-bottom: 26px; }

/* 2. « Expedition » devient un titre de section */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.woocommerce-shipping-totals th{
  display: block; width: auto; border: 0; padding: 0 0 12px;
  font-family: 'Alegreya SC', Georgia, serif;
  font-weight: 400; font-size: 0.95rem;
  text-transform: uppercase; letter-spacing: 0.06em; color: #B29760;
}
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.woocommerce-shipping-totals td{ display: block; width: auto; border: 0; padding: 0; }

/* 3. Les modes de livraison en cartes */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce #shipping_method{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce #shipping_method li{
  display: flex; align-items: center; gap: 12px; margin: 0;
  border: 1px solid rgba(178, 151, 96, 0.38); padding: 12px 14px;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce #shipping_method li:hover{ border-color: #B29760; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce #shipping_method li:has(input:checked){ border-color: #B29760; background: rgba(178, 151, 96, 0.08); }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce #shipping_method li input[type="radio"]{ margin: 0; flex: 0 0 auto; accent-color: #B29760; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce #shipping_method li label{ display: flex; flex: 1; align-items: center; gap: 12px; margin: 0; padding: 0; cursor: pointer; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .mmv-liv__txt{ flex: 1; display: flex; flex-direction: column; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .mmv-liv__nom{ font-family: 'Alegreya', Georgia, serif; font-size: 0.98rem; line-height: 1.25; color: #5B4B3C; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .mmv-liv__delai{ font-size: 0.78rem; color: rgba(91, 75, 60, 0.62); }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .mmv-liv__prix{ font-weight: 500; white-space: nowrap; color: #5B4B3C; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .woocommerce-shipping-destination{ margin: 12px 0 0; font-size: 0.82rem; color: rgba(91, 75, 60, 0.62); }

/* 4. Les lignes chiffrees : intitule a gauche, montant a droite */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.cart-subtotal,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.order-total{ display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.cart-subtotal th,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.order-total th{ border: 0; padding: 0; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.cart-subtotal td,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.order-total td{ border: 0; padding: 0; text-align: right; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.order-total{ border-top: 1px solid rgba(178, 151, 96, 0.38); padding-top: 16px; margin-top: 14px; }

/* 5. Correctifs de la restructuration -----------------------------------
   En passant tbody en flex, le tableau perdait sa largeur : les cartes
   debordaient du cadre. Et .shop_table_responsive ajoute le libelle de
   colonne en ::before, ce qui affichait « Expedition » deux fois.
   ---------------------------------------------------------------------- */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table{ display: block; width: 100%; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tbody{ width: 100%; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tbody tr{ width: 100%; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tbody td,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tbody th{ width: auto; max-width: none; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tbody td::before{ display: none; content: none; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce #shipping_method li{ width: 100%; box-sizing: border-box; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .mmv-liv__txt{ min-width: 0; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .mmv-liv__nom{ overflow-wrap: anywhere; }

/* 6. Intitules des lignes chiffrees --------------------------------------
   Elementor masque les <th> du recapitulatif et affiche le libelle via
   td::before (attribut data-title). Le correctif precedent, en supprimant
   tous les ::before, avait donc fait disparaitre « Sous-total » et
   « Total ». On les retablit ici, en gardant la suppression pour la seule
   ligne de livraison, ou le libelle faisait doublon avec le titre de
   section. ------------------------------------------------------------- */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.cart-subtotal td,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.order-total td{
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 16px; width: 100%; text-align: right;
}
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.cart-subtotal td::before,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.order-total td::before{
  display: block; content: attr(data-title);
  font-family: 'Alegreya SC', Georgia, serif; font-weight: 400;
  font-size: 0.86rem; text-transform: uppercase; letter-spacing: 0.05em;
  color: #836C3F; text-align: left; white-space: nowrap;
}
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.order-total td::before{ color: #5B4B3C; font-size: 0.95rem; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals tr.woocommerce-shipping-totals td::before{ display: none; content: none; }

/* Mention sous les cartes de livraison */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals .woocommerce-shipping-destination{
  margin: 12px 0 0; font-size: 0.82rem; line-height: 1.4;
  color: rgba(91, 75, 60, 0.62);
}

/* 7. Specificite des intitules -------------------------------------------
   La regle du point 6 perdait de justesse : meme nombre de classes que
   la suppression globale du point 5, mais un element de moins. On reprend
   ici le chemin complet (table > tbody > tr) pour passer devant. -------- */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tbody tr.cart-subtotal td::before,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tbody tr.order-total td::before{
  display: block; content: attr(data-title);
  font-family: 'Alegreya SC', Georgia, serif; font-weight: 400;
  font-size: 0.86rem; text-transform: uppercase; letter-spacing: 0.05em;
  color: #836C3F; text-align: left; white-space: nowrap;
}
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tbody tr.order-total td::before{ color: #5B4B3C; font-size: 0.95rem; }

/* 8. Foncé de la maison et couleur du vin --------------------------------
   Le widget Elementor sort tout en noir pur via --order-summary-color et
   --order-summary-title-color. On repasse ces textes sur le fonce de la
   maison, #402E15.
   La mention de couleur du vin (« Vin Rose ») est retiree de la ligne.
   ---------------------------------------------------------------------- */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart thead th{ color: #402E15; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart .mmv-cl__brand,
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart td .mmv-cl__brand{ color: #402E15; }
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart .woocommerce-Price-currency{ color: inherit; }

.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce .cart .mmv-cl__color{ display: none; }

/* 9. Boutons radio de la livraison ---------------------------------------
   Le bouton restait un controle natif : accent-color le teintait en dore,
   mais le navigateur dessinait par-dessus son propre anneau sombre, et le
   theme lui laissait un fond bleu #046BD2. On reprend le dessin a la main.
   ---------------------------------------------------------------------- */
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce #shipping_method input[type="radio"]{
  -webkit-appearance: none;
  appearance: none;
  width: 14px; height: 14px; padding: 0; margin: 0;
  border: 1px solid #B29760; border-radius: 50%;
  background: #FFFBF0; box-shadow: none;
  position: relative; top: 1px; flex: 0 0 auto; cursor: pointer;
}
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce #shipping_method input[type="radio"]:checked{
  background: radial-gradient(circle, #B29760 0 45%, #FFFBF0 46%);
}
.elementor-widget-woocommerce-cart.elementor-widget-woocommerce-cart .woocommerce #shipping_method input[type="radio"]:focus-visible{
  outline: 2px solid #402E15; outline-offset: 2px;
}


/* ==================== PAGE VALIDATION DE COMMANDE ====================
   La page Commander est le bloc Gutenberg WooCommerce : on ne peut pas la
   reconstruire dans Elementor sans perdre le Click & Collect, qui ne
   fonctionne que sur le tunnel en blocs. Elle est donc habillee en CSS,
   sur les memes reperes que le panier : creme #FFFBF0, dore #B29760,
   fonce #402E15, Alegreya et Alegreya SC.
   Les couleurs d etat (erreurs, succes) ne sont volontairement pas
   touchees : un message d erreur doit rester rouge.
   ==================================================================== */

/* Base */
.wc-block-checkout.wc-block-checkout{ font-family: "Alegreya", Georgia, serif; color: #5B4B3C; }
.wc-block-checkout.wc-block-checkout .wc-block-components-title,
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-step__title{
  font-family: "Alegreya SC", Georgia, serif;
  font-weight: 400; font-size: 1.05rem;
  text-transform: uppercase; letter-spacing: 0.06em;
  color: #B29760;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-step__description,
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-step__heading-content{
  font-family: "Alegreya", Georgia, serif; color: rgba(64, 46, 21, 0.6);
}
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-step{ border: 0; }

/* Champs de saisie */
.wc-block-checkout.wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout.wc-block-checkout .wc-blocks-components-select__select,
.wc-block-checkout.wc-block-checkout .wc-block-components-textarea{
  background: #FFFBF0;
  border: 1px solid #B29760;
  border-radius: 0;
  color: #402E15;
  font-family: "Alegreya", Georgia, serif;
  box-shadow: none;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-text-input input:focus,
.wc-block-checkout.wc-block-checkout .wc-blocks-components-select__select:focus{
  outline: 2px solid #402E15; outline-offset: 1px; box-shadow: none;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-text-input label,
.wc-block-checkout.wc-block-checkout .wc-blocks-components-select__label{
  font-family: "Alegreya", Georgia, serif; color: rgba(64, 46, 21, 0.6);
}

/* Options de livraison et de paiement : memes cartes que le panier */
.wc-block-checkout.wc-block-checkout .wc-block-checkout__shipping-method-option,
.wc-block-checkout.wc-block-checkout .wc-block-components-radio-control-accordion-option,
.wc-block-checkout.wc-block-checkout .wc-block-components-radio-control__option{
  background: #FFFBF0;
  border: 1px solid rgba(178, 151, 96, 0.38);
  border-radius: 0;
}
.wc-block-checkout.wc-block-checkout .wc-block-checkout__shipping-method-option--selected,
.wc-block-checkout.wc-block-checkout .wc-block-components-radio-control-accordion-option:has(input:checked),
.wc-block-checkout.wc-block-checkout .wc-block-components-radio-control__option:has(input:checked){
  border-color: #B29760;
  background: rgba(178, 151, 96, 0.08);
}
.wc-block-checkout.wc-block-checkout .wc-block-checkout__shipping-method-option-title{ color: #402E15; }

/* Boutons radio et cases a cocher */
.wc-block-checkout.wc-block-checkout input[type="radio"]{
  -webkit-appearance: none; appearance: none;
  width: 14px; height: 14px; padding: 0;
  border: 1px solid #B29760; border-radius: 50%;
  background: #FFFBF0; box-shadow: none; cursor: pointer;
}
.wc-block-checkout.wc-block-checkout input[type="radio"]:checked{ background: radial-gradient(circle, #B29760 0 45%, #FFFBF0 46%); }
.wc-block-checkout.wc-block-checkout input[type="radio"]:focus-visible,
.wc-block-checkout.wc-block-checkout input[type="checkbox"]:focus-visible{ outline: 2px solid #402E15; outline-offset: 2px; }
.wc-block-checkout.wc-block-checkout input[type="checkbox"]{ accent-color: #B29760; }

/* Colonne de droite : le recapitulatif dans son cadre dore */
.wc-block-checkout.wc-block-checkout .wc-block-checkout__sidebar{
  background: #FFFBF0;
  border: 1px solid #B29760;
  border-radius: 0;
  padding: 24px 22px;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-order-summary__title-text{
  font-family: "Alegreya SC", Georgia, serif;
  font-weight: 400; text-transform: uppercase; letter-spacing: 0.06em;
  color: #B29760;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-totals-item__label{
  font-family: "Alegreya SC", Georgia, serif;
  font-weight: 400; text-transform: uppercase; letter-spacing: 0.05em;
  font-size: 0.86rem; color: #836C3F;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-totals-item__value{ color: #402E15; }
.wc-block-checkout.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{ color: #402E15; font-size: 0.95rem; }
.wc-block-checkout.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{ color: #836C3F; font-size: 1.3rem; font-weight: 700; }
.wc-block-checkout.wc-block-checkout .wc-block-components-totals-wrapper{ border-color: rgba(178, 151, 96, 0.38); }

/* Bouton principal : le meme dore plein que « Valider la commande » */
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-place-order-button{
  background: #B29760;
  border: 1px solid #B29760;
  border-radius: 0;
  color: #FFFBF0;
  font-family: "Alegreya SC", Georgia, serif;
  font-weight: 400; font-size: 0.88rem;
  text-transform: uppercase; letter-spacing: 0.1em;
  padding: 16px 22px;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-place-order-button:hover{ background: #836C3F; border-color: #836C3F; }

/* Liens du tunnel */
.wc-block-checkout.wc-block-checkout a:not(.wc-block-components-button){ color: #836C3F; }


/* Fond des pages panier et commande --------------------------------------
   Une regle « body { background: #fff } » s applique sur ces deux pages.
   On remet le creme de la maison. ------------------------------------- */
body.woocommerce-checkout,
body.woocommerce-cart{ background-color: #FFFBF0; }


/* ============ VALIDATION DE COMMANDE : reprise esthetique ============
   Trois intentions :
   1. Donner un rythme au formulaire — c est une longue colonne de champs,
      sans respiration ni separation on ne voit plus les etapes.
   2. Rendre le choix Expedier / Click & Collect lisible d un coup d oeil.
   3. Aligner la largeur sur celle du panier, pour que le tunnel ne change
      pas de gabarit entre deux ecrans.
   ==================================================================== */

/* Largeur : meme gabarit que le panier */
.woocommerce-checkout .wp-block-woocommerce-checkout{ max-width: 1440px; margin-left: auto; margin-right: auto; }

/* Rythme : un filet entre chaque etape, comme les lignes d une facture */
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-step{
  margin: 0 0 34px;
  padding: 0 0 34px;
  border-bottom: 1px solid rgba(178, 151, 96, 0.28);
}
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-step:last-of-type{ border-bottom: 0; }
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-step__title{
  font-size: 1rem; letter-spacing: 0.09em; margin: 0;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-step__heading{ margin: 0 0 18px; }

/* Champs : plus d air a l interieur, focus dore */
.wc-block-checkout.wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout.wc-block-checkout .wc-blocks-components-select__select{
  padding-left: 14px; padding-right: 14px;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-text-input.is-active label,
.wc-block-checkout.wc-block-checkout .wc-block-components-text-input label{ left: 14px; }
.wc-block-checkout.wc-block-checkout .wc-block-components-text-input input:focus{
  outline: none; border-color: #402E15; box-shadow: inset 0 0 0 1px #402E15;
}

/* Expedier / Click & Collect : l option retenue doit sauter aux yeux */
.wc-block-checkout.wc-block-checkout .wc-block-checkout__shipping-method-container{ gap: 12px; }
.wc-block-checkout.wc-block-checkout .wc-block-checkout__shipping-method-option{
  background: transparent;
  border: 1px solid rgba(178, 151, 96, 0.32);
  padding: 14px 16px;
  color: rgba(64, 46, 21, 0.65);
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.wc-block-checkout.wc-block-checkout .wc-block-checkout__shipping-method-option:hover{ border-color: #B29760; color: #402E15; }
.wc-block-checkout.wc-block-checkout .wc-block-checkout__shipping-method-option--selected{
  background: #B29760;
  border-color: #B29760;
  color: #FFFBF0;
}
.wc-block-checkout.wc-block-checkout .wc-block-checkout__shipping-method-option--selected .wc-block-checkout__shipping-method-option-title,
.wc-block-checkout.wc-block-checkout .wc-block-checkout__shipping-method-option--selected svg{ color: #FFFBF0; fill: currentColor; }
.wc-block-checkout.wc-block-checkout .wc-block-checkout__shipping-method-option-title{
  font-family: "Alegreya SC", Georgia, serif;
  text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.82rem;
}

/* Recapitulatif : la pastille de quantite en dore */
.wc-block-checkout.wc-block-checkout .wc-block-components-order-summary-item__quantity{
  background: #B29760;
  border-color: #B29760;
  color: #FFFBF0;
  font-family: "Alegreya", Georgia, serif;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-order-summary-item{ padding: 14px 0; }
.wc-block-checkout.wc-block-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-name{
  font-family: "Alegreya", Georgia, serif; font-size: 0.98rem; color: #402E15;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-order-summary-item__image img{ border: 0; }

/* Bouton final : detache du formulaire */
.wc-block-checkout.wc-block-checkout .wc-block-checkout__actions{ margin-top: 12px; }

/* Plus aucun blanc dans le tunnel ---------------------------------------
   Certains champs echappaient a la regle precedente : les <input> generes
   sans classe, le conteneur des listes deroulantes, les cases a cocher.
   On balaie large : tout ce qui recoit une saisie passe sur le creme. */
.wc-block-checkout.wc-block-checkout input,
.wc-block-checkout.wc-block-checkout select,
.wc-block-checkout.wc-block-checkout textarea,
.wc-block-checkout.wc-block-checkout .wc-blocks-components-select__container,
.wc-block-checkout.wc-block-checkout .wc-block-components-checkbox__input,
.wc-block-checkout.wc-block-checkout .wc-block-components-address-form__address_2-hidden{
  background-color: #FFFBF0;
}

/* Les puces radio gardent leur remplissage dore a l etat coche */
.wc-block-checkout.wc-block-checkout input[type="radio"]:checked{ background: radial-gradient(circle, #B29760 0 45%, #FFFBF0 46%); }

/* Les deux derniers blancs ---------------------------------------------
   WooCommerce cible ses champs par type — input[type="email"], [type="tel"]
   etc. Le selecteur d attribut lui donnait la meme specificite que la
   mienne, et sa feuille passe apres. On ajoute donc l attribut de notre
   cote pour reprendre l avantage. -------------------------------------- */
.wc-block-checkout.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input,
.wc-block-checkout.wc-block-checkout .wc-block-components-text-input input[type],
.wc-block-checkout.wc-block-checkout .wc-blocks-components-select__container select[class],
.wc-block-checkout.wc-block-checkout input[type].wc-block-components-checkbox__input{
  background-color: #FFFBF0;
}

/* Un seul fonce dans le tunnel : #402E15 --------------------------------
   Trois foncés cohabitaient : l ardoise du theme rgb(30,41,59) sur les
   cases a cocher et les legendes, le brun rgb(91,75,60) herite de la base,
   et le fonce de la maison. On ramene tout sur #402E15.
   Les libelles secondaires gardent leur version attenuee du meme fonce,
   et le message d erreur conserve sa couleur d alerte. ----------------- */
.wc-block-checkout.wc-block-checkout{ color: #402E15; }
.wc-block-checkout.wc-block-checkout .wc-block-components-checkbox__label,
.wc-block-checkout.wc-block-checkout .wc-block-components-radio-control__label,
.wc-block-checkout.wc-block-checkout .wc-block-components-address-card,
.wc-block-checkout.wc-block-checkout .wc-block-components-address-card__address-section,
.wc-block-checkout.wc-block-checkout .wc-block-components-address-form__address_2-toggle,
.wc-block-checkout.wc-block-checkout .wc-block-formatted-money-amount,
.wc-block-checkout.wc-block-checkout .wc-block-components-order-summary-item__total-price,
.wc-block-checkout.wc-block-checkout .wc-block-components-product-metadata,
.wc-block-checkout.wc-block-checkout legend,
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-step__description{
  color: #402E15;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-address-card__edit{ color: #836C3F; }

/* Le champ actif ne repasse plus en blanc -------------------------------
   WooCommerce a une regle dediee a l etat focus, ciblee par type de champ
   (input[type="text"]:focus, [type="email"]:focus...) : fond blanc et
   bordure noire de 1,5 px. Elle etait plus specifique que la mienne.
   On garde un focus bien visible — c est necessaire au clavier — mais en
   creme et brun fonce. --------------------------------------------------- */
.wc-block-checkout.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type]:focus,
.wc-block-checkout.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type]:active,
.wc-block-checkout.wc-block-checkout .wc-blocks-components-select__container select[class]:focus,
.wc-block-checkout.wc-block-checkout .wc-block-components-textarea:focus{
  background-color: #FFFBF0;
  border-color: #402E15;
  box-shadow: inset 0 0 0 1px #402E15;
  outline: none;
}

/* Remplissage automatique du navigateur : le seul cas ou le fond blanc
   ne cede pas a background-color, il faut passer par une ombre interne. */
.wc-block-checkout.wc-block-checkout input:-webkit-autofill,
.wc-block-checkout.wc-block-checkout input:-webkit-autofill:hover,
.wc-block-checkout.wc-block-checkout input:-webkit-autofill:focus{
  -webkit-box-shadow: 0 0 0 1000px #FFFBF0 inset;
  box-shadow: 0 0 0 1000px #FFFBF0 inset;
  -webkit-text-fill-color: #402E15;
}

/* Recapitulatif : meme traitement que le bloc Totaux du panier ----------
   Il y avait deux cadres imbriques : le mien, dore et carre, et celui du
   bloc WooCommerce, gris et arrondi a 5 px. On supprime le second pour ne
   garder qu un seul cadre, comme au panier. --------------------------- */
.wc-block-checkout.wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block{
  border: 0; border-radius: 0; padding: 0; background: transparent;
}

/* Titre du recapitulatif : le meme calibre que « TOTAUX DU PANIER » */
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-order-summary__title-text{
  font-family: "Alegreya SC", Georgia, serif;
  font-size: 1rem; font-weight: 400; letter-spacing: 0.06em;
  text-transform: uppercase; color: #B29760;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-order-summary__title{ margin: 0 0 18px; padding: 0; }

/* Filets et lignes chiffrees */
.wc-block-checkout.wc-block-checkout .wc-block-components-totals-wrapper{ border-top: 1px solid rgba(178, 151, 96, 0.38); }
.wc-block-checkout.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
  color: #402E15; font-size: 0.95rem;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  color: #836C3F; font-size: 1.3rem; font-weight: 700;
}
.wc-block-checkout.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__description,
.wc-block-checkout.wc-block-checkout .wc-block-components-totals-footer-item__tax{
  display: block; text-align: right;
  font-size: 0.8rem; color: rgba(64, 46, 21, 0.6);
}

/* Angles droits partout ------------------------------------------------
   WooCommerce arrondit ses champs a 4 px, en les ciblant par type — le
   meme schema que pour le fond blanc. On reprend le dessus avec le
   selecteur d attribut. Le reste du site est a angles vifs. ---------- */
.wc-block-checkout.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type],
.wc-block-checkout.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type]:focus,
.wc-block-checkout.wc-block-checkout .wc-block-components-text-input input[type],
.wc-block-checkout.wc-block-checkout input[type].wc-block-components-checkbox__input,
.wc-block-checkout.wc-block-checkout .wc-blocks-components-select__container,
.wc-block-checkout.wc-block-checkout .wc-blocks-components-select__container select[class],
.wc-block-checkout.wc-block-checkout .wc-block-components-textarea{
  border-radius: 0;
}

/* MMV  Essentiel en un regard (spiritueux) : les 4 colonnes s'espacent regulierement d'un bord a l'autre du cadre. */
body[class*="product_cat-nos-spiritueux"] .wine-summary--hv .wine-summary-grid--hv,
body[class*="product_cat-liqueurs-et-cremes"] .wine-summary--hv .wine-summary-grid--hv,
body[class*="product_cat-spiritueux-de-bourgogne"] .wine-summary--hv .wine-summary-grid--hv {
	grid-template-columns: auto auto auto auto;
	justify-content: space-between;
}
/* Filets fantomes du recapitulatif --------------------------------------
   WooCommerce pose un conteneur par ligne possible, y compris celles qui
   n ont rien a afficher : frais additionnels, remise. Ces conteneurs sont
   vides mais dessinent quand meme leur filet. Trois filets d 1 px empiles
   sous « Sous-total » donnaient une barre epaisse. On masque les vides. */
.wc-block-checkout.wc-block-checkout .wc-block-components-totals-wrapper:empty{ display: none; }

/* Le filet double au-dessus de Sous-total -------------------------------
   Le conteneur des totaux porte sa propre bordure haute, a un pixel de
   celle de la ligne Sous-total : deux traits colles qui en simulent un
   epais. On garde le notre et on retire celui de WooCommerce. -------- */
.wc-block-checkout.wc-block-checkout .wp-block-woocommerce-checkout-order-summary-totals-block{ border-top: 0; }

/* MMV : mobile, medaillon un peu reduit sur les fiches hors vin (spiritueux et terroir). */
body.single-product:not(.product_cat-nos-vins) .wm-summary .wm-summary-grape img {
	max-width: 96px;
}
/* Lignes du recapitulatif : meme presentation que le panier -------------
   Le decoupage nom / domaine / contenance vient du snippet WPCode
   « MMV — Commander : lignes du recapitulatif (JS) ». Sans lui, le titre
   complet s affiche sur une ligne — c est le repli. ------------------- */
.wc-block-checkout.wc-block-checkout .mmv-ck__name{
  display: block;
  font-family: "Alegreya", Georgia, serif;
  font-size: 1.05rem; line-height: 1.2; color: #402E15;
}
.wc-block-checkout.wc-block-checkout .mmv-ck__brand{
  display: block; margin-top: 2px;
  font-family: "Alegreya SC", Georgia, serif;
  font-size: 0.9rem; color: #5B4B3C;
}
.wc-block-checkout.wc-block-checkout .mmv-ck__format{
  display: inline-block; margin-top: 7px;
  background: #B29760; color: #FFFBF0;
  font-family: "Alegreya SC", Georgia, serif;
  font-size: 0.72rem; letter-spacing: 0.03em;
  padding: 2px 9px; white-space: nowrap;
}

/* Recapitulatif fixe pendant la saisie ----------------------------------
   WooCommerce declare deja « position: sticky » sur la colonne de droite,
   mais elle ne collait pas : le site pose « overflow-x: hidden » sur html
   et body pour eviter tout debordement horizontal. Un overflow different
   de visible fait du body un conteneur de defilement, et un element
   collant se cale alors sur ce conteneur au lieu de la fenetre.
   « overflow-x: clip » protege du debordement sans creer ce conteneur :
   c est la seule valeur qui preserve le comportement collant.
   L ecart haut tient compte de l en-tete fixe, qui fait 56 px.
   ---------------------------------------------------------------------- */
body.woocommerce-checkout,
body.woocommerce-checkout > html,
html:has(body.woocommerce-checkout){ overflow-x: clip; }

@media (min-width: 1000px){
  .wc-block-checkout .wc-block-checkout__sidebar{
    position: sticky;
    top: 80px;
    align-self: flex-start;
    /* Un element collant s arrete au bas de son bloc conteneur, moins sa
       propre marge basse. Le bloc « actions » porte 36 px de marge sous le
       bouton Commander : on reporte la meme valeur ici pour que le
       recapitulatif s arrete pile a hauteur du bouton, ni avant ni apres. */
    margin-bottom: 36px;
  }
}


/* ------------------------------------------------------------------
   MMV — Fiches spiritueux : pas d'accordeon ingredients / valeurs
   nutritionnelles (l'etiquetage nutritionnel ne s'applique pas aux
   spiritueux). Le contenu reste dans le code, il est seulement masque.
   Couvre les deux sous-categories (liqueurs-et-cremes, spiritueux-de-bourgogne).
   ------------------------------------------------------------------ */
body.single-product.product_cat-nos-spiritueux .wine-nutri {
  display: none;
}


/* ============================
   PIED DE PAGE — BLOCS DESCENDUS
   Les colonnes descendent dans le cadre sans changer la hauteur du footer :
   ce qui est ajoute en haut est retire en bas. Mobile (<=820px) non concerne.
   ============================ */
@media (min-width: 821px){
  .mmv-f .mmv-f__inner{
    padding-top: clamp(40px, 4vw, 66px);
    padding-bottom: clamp(16px, 1.4vw, 24px);
  }
}

/* Baseline rapprochee du nom de la Maison */
@media (min-width: 821px){
  .mmv-f .mmv-f__baseline{ margin-top: 0; line-height: 1.35; }
}


/* ============================
   PIED DE PAGE — INSCRIPTION NEWSLETTER
   Bloc centre sous le nom de la Maison, dans la bande libre au-dessus du visuel :
   la hauteur du footer ne bouge pas. Le bouton reprend les codes du bouton Ajouter
   des fiches produit (contour or, remplissage au survol).
   ============================ */
.mmv-f .mmv-f__news{ margin-top:22px; text-align:center; }
.mmv-f .mmv-f__newsTitle{ font-family:'Alegreya SC',Alegreya,Georgia,serif; font-size:14px; letter-spacing:.05em; color:#FFFBF0; margin:0 0 10px; line-height:1.2; }
.mmv-f a.mmv-f__newsBtn{ display:inline-block; padding:9px 22px; border:1px solid #B29760; color:#B29760; background:transparent; text-decoration:none; font-family:'Alegreya SC',Alegreya,Georgia,serif; font-size:13px; letter-spacing:.09em; transition:background .25s ease, color .25s ease; }
.mmv-f a.mmv-f__newsBtn:hover, .mmv-f a.mmv-f__newsBtn:focus{ background:#B29760; color:#FFFBF0; }
.mmv-f .mmv-f__newsNote{ display:block; margin-top:8px; font-family:'Alegreya',Georgia,serif; font-style:italic; font-size:12px; color:rgba(255,251,240,.6); }


/* MMV - reseaux sociaux : icones en cartouche (images : Mediatheque mmv-social-*.png) */
.mmv-f .mmv-f__ico{ width:44px; height:44px; border:0; border-radius:0; }
.mmv-f .mmv-f__ico::before{ inset:0; }
.mmv-f .mmv-f__ico--ig::before{ -webkit-mask-image:url('/wp-content/uploads/2026/09/mmv-social-instagram.png'); mask-image:url('/wp-content/uploads/2026/09/mmv-social-instagram.png'); }
.mmv-f .mmv-f__ico--fb::before{ -webkit-mask-image:url('/wp-content/uploads/2026/09/mmv-social-facebook.png'); mask-image:url('/wp-content/uploads/2026/09/mmv-social-facebook.png'); }
.mmv-f .mmv-f__ico--li::before{ -webkit-mask-image:url('/wp-content/uploads/2026/09/mmv-social-linkedin.png'); mask-image:url('/wp-content/uploads/2026/09/mmv-social-linkedin.png'); }

/* MMV - Newsletter : champ e-mail deplie par le bouton */
.mmv-f a.mmv-f__newsBtn[hidden]{ display:none; }
.mmv-f .mmv-f__newsForm{ display:inline-flex; align-items:stretch; border:1px solid #B29760; background:transparent; animation:mmvNewsIn .3s ease both; }
@keyframes mmvNewsIn{ from{ opacity:0; transform:translateY(-3px); } to{ opacity:1; transform:none; } }
.mmv-f .mmv-f__newsInput{ width:210px; max-width:52vw; padding:9px 12px; border:0 !important; background:transparent !important; color:#FFFBF0 !important; box-shadow:none !important; outline:none; font-family:Alegreya,Georgia,serif; font-size:13px; letter-spacing:.02em; border-radius:0; }
.mmv-f .mmv-f__newsInput::placeholder{ color:rgba(255,251,240,.45); font-style:italic; }
.mmv-f .mmv-f__newsHp{ position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important; }
.mmv-f .mmv-f__newsSend{ flex:0 0 auto; padding:0 14px; border:0; border-left:1px solid rgba(178,151,96,.55); background:transparent; color:#B29760; font-size:16px; line-height:1; cursor:pointer; border-radius:0; transition:background .25s, color .25s; }
.mmv-f .mmv-f__newsSend:hover, .mmv-f .mmv-f__newsSend:focus{ background:#B29760; color:#FFFBF0; }
.mmv-f .mmv-f__newsSend[disabled]{ opacity:.5; cursor:default; }
.mmv-f .mmv-f__newsNote.is-ok{ color:#B29760; font-style:normal; }
.mmv-f .mmv-f__newsNote.is-err{ color:rgba(255,251,240,.85); font-style:normal; }

/* Bloc « Creation au comptoir » : rapprocher le visuel et la recette (>1400px) */
@media (min-width:1401px){
  .mmv-cpt .mmv-cpt__haut{ grid-template-columns:minmax(280px,420px) minmax(380px,500px); justify-content:center; gap:clamp(20px,2vw,40px); }
  .mmv-cpt .mmv-cpt__col--visuel{ justify-self:end; }
  .mmv-cpt .mmv-cpt__col--recette{ justify-self:start; }
}


/* Pied de page - newsletter : neutraliser le fond bleu du remplissage
   automatique de Chrome, le champ doit rester transparent sur le visuel. */
.mmv-f .mmv-f__newsInput:-webkit-autofill,
.mmv-f .mmv-f__newsInput:-webkit-autofill:hover,
.mmv-f .mmv-f__newsInput:-webkit-autofill:focus,
.mmv-f .mmv-f__newsInput:-webkit-autofill:active{
  -webkit-text-fill-color:#FFFBF0 !important;
  caret-color:#FFFBF0 !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  background-color:transparent !important;
  transition:background-color 100000s ease-in-out 0s !important;
}


/* ============================================================
   Pied de page - essai de disposition du 03/09
   Rang 1 : newsletter | marque + reseaux | avis
   Rang 2 : 2 colonnes de liens | visuel | 2 colonnes de liens
   ============================================================ */
@media (min-width:900px){
  .mmv-f .mmv-f__inner{ grid-template-columns:minmax(0,1fr) minmax(270px,340px) minmax(0,1fr); column-gap:18px; row-gap:38px; align-items:start; padding-bottom:34px; }
  .mmv-f .mmv-f__news{ grid-column:1; grid-row:1; margin:0; text-align:center; }
  .mmv-f .mmv-f__center{ grid-column:2; grid-row:1; }
  .mmv-f .mmv-f__aside{ grid-column:3; grid-row:1; }
  .mmv-f .mmv-f__links{ grid-template-columns:repeat(2,minmax(0,auto)); column-gap:22px; justify-content:start; }
  .mmv-f .mmv-f__links--left{ grid-column:1; grid-row:2; }
  .mmv-f .mmv-f__links--right{ grid-column:3; grid-row:2; justify-content:end; }
  .mmv-f .mmv-f__center .mmv-f__social{ justify-content:center; margin-top:20px; }
}
@media (max-width:899px){
  .mmv-f .mmv-f__inner{ grid-template-columns:minmax(0,1fr); }
  .mmv-f .mmv-f__news,
  .mmv-f .mmv-f__center,
  .mmv-f .mmv-f__aside,
  .mmv-f .mmv-f__links{ grid-column:1; }
}

/* Avis Google : note et nombre d avis sur une seule ligne */
.mmv-f .mmv-f__rating{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; gap:14px; }
.mmv-f .mmv-f__rating .mmv-f__reviews{ display:inline-block; margin:0; }

/* Pied de page - essai large 1100 : les libelles tiennent sur une ligne */
@media (min-width:1100px){
  .mmv-f .mmv-f__links{ grid-template-columns:repeat(2,max-content); column-gap:26px; }
}

/* --- Bloc newsletter cale sur le bloc avis (03/09) --- */
.mmv-f .mmv-f__newsTitle{ font-family:'Alegreya SC',Alegreya,Georgia,serif; font-size:clamp(16px,1.3vw,22px); letter-spacing:.04em; color:#FFFBF0; margin:0; line-height:1.65; }
.mmv-f .mmv-f__newsSub{ font-family:'Alegreya SC',Alegreya,Georgia,serif; font-size:clamp(12px,.98vw,16px); letter-spacing:normal; color:rgba(255,251,240,.86); margin:6px 0 0; line-height:1.65; }
.mmv-f .mmv-f__news .mmv-f__newsNote{ display:block; font-family:'Alegreya SC',Alegreya,Georgia,serif; font-style:normal; font-size:clamp(11px,.85vw,13px); letter-spacing:.05em; color:rgba(255,251,240,.75); margin:3px 0 0; }
.mmv-f .mmv-f__news .mmv-f__newsNote.is-ok{ color:#B29760; }
.mmv-f .mmv-f__news .mmv-f__newsNote.is-err{ color:rgba(255,251,240,.85); }
.mmv-f a.mmv-f__newsBtn{ margin-top:18px; padding:13px clamp(22px,2.2vw,34px); border:1px solid rgba(255,251,240,.55); color:#FFFBF0; font-size:clamp(12px,.95vw,15px); letter-spacing:.14em; text-transform:uppercase; }
.mmv-f a.mmv-f__newsBtn:hover, .mmv-f a.mmv-f__newsBtn:focus{ background:#FFFBF0; color:#1b1409; border-color:#FFFBF0; }
/* Avis : le nombre d avis au meme niveau que la note */
.mmv-f .mmv-f__rating .mmv-f__reviews{ font-size:inherit; letter-spacing:.03em; color:rgba(255,251,240,.86); }

/* --- Blocs avis + newsletter : interlignes resserres (03/09) --- */
.mmv-f .mmv-f__asideTitle,
.mmv-f .mmv-f__newsTitle{ line-height:1.2; }
.mmv-f .mmv-f__asideSub,
.mmv-f .mmv-f__newsSub{ line-height:1.25; margin-top:2px; }
.mmv-f .mmv-f__rating{ line-height:1.25; margin-top:6px; }
.mmv-f .mmv-f__news .mmv-f__newsNote{ line-height:1.25; margin-top:2px; }
.mmv-f .mmv-f__btnwrap{ margin-top:14px; }
.mmv-f a.mmv-f__newsBtn{ margin-top:14px; }

/* --- Pied de page : plus d air + boutons plus discrets (03/09) --- */
@media (min-width:900px){
  .mmv-f .mmv-f__inner{ padding-top:clamp(46px,4vw,64px); padding-bottom:clamp(34px,3vw,48px); row-gap:clamp(42px,3.8vw,58px); }
}
.mmv-f .mmv-f__btn,
.mmv-f a.mmv-f__newsBtn{ padding:10px clamp(18px,1.7vw,26px); font-size:clamp(11px,.82vw,13px); letter-spacing:.12em; }

/* --- Reseaux sociaux : traits plus fins (03/09) --- */
.mmv-f{ --ico-ig:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.15'%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'18'%20height%3D'18'%20rx%3D'5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'4.2'%2F%3E%3Ccircle%20cx%3D'17.3'%20cy%3D'6.7'%20r%3D'1.15'%20fill%3D'%23000'%20stroke%3D'none'%2F%3E%3C%2Fsvg%3E"); --ico-li:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.15'%20stroke-linecap%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'18'%20height%3D'18'%20rx%3D'3'%2F%3E%3Cpath%20d%3D'M7.4%2010.4v6.4'%2F%3E%3Cpath%20d%3D'M7.4%207.2v.1'%2F%3E%3Cpath%20d%3D'M11.2%2016.8v-3.6a2.6%202.6%200%200%201%205.2%200v3.6'%2F%3E%3C%2Fsvg%3E"); }
.mmv-f .mmv-f__ico{ width:36px; height:36px; border-color:rgba(255,251,240,.34); }
.mmv-f .mmv-f__ico::before{ inset:9px; background:rgba(255,251,240,.92); }
.mmv-f .mmv-f__ico--fb::before{ inset:10.5px; }

/* --- Pied de page : colonnes plus espacees autour du nom (03/09) --- */
@media (min-width:900px){
  .mmv-f .mmv-f__inner{ padding-left:clamp(24px,2.4vw,44px); padding-right:clamp(24px,2.4vw,44px); column-gap:clamp(30px,4vw,80px); }
}

/* --- MMV - Pied de page : disposition liens a gauche / newsletter + avis a droite (03/09) --- */
@media (min-width:900px){
  .mmv-f .mmv-f__inner{
    grid-template-columns:minmax(0,auto) minmax(0,auto) minmax(0,1fr) minmax(0,auto);
    grid-template-areas:'c1 c2 brand news' 'c3 c4 brand avis';
    column-gap:clamp(20px,1.8vw,32px);
    row-gap:clamp(24px,2.4vw,40px);
    align-items:start;
  }
  /* les deux blocs de liens partagent les memes colonnes : alignement parfait */
  .mmv-f .mmv-f__links--left,
  .mmv-f .mmv-f__links--right{ display:contents; }
  .mmv-f .mmv-f__links--left  .mmv-f__col:nth-child(1){ grid-area:c1; }
  .mmv-f .mmv-f__links--left  .mmv-f__col:nth-child(2){ grid-area:c2; }
  .mmv-f .mmv-f__links--right .mmv-f__col:nth-child(1){ grid-area:c3; }
  .mmv-f .mmv-f__links--right .mmv-f__col:nth-child(2){ grid-area:c4; }
  .mmv-f .mmv-f__center{ grid-area:brand; align-self:start; margin-inline:clamp(10px,2vw,44px); }
  .mmv-f .mmv-f__news{ grid-area:news; }
  .mmv-f .mmv-f__aside{ grid-area:avis; }
}

/* --- MMV - Visuel du pied de page : occuper toute la largeur au-dela de 1255px --- */
/* aspect-ratio + max-height:100% faisaient retomber la largeur du visuel sur hauteur x 3.038 (1255px) :
   au-dela, une bande de fond nu apparaissait a droite. width:100% fige la largeur, cover recadre en hauteur. */
.mmv-f .mmv-f__bg{ width:100%; }

/* --- MMV - Icones reseaux : suppression du cartouche (double cadre) --- */
/* le masque PNG contenait le cadre double + le glyphe ; on revient aux glyphes seuls (SVG en variables) */
.mmv-f .mmv-f__ico::before{
  inset:7px;
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
}
.mmv-f .mmv-f__ico--ig::before{ -webkit-mask-image:var(--ico-ig); mask-image:var(--ico-ig); }
.mmv-f .mmv-f__ico--fb::before{ -webkit-mask-image:var(--ico-fb); mask-image:var(--ico-fb); }
.mmv-f .mmv-f__ico--li::before{ -webkit-mask-image:var(--ico-li); mask-image:var(--ico-li); }

/* --- MMV - Icones reseaux : libelles masques visuellement (lecteurs d ecran conserves) --- */
.mmv-f .mmv-f__icoLabel{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%);
  white-space:nowrap; border:0;
}

/* --- MMV - Colonnes de liens : interligne resserre --- */
/* pas vertical entre entrees : 26px -> 22px */
.mmv-f .mmv-f__links li{ line-height:1.22; }
.mmv-f .mmv-f__links a{ line-height:1.22; }
.mmv-f .mmv-f__links li + li{ margin-top:2px; }


/* ===== MMV - Icones reseaux : cartouche v2 (04/09) ===== */
.mmv-f .mmv-f__ico{width:34px;height:34px;border:0;border-radius:0}
.mmv-f .mmv-f__ico::before,.mmv-f .mmv-f__ico--fb::before{inset:0;background:rgba(255,251,240,.92);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.mmv-f .mmv-f__ico--ig::before{-webkit-mask-image:url(/wp-content/uploads/2026/09/mmv-social-instagram-v2.png);mask-image:url(/wp-content/uploads/2026/09/mmv-social-instagram-v2.png)}
.mmv-f .mmv-f__ico--fb::before{-webkit-mask-image:url(/wp-content/uploads/2026/09/mmv-social-facebook-v2.png);mask-image:url(/wp-content/uploads/2026/09/mmv-social-facebook-v2.png)}
.mmv-f .mmv-f__ico--li::before{-webkit-mask-image:url(/wp-content/uploads/2026/09/mmv-social-linkedin-v2.png);mask-image:url(/wp-content/uploads/2026/09/mmv-social-linkedin-v2.png)}


/* MMV - Pied de page : la dame garde une taille fixe + air sous les icones (04/09) */
@media (min-width:1250px){
.mmv-f .mmv-f__bg::before{content:"";position:absolute;inset:0;background-image:inherit;background-size:auto 100%;background-position:50% 50%;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent calc(50% - 575px),#000 calc(50% - 420px),#000 calc(50% + 420px),transparent calc(50% + 575px));mask-image:linear-gradient(90deg,transparent calc(50% - 575px),#000 calc(50% - 420px),#000 calc(50% + 420px),transparent calc(50% + 575px));pointer-events:none}
}
.mmv-f .mmv-f__center .mmv-f__social{margin-top:6px}
@media (min-width:900px){
.mmv-f .mmv-f__inner{padding-top:clamp(42px,3.6vw,56px)}
}


/* MMV - Pied de page : apparition douce des blocs a l'entree dans le viewport (04/09) */
@media (prefers-reduced-motion: no-preference) and (min-width:900px){
.mmv-f--anim .mmv-f__col,.mmv-f--anim .mmv-f__center,.mmv-f--anim .mmv-f__news,.mmv-f--anim .mmv-f__aside{opacity:0;transform:translateY(16px)}
.mmv-f--anim.is-in .mmv-f__col,.mmv-f--anim.is-in .mmv-f__center,.mmv-f--anim.is-in .mmv-f__news,.mmv-f--anim.is-in .mmv-f__aside{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.mmv-f--anim.is-in .mmv-f__links--left .mmv-f__col:nth-child(2),.mmv-f--anim.is-in .mmv-f__links--right .mmv-f__col:nth-child(2){transition-delay:.06s}
.mmv-f--anim.is-in .mmv-f__center{transition-delay:.12s}
.mmv-f--anim.is-in .mmv-f__news,.mmv-f--anim.is-in .mmv-f__aside{transition-delay:.18s}
}


/* MMV - Barre legale : mention loi Evin + selecteur de langue reduit (04/09) */
.mmv-f .mmv-f__evin{margin:0;font-size:10px;letter-spacing:.06em;opacity:.72;font-style:italic}
.mmv-f .mmv-flang img{height:20px;width:auto}
.mmv-f .mmv-flang__arrow{width:10px}
.mmv-f .mmv-flang__menu{gap:10px;padding-left:10px}
@media (min-width:900px){
.mmv-f .mmv-f__bar{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(min-content,1fr);align-items:center;column-gap:16px;row-gap:2px}
.mmv-f .mmv-flang{justify-self:start}
.mmv-f .mmv-f__legal{text-align:center}
.mmv-f .mmv-f__evin{justify-self:end;text-align:right;white-space:nowrap}
}
@media (min-width:900px) and (max-width:1256px){
.mmv-f .mmv-f__bar{grid-template-columns:minmax(170px,1fr) auto minmax(120px,1fr)}
.mmv-f .mmv-f__evin{grid-column:1/-1;justify-self:center;text-align:center;white-space:normal}
}
@media (max-width:899px){
.mmv-f .mmv-f__evin{text-align:center}
}

/* MMV - Barre legale au-dessus du visuel : evite le bord dur quand la barre depasse 33px (04/09) */
.mmv-f .mmv-f__bar{position:relative;z-index:1}



/* MMV - Visuel colle au filet de la barre legale, quelle que soit sa hauteur (04/09) */
.mmv-f .mmv-f__bg{bottom:22px}


/* ============================================================
   MMV - ACCUEIL : equilibrage des blocs de texte (07/09)
   Lignes de longueur egale, plus de longue ligne + mot orphelin.
   ============================================================ */
.home .section-hero__text,
.home .mmv-body,
.home .moments-subtitle,
.home .mdv-caveau2-text,
.home .mdv-saveurs-subtitle,
.home .mmv-visite__desc,
.home .mmv-lieu-rencontre__inner p,
.home .avis-card p{
  text-wrap: balance;
}
.home .mdv-maison-text{
  text-wrap: pretty; /* 7 lignes : au-dela de la limite de balance dans Chrome */
}

/* ============================================================
   MMV - ACCUEIL : harmonisation des tailles (07/09)
   Desktop uniquement. 1 taille de titre, 1 taille de texte,
   1 gabarit de bouton.
   ============================================================ */
@media (min-width:1025px){

  /* 1. Titres de section */
  html body.home .moments-title,
  html body.home .mdv-caveau2-title,
  html body.home .mmv-galerie > h2,
  html body.home .mmv-visite > h2{
    font-size: 36px !important;
    font-weight: 200 !important;
    line-height: 1.16 !important;
    letter-spacing: .028em !important;
  }

  /* 2. Textes de section */
  html body.home .section-hero__text,
  html body.home .mmv-body,
  html body.home .mdv-maison-text,
  html body.home .mdv-caveau2-text,
  html body.home .moments-subtitle,
  html body.home .mdv-saveurs-subtitle,
  html body.home .mmv-lieu-rencontre__inner p,
  html body.home .avis-card p{
    font-size: 17px !important;
    line-height: 1.6 !important;
  }
  html body.home .avis-subtitle{ font-size: 19px !important; }

  /* 3. Boutons */
  html body.home .mmv-hero-btn,
  html body.home .mmv-btn,
  html body.home .mdv-maison-btn,
  html body.home .mdv-caveau2-btn,
  html body.home .mmv-lieu-rencontre__btn,
  html body.home .mmv-visite__btn{
    font-family: "Alegreya SC", Alegreya, serif !important;
    font-size: 13px !important;
    letter-spacing: 2.6px !important;
    padding: 15px 32px !important;
    line-height: 1.5 !important;
  }
}


/* __________________________________________________________
 * COLONNE DE FILTRES : DECALAGE SOUS L'EN-TETE FIXE
 * La colonne sticky se calait a 70px du haut, ce qui convient a
 * un visiteur (en-tete au scroll = 56px + 14px de marge). Une
 * fois connecte, la barre d'administration ajoute 32px et venait
 * recouvrir le haut de la colonne (champ de recherche).
 * __________________________________________________________ */

body.admin-bar .elementor-widget-html:has(> .cv-sidebar){
  top: 102px !important; /* 70 + 32px de barre d administration */
}

@media (max-width:782px){
  /* sous 782px la barre d'administration n'est plus fixe */
  body.admin-bar .elementor-widget-html:has(> .cv-sidebar){
    top: 70px !important;
  }
}


/* __________________________________________________________
 * ACCUEIL : UN SEUL GABARIT DE SOUS-TITRE DE SECTION
 * Quatre styles coexistaient (15px capitales Alegreya 200,
 * 11px Alegreya SC, 19px en phrase, 14px capitales).
 * Registre unique : titre 36px > sous-titre petites capitales
 * dorees > texte courant 17px.
 * __________________________________________________________ */

html body.home .mmv-section-subtitle,
html body.home .mmv-section-hero-subtitle,
html body.home .mmv-subtitle,
html body.home .avis-subtitle,
html body.home .mmv-visite__subtitle{
  font-family: "Alegreya SC", Alegreya, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  letter-spacing: 2.2px !important;
  text-transform: uppercase !important;
  color: #B29760 !important;
  margin: 16px 0 24px !important;
}

@media (min-width:1025px){
  html body.home .mmv-section-subtitle,
html body.home .mmv-section-hero-subtitle,
  html body.home .mmv-subtitle,
  html body.home .avis-subtitle,
  html body.home .mmv-visite__subtitle{
    font-size: 13px !important;
    letter-spacing: 2.4px !important;
  }
}

/* Exception : sur le bandeau sombre du Restaurant, le sous-titre
 * reste ivoire pour rester lisible sur fond noir. */
html body.home .mmv-subtitle{
  color: #FFFBF0 !important;
}


/* ═══════ Chargement — le sceau se dessine ═══════ */
@property --mdv-p{syntax:"<percentage>";inherits:false;initial-value:0%}

:root{
  --mdv-m:url(/wp-content/uploads/2026/09/mmv-mono-m.png);
  --mdv-sceau:url(/wp-content/uploads/2026/09/mmv-mono-sceau.png);
  --mdv-encre:#FFFBF0;
  --mdv-vitesse:1.9s;
  --mdv-depart:137deg;   /* où le tracé commence et se referme */
}
.mdv-entete-ivoire{--mdv-encre:#402E15;}

.mdv-load{position:relative;aspect-ratio:630/520;width:64px}
.mdv-load i{display:block;position:absolute}
.mdv-load .m{inset:0;background-color:var(--mdv-encre);
  -webkit-mask:var(--mdv-m) center/contain no-repeat;
          mask:var(--mdv-m) center/contain no-repeat}
.mdv-load .s{left:39.84%;top:24.81%;width:59.68%;height:72.31%;
  -webkit-mask:var(--mdv-sceau) center/contain no-repeat;
          mask:var(--mdv-sceau) center/contain no-repeat}
.mdv-sceau{display:block;aspect-ratio:1;
  -webkit-mask:var(--mdv-sceau) center/contain no-repeat;
          mask:var(--mdv-sceau) center/contain no-repeat}

.mdv-load .s,.mdv-sceau{
  background:conic-gradient(from var(--mdv-depart),var(--mdv-encre) var(--mdv-p),rgba(0,0,0,0) 0);
  animation:mdv-trace var(--mdv-vitesse) linear infinite;
}
@keyframes mdv-trace{
  0%{--mdv-p:0%;opacity:1}
  62%,82%{--mdv-p:100%;opacity:1}
  100%{--mdv-p:100%;opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .mdv-load .s,.mdv-sceau{animation:none;background:var(--mdv-encre)}
}

/* boutons WooCommerce */
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after{
  content:""; display:block; width:18px; height:18px; border:0; font-size:0;
  top:calc(50% - 9px); right:1em;
  -webkit-mask:var(--mdv-sceau) center/contain no-repeat;
          mask:var(--mdv-sceau) center/contain no-repeat;
  background:conic-gradient(from var(--mdv-depart),var(--mdv-encre) var(--mdv-p),rgba(0,0,0,0) 0);
  animation:mdv-trace var(--mdv-vitesse) linear infinite;
}

/* voile du panier et du tunnel d'achat */
.blockUI.blockOverlay{background:rgba(255,251,240,.88)!important;opacity:1!important}
.blockUI.blockOverlay::before{
  content:""; width:36px; height:36px; margin:-18px 0 0 -18px;
  -webkit-mask:var(--mdv-sceau) center/contain no-repeat;
          mask:var(--mdv-sceau) center/contain no-repeat;
  background:conic-gradient(from var(--mdv-depart),#402E15 var(--mdv-p),rgba(0,0,0,0) 0);
  animation:mdv-trace var(--mdv-vitesse) linear infinite;
}


/* ─── Correctif : boutons restés bleus (message d'ajout au panier, tiroir) ─── */
body .woocommerce-notices-wrapper .woocommerce-message .button,
body .astra-cart-drawer .woocommerce-mini-cart__buttons .button{
  background-color:transparent!important;
  border:1px solid #B29760!important;
  color:#836C3F!important;
  font-family:"Alegreya SC",Georgia,serif!important;
  font-size:14px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  border-radius:0!important;
  padding:12px 26px!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body .woocommerce-notices-wrapper .woocommerce-message .button:hover,
body .astra-cart-drawer .woocommerce-mini-cart__buttons .button:hover{
  background-color:#B29760!important;
  color:#FFFBF0!important;
}
body .astra-cart-drawer .woocommerce-mini-cart__buttons .checkout{
  background-color:#B29760!important;
  border-color:#B29760!important;
  color:#FFFBF0!important;
}
body .astra-cart-drawer .woocommerce-mini-cart__buttons .checkout:hover{
  background-color:#402E15!important;
  border-color:#402E15!important;
  color:#FFFBF0!important;
}

/* Variante claire du sous-titre de section : bandeaux sombres
 * (Restaurant, Une Maison nee du vin). */
html body.home .mmv-section-subtitle--clair{
  color: #FFFBF0 !important;
}


/* La marque ✥ des bandeaux de notification est retirée */
body .woocommerce-message::before,
body .woocommerce-info::before,
body .woocommerce-error::before{
  content:none!important;
  display:none!important;
}
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error{
  padding-left:28px!important;
}

/* Section « Une Maison nee du vin » : bloc centre.
 * Le conteneur est un flex en colonne, align-items etait a
 * flex-start ; tout etait cale a gauche sous un titre centre. */
html body.home .mdv-maison-content{
  align-items: center !important;
  text-align: center !important;
}
html body.home .mdv-maison-text{
  margin-left: auto !important;
  margin-right: auto !important;
}


/* Bandeaux de notification : même double cadre que le visuel produit, en plus compact */
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error{
  position:relative!important;
  border:2px solid #B29760!important;
  box-shadow:none!important;
  padding:13px 20px!important;
  font-size:16px!important;
  gap:10px 18px!important;
}
body .woocommerce-message::after,
body .woocommerce-info::after,
body .woocommerce-error::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:5px!important;
  border:1px solid #B29760!important;
  pointer-events:none!important;
  clear:none!important;
  width:auto!important;
  height:auto!important;
  background:none!important;
}
body .woocommerce-notices-wrapper .woocommerce-message .button,
body .woocommerce-notices-wrapper .woocommerce-info .button{
  order:2!important;
  margin-left:auto!important;
  float:none!important;
  padding:9px 20px!important;
  font-size:13px!important;
}


/* Double cadre des bandeaux : construction identique au visuel produit
 * (.wine-hero-image) — 2 px à ras du bord, 1 px à 5 px de retrait,
 * les deux posés en pseudo-éléments sur un bloc sans bordure propre. */
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error{
  position:relative!important;
  border:0!important;
  box-shadow:none!important;
  padding:15px 22px!important;
}
body .woocommerce-message::before,
body .woocommerce-info::before,
body .woocommerce-error::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  top:0!important;left:0!important;right:0!important;bottom:0!important;
  width:auto!important;height:auto!important;
  border:2px solid #B29760!important;
  background:none!important;
  transform:none!important;
  pointer-events:none!important;
  font-size:0!important;
  padding:0!important;
  margin:0!important;
  color:transparent!important;
}
body .woocommerce-message::after,
body .woocommerce-info::after,
body .woocommerce-error::after{
  inset:5px!important;
  top:5px!important;left:5px!important;right:5px!important;bottom:5px!important;
  border:1px solid #B29760!important;
}


/* __________________________________________________________
 * ACCUEIL : RYTHME VERTICAL DES BLOCS DE SECTION
 * titre > 16px > sous-titre > 24px > texte > 32px > bouton.
 * Chaque widget HTML redefinit sa propre marge basse de titre :
 * on la neutralise juste avant un sous-titre pour que l ecart
 * soit le meme partout.
 * __________________________________________________________ */

html body.home *:has(+ .mmv-section-subtitle),
html body.home *:has(+ .mmv-section-hero-subtitle),
html body.home *:has(+ .mmv-subtitle),
html body.home *:has(+ .avis-subtitle),
html body.home *:has(+ .mmv-visite__subtitle){
  margin-bottom: 0 !important;
}

html body.home .mmv-visite__buttons{
  margin-top: 32px !important;
}


/* Texte des bandeaux de notification en Alegreya SC */
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error{
  font-family:"Alegreya SC",Georgia,serif!important;
  font-size:15px!important;
  letter-spacing:.02em!important;
}


/* Pas de liseré de focus derrière les bandeaux : WooCommerce leur pose
 * tabindex="-1" et met le focus dessus, ce qui fait apparaître le cadre
 * sombre du navigateur par-dessus le double filet or. */
body .woocommerce-message,
body .woocommerce-message:focus,
body .woocommerce-message:focus-visible,
body .woocommerce-info,
body .woocommerce-info:focus,
body .woocommerce-info:focus-visible,
body .woocommerce-error,
body .woocommerce-error:focus,
body .woocommerce-error:focus-visible,
body .woocommerce-notices-wrapper>*:focus,
body .woocommerce-notices-wrapper>*:focus-visible{
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* __________________________________________________________
 * PIED DE PAGE : SURVOL DES LIENS — FILET QUI SE DEPLOIE
 * Les liens passaient a l or au survol. Ils gardent leur ivoire
 * et un filet fin se deploie de gauche a droite en 0,42 s.
 * Fait en degrade de fond plutot qu en text-decoration, qui ne
 * s anime pas. Surcharge en fin de feuille car le <style> du
 * footer est injecte apres le CSS additionnel.
 * __________________________________________________________ */

.mmv-f .mmv-f__links a{
  text-decoration: none !important;
  background-image: linear-gradient(rgba(255,251,240,.55), rgba(255,251,240,.55));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
  padding-bottom: 3px;
  transition: background-size .42s cubic-bezier(.22,.61,.36,1), opacity .3s ease !important;
}

.mmv-f .mmv-f__links a:hover,
.mmv-f .mmv-f__links a:focus-visible{
  color: #FFFBF0 !important;
  opacity: 1 !important;
  text-decoration: none !important;
  background-size: 100% 1px;
}

.mmv-f .mmv-f__legal a{
  text-decoration: none !important;
  background-image: linear-gradient(rgba(255,251,240,.5), rgba(255,251,240,.5));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
  padding-bottom: 2px;
  transition: background-size .42s cubic-bezier(.22,.61,.36,1) !important;
}

.mmv-f .mmv-f__legal a:hover,
.mmv-f .mmv-f__legal a:focus-visible{
  color: inherit !important;
  text-decoration: none !important;
  background-size: 100% 1px;
}

@media (prefers-reduced-motion: reduce){
  .mmv-f .mmv-f__links a,
  .mmv-f .mmv-f__legal a{ transition: none; }
}


/* __________________________________________________________
 * PIED DE PAGE : SURVOL DES ICONES RESEAUX
 * Le cartouche et le glyphe passaient entierement a l or.
 * Desormais le glyphe passe simplement de 92% a 100% d ivoire
 * et le cartouche grandit de 4% : aucune teinte ne change,
 * meme logique que les liens.
 * __________________________________________________________ */

.mmv-f .mmv-f__social a .mmv-f__ico{
  transition: transform .42s cubic-bezier(.22,.61,.36,1) !important;
}
.mmv-f .mmv-f__social a .mmv-f__ico::before{
  transition: background-color .42s cubic-bezier(.22,.61,.36,1) !important;
}

.mmv-f .mmv-f__social a:hover .mmv-f__ico,
.mmv-f .mmv-f__social a:focus-visible .mmv-f__ico{
  transform: scale(1.06);
}

.mmv-f .mmv-f__social a:hover .mmv-f__ico::before,
.mmv-f .mmv-f__social a:focus-visible .mmv-f__ico::before{
  background: #FFFBF0 !important;
}

@media (prefers-reduced-motion: reduce){
  .mmv-f .mmv-f__social a .mmv-f__ico{ transition: none !important; }
  .mmv-f .mmv-f__social a:hover .mmv-f__ico{ transform: none; }
}


/* ===== MDV — Menu : lisibilité des libellés selon le fond de l'en-tête (7 sept. 2026) ===== */

/* 1. En-tête foncé (au scroll) : page mère + sous-pages du sous-menu en ivoire */
html body.ast-theme-transparent-header.mmv-scrolled #masthead .main-header-menu .sub-menu .menu-link {
  color: #FFFBF0 !important;
  border-bottom-color: rgba(255,251,240,0.22) !important;
}
html body.ast-theme-transparent-header.mmv-scrolled #masthead .main-header-menu .sub-menu .menu-item {
  border-bottom-color: rgba(255,251,240,0.22) !important;
}
html body.ast-theme-transparent-header.mmv-scrolled #masthead .main-header-menu .sub-menu .menu-link:hover {
  color: #B29760 !important;
}

/* 2. En-tête ivoire : le libellé de la page mère survolée reste foncé */
html body.ast-theme-transparent-header.mdv-entete-ivoire:not(.mmv-scrolled) #masthead .main-header-menu > .menu-item:hover > .menu-link,
html body.ast-theme-transparent-header.mdv-entete-ivoire:not(.mmv-scrolled) #masthead .main-header-menu > .menu-item > .menu-link:hover {
  color: #402E15 !important;
}

/* 3. En-tête foncé (au scroll) : la page mère survolée reste ivoire (texte + soulignement) — 11 sept. 2026 */
html body.ast-theme-transparent-header.mmv-scrolled #masthead .main-header-menu > .menu-item:hover > .menu-link {
  color: #FFFBF0 !important;
  border-color: #FFFBF0 !important;
}


/* __________________________________________________________
 * ACCUEIL : BOUTON DE SECTION PARTAGE
 * Meme gabarit que .mdv-caveau2-btn, mais reutilisable : pose
 * sur les sections qui n avaient aucun appel a l action
 * (Des Moments, La Galerie).
 * __________________________________________________________ */

html body.home .mmv-section-btn{
  display: inline-block;
  margin-top: 32px;
  padding: 15px 32px;
  border: 1px solid #402E15;
  color: #402E15;
  background: transparent;
  font-family: "Alegreya SC", Alegreya, serif;
  font-size: 13px;
  letter-spacing: 2.6px;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .25s ease, color .25s ease;
}

html body.home .mmv-section-btn:hover,
html body.home .mmv-section-btn:focus-visible{
  background: #493518;
  color: #FFFBF0;
}




/* ACCUEIL - BANDEAU PROMO : bloc retire le 12/09/2026. Le bandeau d'images (conteneur 4bf5001) est remplace par le carrousel de bannieres, extrait WPCode 5610 insere par code court dans le widget 8f26183. Le cadre double filet dore reste decrit dans le bloc CATALOGUE. */

/* ===== LA CARTE ET LES MENUS : ONGLETS SUR DEUX LIGNES EN DESKTOP (08/09/2026) =====
   Les 12 onglets mesurent 1576px pour 1140px visibles : trois d'entre eux
   (VINS, APERITIFS & DIGESTIFS, BOISSONS) restaient hors champ et l'onglet
   actif pouvait etre coupe. En desktop on autorise le retour a la ligne :
   plus aucun onglet cache. Sous 861px le defilement horizontal reste actif.
   Selecteur double (.mdv-tabs .mdv-tabs-in) pour passer devant la regle
   d'origine, posee dans un <style> du widget HTML de la page. */
@media (min-width:861px){
  .mdv-tabs .mdv-tabs-in{
    flex-wrap:wrap;
    justify-content:center;
    overflow-x:visible;
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
  }
}


/* ============================================================
   HEROS INTERIEURS - PLEINE HAUTEUR (09/09/2026, .mdv-herog ajoute le 09/09)
   Concerne .mdv-heroc (Le Caveau, Nos vins et nos terroirs, Les Degustations)
   et .mdv-herog (L'Experience a table, Groupes & Evenements, Preparer votre
   visite, Galerie photos), qui portaient la meme compensation.
   Les widgets HTML de ces pages compensent encore l'ancien
   decalage global ".site-content{padding-top:110px}" par un
   margin-top negatif (-110px, -142px avec la barre admin).
   Ce decalage n'existe plus sur les pages a en-tete sombre
   (body:not(.mdv-entete-ivoire) .site-content{padding-top:0}),
   donc le hero remontait de 110px et laissait un bandeau ivoire
   en bas de l'ecran. On neutralise la compensation : le hero
   fait de nouveau 100vh comme celui de l'accueil et de la carte.
   ============================================================ */
.mdv-heroc,
body.admin-bar .mdv-heroc,
.mdv-herog,
body.admin-bar .mdv-herog{
  margin-top:0 !important;
}


/* ============================================================
   BOUTON DE SECTION - PORTEE ETENDUE (09/09/2026)
   .mmv-section-btn n'existait que sous "html body.home" : les
   boutons posés sur les autres pages (Le Caveau : Venir déguster,
   Consulter le guide, Voir toute la boutique) s'affichaient en
   lien bleu par défaut. Mêmes déclarations, sans le scope home.
   ============================================================ */
.mmv-section-btn{
  display:inline-block;
  margin-top:32px;
  padding:15px 32px;
  border:1px solid #402E15;
  color:#402E15;
  background:transparent;
  font-family:"Alegreya SC",Alegreya,serif;
  font-size:13px;
  letter-spacing:2.6px;
  line-height:1.5;
  text-transform:uppercase;
  text-decoration:none;
  transition:background-color .25s, color .25s;
}
.mmv-section-btn:hover,
.mmv-section-btn:focus-visible{
  background:#493518;
  color:#FFFBF0;
}


/* ============================================================
   TITRE GENERIQUE DE PAGE - PAGES A HERO (09/09/2026)
   Astra imprime le titre de la page (h1.entry-title) dans un
   bandeau ivoire au-dessus du contenu. Sur les pages qui ouvrent
   sur un visuel plein cadre, il double le titre dessiné du hero.
   Il était déjà désactivé page par page sur l'accueil, Le Caveau,
   Les Dégustations et Groupes ; restaient Nos vins et nos terroirs,
   La carte et les menus, L'Expérience à table, Préparer votre
   visite et Galerie photos. Même déclencheur que le reste : la
   classe d'en-tête, donc toute nouvelle page à hero suit.
   ============================================================ */
body:not(.mdv-entete-ivoire) .site-content .entry-header{
  display:none;
}


/* ════════════════════════════════════════════════════════════
   CARTE DES TERROIRS - PAGE LE CAVEAU (09/09/2026, revu)
   Rendu strictement identique a celui de la page
   « Nos vins et nos terroirs » : filets dores #B29760 sur fond
   transparent, aucun aplat. Les remplissages beiges et l'effet
   de survol poses au premier essai ont ete retires : la page
   mere ne remplit les vignobles que lorsqu'on en choisit un.
   Ne reste que l'habillage du lien qui enveloppe la carte.
   ════════════════════════════════════════════════════════════ */
.mdv-terroirs-lien{
  display:block;
  text-decoration:none;
  color:inherit;
}
.mdv-terroirs-lien:focus-visible{
  outline:2px solid #B29760;
  outline-offset:6px;
}

/* meme gabarit que la page mere : largeur fixe 245px, hauteur auto
   (le widget imposait height:clamp(340px,42vw,585px) et width:auto,
   d'ou une carte plus petite que sur /nos-vins-et-nos-terroirs/) */
.mdv-terroirs-vue .mmv-vue-carte{
  width:245px !important;
  height:auto !important;
  margin:0 auto !important;
}
.mdv-terroirs-vue .mmv-vue-map{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

/* survol des trois terroirs : memes valeurs que l'etat selectionne
   de la page mere (.mmv-tv-r.on) — remplissage #F2EBD9, filet a
   1.35, et les deux vignobles voisins qui tombent a .3 */
.mdv-terroirs-vue .mmv-vue-map .mmv-tv-r{
  cursor:pointer;
  transition:opacity .3s;
}
/* etat allume, pilote par le script du widget c2512d6 : il pose
   .mdv-sel sur la vue et .mdv-on sur le vignoble ET la pastille
   concernes, dans les deux sens de survol */
.mdv-terroirs-vue.mdv-sel .mmv-tv-r{
  opacity:.3;
}
.mdv-terroirs-vue.mdv-sel .mmv-tv-r.mdv-on{
  opacity:1;
}
.mdv-terroirs-vue .mmv-tv-r.mdv-on .z:not(.h){
  fill:#F2EBD9;
}
.mdv-terroirs-vue .mmv-tv-r.mdv-on .z{
  stroke-width:1.35;
}
.mdv-terroirs-pastille{
  transition:opacity .25s;
}
.mdv-terroirs-pastilles:has(.mdv-on) .mdv-terroirs-pastille{
  opacity:.42;
}
.mdv-terroirs-pastilles:has(.mdv-on) .mdv-terroirs-pastille.mdv-on{
  opacity:1;
}
.mdv-terroirs-pastille.mdv-on > span{
  box-shadow:0 0 0 3px rgba(178,151,96,.28);
}
@media (prefers-reduced-motion:reduce){
  .mdv-terroirs-vue .mmv-vue-map .mmv-tv-r{ transition:none; }
}


/* __________________________________________________________
 * PAGE LE CAVEAU (2129) : REGISTRE TYPO DE L'ACCUEIL
 * Reprend a l'identique les valeurs du bloc accueil :
 * titre 36px Alegreya 200 capitales (mot en Parisienne 1,6em)
 * > sous-titre petites capitales dorees > texte 17px / 1,6.
 * Rythme : titre > 16px > sous-titre > 24px > texte.
 * __________________________________________________________ */

/* --- Sous-titres de section : gabarit unique dore --- */
html body.page-id-2129 .mdv-histoire-lead,
html body.page-id-2129 .mdv-terroirs-sub,
html body.page-id-2129 .mdv-degust-sub,
html body.page-id-2129 .mdv-conseil-sub,
html body.page-id-2129 .avis-subtitle{
  font-family: "Alegreya SC", Alegreya, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  letter-spacing: 2.2px !important;
  text-transform: uppercase !important;
  color: #B29760 !important;
  margin: 16px 0 24px !important;
}
/* c'est le sous-titre qui porte l'ecart, plus le titre */
html body.page-id-2129 *:has(+ .mdv-histoire-lead),
html body.page-id-2129 *:has(+ .mdv-terroirs-sub),
html body.page-id-2129 *:has(+ .mdv-degust-sub),
html body.page-id-2129 *:has(+ .mdv-conseil-sub),
html body.page-id-2129 *:has(+ .avis-subtitle){
  margin-bottom: 0 !important;
}

@media (min-width:1025px){

  /* 1. Titres de section */
html body.page-id-2129 .mdv-histoire-title,
html body.page-id-2129 .mdv-terroirs-title,
html body.page-id-2129 .mdv-degust-title,
html body.page-id-2129 .mdv-conseil-title,
html body.page-id-2129 .moments-title{
    font-family: Alegreya, serif !important;
    font-size: 36px !important;
    font-weight: 200 !important;
    line-height: 1.16 !important;
    letter-spacing: .028em !important;
    text-transform: uppercase !important;
    color: #402E15 !important;
  }
html body.page-id-2129 .mdv-histoire-title > span,
html body.page-id-2129 .mdv-terroirs-title > span,
html body.page-id-2129 .mdv-degust-title > span,
html body.page-id-2129 .mdv-conseil-title > span,
html body.page-id-2129 .moments-title > span{
    font-family: inherit !important;
    font-size: 1em !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    color: inherit !important;
  }
  /* le mot ecrit garde son role */
html body.page-id-2129 .mdv-histoire-title > span.script,
html body.page-id-2129 .mdv-terroirs-title > span.script,
html body.page-id-2129 .mdv-degust-title > span.script,
html body.page-id-2129 .mdv-conseil-title > span.script,
html body.page-id-2129 .moments-title > span.script{
    font-family: Parisienne, cursive !important;
    font-size: 1.6em !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
  }
  html body.page-id-2129 .mdv-terroirs-title > span.amp{
    font-family: Alegreya, serif !important;
    font-size: .62em !important;
    text-transform: none !important;
  }

  /* 2. Textes de section */
html body.page-id-2129 .mdv-heroc-text,
html body.page-id-2129 .mdv-histoire-text,
html body.page-id-2129 .mdv-terroirs-intro,
html body.page-id-2129 .mdv-terroirs-text,
html body.page-id-2129 .mdv-degust-text,
html body.page-id-2129 .mdv-conseil-text,
html body.page-id-2129 .mdv-saveurs-subtitle{
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  /* 3. Sous-titres - variante desktop */
html body.page-id-2129 .mdv-histoire-lead,
html body.page-id-2129 .mdv-terroirs-sub,
html body.page-id-2129 .mdv-degust-sub,
html body.page-id-2129 .mdv-conseil-sub,
html body.page-id-2129 .avis-subtitle{
    font-size: 13px !important;
    letter-spacing: 2.4px !important;
  }
}


/* --- Le Caveau : alignement inter-bloc (meme regle que l'accueil)
 * Les blocs courts se coupent en bloc equilibre au lieu d'une
 * longue ligne suivie d'un mot orphelin. Tous les paragraphes
 * de la page font 1 a 3 lignes : balance suffit partout,
 * pas besoin de la variante pretty. --- */
html body.page-id-2129 .mdv-heroc-text,
html body.page-id-2129 .mdv-histoire-lead,
html body.page-id-2129 .mdv-histoire-text,
html body.page-id-2129 .mdv-terroirs-sub,
html body.page-id-2129 .mdv-terroirs-intro,
html body.page-id-2129 .mdv-terroirs-text,
html body.page-id-2129 .mdv-degust-sub,
html body.page-id-2129 .mdv-degust-text,
html body.page-id-2129 .mdv-conseil-sub,
html body.page-id-2129 .mdv-conseil-text,
html body.page-id-2129 .avis-subtitle,
html body.page-id-2129 .mdv-saveurs-subtitle,
html body.page-id-2129 .mdv-degi-txt,
html body.page-id-2129 .mdv-degl-sous{
  text-wrap: balance;
}


/* --- Le Caveau : pastilles des 3 terroirs
 * Meme medaillon que sur /caveau/nos-vins-et-nos-terroirs/
 * (.mmv-vue-med) : cercle ivoire 76px, filet dore exterieur
 * et second filet a 3px. Les 3 PNG terroir-*.png etaient en
 * 404 et affichaient une icone d'image cassee. --- */
html body.page-id-2129 .mdv-terroirs-pastille > span{
  position: relative;
  width: 76px;
  height: 76px;
  background: #FFFBF0;
  border: 1px solid #B29760;
  border-radius: 50%;
}
html body.page-id-2129 .mdv-terroirs-pastille > span::after{
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid #B29760;
  border-radius: 50%;
  pointer-events: none;
}
html body.page-id-2129 .mdv-terroirs-pastille > span img{
  display: none !important;
}


/* --- Bandeau des logos partenaires : logos a fond blanc
 * Un seul logo sur 25 n'est pas detoure (Cave du Chateau de
 * Chenas) : son bloc blanc se voyait sur l'ivoire. multiply
 * fait disparaitre le blanc sur le fond #FFFBF0 et laisse
 * l'encre foncee intacte. Pose sans scope de page : couvre
 * les deux bandeaux (Le Caveau, Nos vins et nos terroirs)
 * et tout futur logo mal detoure. --- */
.mdv-logos .mdv-logos-item{
  mix-blend-mode: multiply;
}


/* --- ACCUEIL - BLOC RESTAURANT : APLAT DE GAUCHE EN NOIR ---
 * Le fond du bloc et sa moitie gauche etaient a var(--mmv-bg) #1C1C1C.
 * Passes en #000000 a la demande de Themis (09/09/2026).
 * Le survol du bouton garde var(--mmv-bg), volontairement non touche. --- */
html body.home .mmv-restaurant-hero,
html body.home .mmv-restaurant-hero .mmv-left{
  background: #000000 !important;
}


/* ════════════════════════════════════════════════════════════
   PRESENTOIRS DU BLOC ORIGINE - PAGE LE CAVEAU (09/09/2026)
   Meme principe que le hero de /caveau/lart-de-choisir-son-vin/
   (.mmv-gh-ronds) : presentoirs individuels qui se chevauchent,
   montee decalee de 130 ms a l'apparition, leger soulevement au
   survol. Le capture d'ecran plate mdv-histoire-illu est
   remplacee par 5 images separees.
   ════════════════════════════════════════════════════════════ */
html body.page-id-2129 .mdv-histoire-ronds-vis{
  overflow: hidden;
  width: min(1120px, 94vw);
  margin: 0 auto;
}
html body.page-id-2129 .mdv-histoire-ronds{
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: nowrap;
  margin: 0 auto;
  width: 100%;
  line-height: 0;
}
html body.page-id-2129 .mdv-histoire-ronds .rond-item{
  width: clamp(150px, 20vw, 244px);
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: transform .3s cubic-bezier(.16,.84,.44,1), filter .3s;
}
html body.page-id-2129 .mdv-histoire-ronds.est-monte .rond-item{
  opacity: 1;
  animation: mmvRondUp .9s cubic-bezier(.16,.84,.44,1) backwards;
  animation-delay: calc(var(--i) * 130ms);
}
html body.page-id-2129 .mdv-histoire-ronds .rond-item:not(:first-child){
  margin-left: clamp(-99px, -7.9vw, -24px);
}
/* un presentoir sur deux nettement plus haut : l'ecart passe de
   ~10% a 22% de la largeur de la rangee */
html body.page-id-2129 .mdv-histoire-ronds .rond-item:nth-child(2n){ margin-bottom: -22%; }
html body.page-id-2129 .mdv-histoire-ronds .rond-item:nth-child(2n+1){ margin-bottom: 0; }
html body.page-id-2129 .mdv-histoire-ronds .rond-item:hover{
  transform: translateY(-8px) scale(1.05);
  filter: brightness(1.05);
  z-index: 3;
}
@keyframes mmvRondUp{
  from{ opacity: 0; transform: translateY(34px); }
  to{ opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce){
  html body.page-id-2129 .mdv-histoire-ronds .rond-item{ animation: none !important; opacity: 1; }
  html body.page-id-2129 .mdv-histoire-ronds .rond-item:hover{ transform: none; }
}


/* --- Le bloc origine passe en deux colonnes : texte a gauche,
   presentoirs a droite du texte. Les visuels sont reduits d'environ
   moitie (244 -> 128 px) pour tenir a cote du texte, le chevauchement
   suit dans la meme proportion (-99 -> -52). --- */
html body.page-id-2129 .mdv-histoire{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(28px, 4vw, 72px);
  max-width: 1400px;
  overflow: hidden;
  padding-bottom: 0;
  /* espace hero -> bloc origine : 72px de padding + 20px de gap du
     conteneur, ramenes a 24 + 20 */
  padding-top: 104px;
  /* le widget imposait min-height:700px au-dessus d'une certaine
     largeur : c'est ce qui creusait un grand vide au-dessus du titre
     sur les grands ecrans, le contenu etant cale en bas */
  min-height: 0 !important;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}
html body.page-id-2129 .mdv-histoire-content{
  order: 1;
  flex: 0 1 520px;
  /* le bloc texte descend au ras de la bande au lieu d'etre centre */
  align-self: flex-end;
  margin: 0 0 clamp(18px, 2.6vw, 44px) !important;
  /* le widget posait 40px de padding sous le bouton */
  padding-bottom: 0 !important;
}
html body.page-id-2129 .mdv-histoire-ronds-vis{
  order: 2;
  flex: 0 0 auto;
  width: auto;
  margin: 0;
  overflow: visible;
  align-self: flex-end;
  margin-bottom: calc(-1 * clamp(8px, 1vw, 24px));
}
html body.page-id-2129 .mdv-histoire-ronds{
  width: auto;
  justify-content: flex-start;
}
html body.page-id-2129 .mdv-histoire-ronds .rond-item{
  width: clamp(130px, 15.5vw, 250px);
}
html body.page-id-2129 .mdv-histoire-ronds .rond-item:not(:first-child){
  margin-left: clamp(-90px, -6.4vw, -48px);
}

@media (max-width: 900px){
  html body.page-id-2129 .mdv-histoire{
    flex-direction: column;
    gap: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }
  html body.page-id-2129 .mdv-histoire-content{ order: 2; flex: 1 1 auto; }
  html body.page-id-2129 .mdv-histoire-ronds-vis{ order: 1; }
  html body.page-id-2129 .mdv-histoire-ronds .rond-item{ width: clamp(84px, 17vw, 128px); }
  html body.page-id-2129 .mdv-histoire-ronds .rond-item:not(:first-child){ margin-left: clamp(-52px, -7vw, -12px); }
}


/* le bandeau colle au bloc origine : le conteneur Elementor pose un
   gap de 20px entre tous les blocs, on l'annule ici pour que les pieds
   des presentoirs soient coupes net par la bande sombre */
html body.page-id-2129 .elementor-element.elementor-element-123d5eb{
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}


/* ════════════════════════════════════════════════════════════
   BLOC NOS VINS & TERROIRS - COMPACITE (option 4, 09/09/2026)
   1139 px -> environ 740 px sans rien supprimer :
   - 118 px de vide au-dessus de la carte, herites de la page mere
     (padding-top de .mmv-vue + marge de .mmv-vue-scene), retires
   - paddings de section 96/104 ramenes a 56/64
   - marges internes de la colonne droite 44 -> 28
   - carte 585 -> 470 px de haut (largeur 245 -> 197, ratio conserve)
   - l'intro descend dans la colonne de droite (deplacee dans le
     markup du widget c2512d6) : le chapeau s'allege et la colonne
     droite ne flotte plus au milieu de la rangee
   ════════════════════════════════════════════════════════════ */
html body.page-id-2129 .mdv-terroirs{
  padding-top: 56px !important;
  padding-bottom: 64px !important;
}
html body.page-id-2129 .mdv-terroirs-vue{
  padding-top: 0 !important;
}
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-scene{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-carte{
  width: 197px !important;
}
html body.page-id-2129 .mdv-terroirs-text{
  margin-bottom: 28px !important;
}
html body.page-id-2129 .mdv-terroirs-pastilles{
  margin-bottom: 28px !important;
}
html body.page-id-2129 .mdv-terroirs-col .mdv-terroirs-intro{
  margin: 0 0 20px !important;
}


/* --- texte sous les trois medaillons : la colonne droite passe en
   flex pour reordonner sans toucher au markup
   intro > medaillons > texte > bouton --- */
html body.page-id-2129 .mdv-terroirs-col{
  display: flex;
  flex-direction: column;
}
html body.page-id-2129 .mdv-terroirs-col .mdv-terroirs-intro{ order: 1; }
html body.page-id-2129 .mdv-terroirs-pastilles{ order: 2; margin-bottom: 24px !important; }
html body.page-id-2129 .mdv-terroirs-text{ order: 3; margin-bottom: 28px !important; }
html body.page-id-2129 .mdv-terroirs-btn{ order: 4; align-self: center; }


/* --- Maconnais avant Cote Chalonnaise : les deux premieres
   pastilles sont permutees a l'affichage, le markup ne bouge pas --- */
html body.page-id-2129 .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(1){ order: 2; }
html body.page-id-2129 .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(2){ order: 1; }
html body.page-id-2129 .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(3){ order: 3; }


/* --- carte epuree : ni villes ni libelles ---
   .mmv-city  = les points des villes
   .mmv-cityl = les noms des villes
   .mmv-rivl  = le mot Saone (le trace de la riviere .mmv-riv reste)
   .mmv-dir   = "vers la Cote de Beaune" et "vers Lyon"
   Scope page 2129 : la carte de /nos-vins-et-nos-terroirs/ garde
   ses reperes, elle en a besoin. */
html body.page-id-2129 .mdv-terroirs-vue .mmv-city,
html body.page-id-2129 .mdv-terroirs-vue .mmv-cityl,
html body.page-id-2129 .mdv-terroirs-vue .mmv-rivl,
html body.page-id-2129 .mdv-terroirs-vue .mmv-dir{
  display: none !important;
}


/* --- zones en pointilles retirees : ce sont les 11 traces
   .z.h de la carte, les appellations absentes du Caveau.
   Ne restent que les appellations presentes, en trait plein. --- */
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-map .z.h{
  display: none !important;
}
/* exception : le nord de la Cote Chalonnaise etait dessine par un
   seul trace pointille, et le masquer amputait le quart superieur
   de la region. On le remet, en trait plein pour rester coherent
   avec le reste de la carte. */
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-map .mmv-tv-r[data-reg="cc"] .z.h{
  display: inline !important;
  stroke-dasharray: none !important;

  /* contour complet et ferme, au meme trait que les autres, mais jamais colore */
  opacity: 1;
}

/* le fond ivoire de cette zone : .msk a exactement le meme trace, il est
   peint avant le contour et masque donc le remplissage de la region. */
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-map .mmv-tv-r[data-reg="cc"] .msk{
  fill: #FFFBF0;
}

/* au survol, toute la region se colore (et pas seulement ses appellations),
   sauf la zone sans appellation ci-dessus. */
html body.page-id-2129 .mdv-terroirs-vue .mmv-tv-r.mdv-on .b{
  fill: #F2EBD9;
}


/* ==========================================================================
   CARTE DES TERROIRS - LECTURE PAR TERROIR (09/09/2026)
   La carte est affichee en entier : tous les traces d appellation sont
   visibles, mais en filet tres discret. Ce qui se lit, ce sont les trois
   vignobles, chacun dans son aplat, du plus clair au nord au plus soutenu
   au sud. Villes, libelles et directions restent masques.
   Ce bloc remplace le rendu par appellation des blocs precedents.
   ========================================================================== */
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-map .z.h{
  display: inline !important;
  stroke-dasharray: none !important;
  opacity: 1 !important;
  clip-path: none !important;
}
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-map .mmv-tv-r[data-reg="cc"] .msk{
  fill: none !important;
  stroke: none !important;
}
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-map .z,
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-map .b{
  stroke: rgba(178,151,96,.42) !important;
  stroke-width: .65 !important;
}
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-map .mmv-tv-r[data-reg="cc"] .z,
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-map .mmv-tv-r[data-reg="cc"] .b{
  fill: #F7F1E2 !important;
}
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-map .mmv-tv-r[data-reg="mac"] .z{
  fill: #EDE0C1 !important;
}
html body.page-id-2129 .mdv-terroirs-vue .mmv-vue-map .mmv-tv-r[data-reg="bj"] .z{
  fill: #E2D2A5 !important;
}
html body.page-id-2129 .mdv-terroirs-vue .mmv-tv-r.mdv-on .z,
html body.page-id-2129 .mdv-terroirs-vue .mmv-tv-r.mdv-on .b{
  fill: #D9C48D !important;
}


/* ============================================================
   ALIGNEMENT INTER-BLOC (09/09/2026)
   Equilibrage des fins de ligne : plus de longue ligne suivie
   d'un mot orphelin. balance = titres et textes courts,
   pretty = paragraphes longs (balance decroche au-dela de ~6 lignes).
   Portee : tout le site. L'accueil garde son bloc body.home.
   ============================================================ */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
blockquote, figcaption,
.wine-title, .wine-cuvee, .wine-domain,
.wm-contenance, .wine-contenance-badge,
.mmv-section-subtitle, .mmv-section-hero-subtitle,
.mmv-subtitle, .avis-subtitle, .mmv-visite__subtitle,
.woocommerce-loop-product__title,
.mmv-sugg__item .wine-title, .mmv-sugg__item .wine-cuvee {
	text-wrap: balance;
}

p, li, dd,
.elementor-widget-text-editor,
.woocommerce-product-details__short-description {
	text-wrap: pretty;
}


/* ============================================================
   CARTES PRODUIT - SECONDE IMAGE AU SURVOL (09/09/2026)
   L'extrait PHP "MMV - Cartes produit : seconde image au survol"
   ajoute une <img class="mmv-hover-img"> (1re image de la galerie
   WooCommerce) a cote du packshot. Ici : fondu croise au survol.
   Elle herite de --mmv-vh, donc elle prend la taille de la
   contenance et se cale sur la meme ligne de base.
   ============================================================ */
img.mmv-hover-img { display: none; }

.wine-img-wrap { position: relative; }

.wine-img-wrap img.mmv-hover-img.mmv-hover-img {
	display: block;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: -1px !important;
	margin: 0 auto !important;
	height: var(--mmv-vh, 172px) !important;
	width: auto !important;
	max-width: none !important;
	opacity: 0;
	transition: opacity .4s ease;
	pointer-events: none;
	z-index: 3;
}

.wine-img-wrap img:not(.mmv-hover-img) { transition: opacity .4s ease; }

/* Verres siglés (10/09/2026) : contrairement aux coffrets, le verre
   est plus petit que la bouteille — hauteur fixe 100 px, quelle que
   soit la contenance (un verre reste un verre), meme ligne de base. */
.e-loop-item .wine-frame.wine-frame.wine-frame .wine-img-wrap.wine-img-wrap img.mmv-hover-img.mmv-hover-img[src*="verre-mmv"] {
	height: 100px !important;
}

@media (hover: hover) {
	.e-loop-item:hover .wine-img-wrap img.mmv-hover-img.mmv-hover-img { opacity: 1; }
	/* 10/09 : la bouteille ne s'efface que si la carte a une seconde image (sinon carte vide au survol : spiritueux, epicerie) */
	.e-loop-item:hover .wine-img-wrap:has(img.mmv-hover-img) img:not(.mmv-hover-img) { opacity: 0; }
}

/* Vins sans coffret (10/09/2026) : les 3 tags d'aromes de la fiche
   apparaissent au survol (pastilles contour or sur ivoire), la
   bouteille reste en filigrane derriere. Balisage pose par l'extrait
   PHP 5303 (span.mmv-hover-tags) sur les vins sans image de galerie. */
.mmv-hover-tags { display: none; }
.wine-img-wrap .mmv-hover-tags {
	position: absolute;
	inset: 0;
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	opacity: 0;
	transition: opacity .4s ease;
	pointer-events: none;
}
.wine-img-wrap .mmv-hover-tags span {
	font-family: "Alegreya SC", serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	text-transform: uppercase;
	white-space: nowrap;
	color: #836C3F;
	background: rgba(255, 251, 240, .92);
	border: .5px solid #B29760;
	border-radius: 999px;
	padding: 7px 16px;
}
@media (hover: hover) {
	.e-loop-item:hover .wine-img-wrap .mmv-hover-tags { opacity: 1; }
	.e-loop-item:hover .wine-img-wrap:has(.mmv-hover-tags) img:not(.mmv-hover-img) { opacity: .14; }
}


/* ==========================================================================
   BLOC NOS VINS & TERROIRS - RESSERRAGE DES DEUX COLONNES (09/09/2026)
   La rangee etait en deux colonnes egales de 520 px : la carte, large de
   197 px, flottait au milieu de la sienne avec 160 px de vide de chaque
   cote. On donne a la carte une colonne a sa mesure et on centre la paire.
   ========================================================================== */
@media (min-width: 901px){
  html body.page-id-2129 .mdv-terroirs .mdv-terroirs-inner{
    grid-template-columns: 232px minmax(0, 460px) !important;
    gap: clamp(24px, 3vw, 52px) !important;
    justify-content: center !important;
  }
}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-head{
  margin-bottom: 36px !important;
}
html body.page-id-2129 .mdv-terroirs{
  padding-top: 48px !important;
  padding-bottom: 56px !important;
}


/* ==========================================================================
   CARTE NOS VINS & TERROIRS (2131) - MEME JEU DE COULEURS QUE LE CAVEAU
   Un aplat par vignoble, du plus clair au nord au plus soutenu au sud, et
   des filets d appellation discrets. La distinction presente / absente est
   conservee ici, elle est expliquee par la legende : les appellations
   absentes gardent leur contour en pointilles et leur opacite reduite,
   donc elles se lisent en plus clair a l interieur du vignoble.
   ========================================================================== */
html body.page-id-2131 .mmv-vue-map .z,
html body.page-id-2131 .mmv-vue-map .b{
  stroke: rgba(178,151,96,.5) !important;
  stroke-width: .7 !important;
}
html body.page-id-2131 .mmv-vue-map .mmv-tv-r[data-reg="cc"] .z,
html body.page-id-2131 .mmv-vue-map .mmv-tv-r[data-reg="cc"] .b{
  fill: #F7F1E2 !important;
}
html body.page-id-2131 .mmv-vue-map .mmv-tv-r[data-reg="mac"] .z{
  fill: #EDE0C1 !important;
}
html body.page-id-2131 .mmv-vue-map .mmv-tv-r[data-reg="bj"] .z{
  fill: #E2D2A5 !important;
}
html body.page-id-2131 .mmv-vue-map .mmv-tv-r.on .z,
html body.page-id-2131 .mmv-vue-map .mmv-tv-r.on .b{
  fill: #D9C48D !important;
}


/* ==========================================================================
   CARTES DE REGION (2131) - MEMES TEINTES QUE LA CARTE
   Chaque medaillon prend la teinte de son vignoble, et passe au ton
   soutenu quand sa region est selectionnee : la carte de gauche ou de
   droite et la zone sur le dessin parlent la meme langue.
   ========================================================================== */
html body.page-id-2131 .mmv-vue-reg .mmv-vue-med{
  transition: background-color .3s ease;
}
html body.page-id-2131 .mmv-vue-reg-cc .mmv-vue-med{
  background: #F7F1E2 !important;
}
html body.page-id-2131 .mmv-vue-reg-mac .mmv-vue-med{
  background: #EDE0C1 !important;
}
html body.page-id-2131 .mmv-vue-reg-bj .mmv-vue-med{
  background: #E2D2A5 !important;
}
html body.page-id-2131 .mmv-vue-reg.on .mmv-vue-med{
  background: #D9C48D !important;
}


/* ==========================================================================
   CARTE 2131 : les surfaces de survol .a doivent suivre la region
   Elles sont peintes apres le contour .b, donc leur ancien remplissage
   pale (#F2EBD9) laissait des zones claires dans le vignoble selectionne.
   ========================================================================== */
html body.page-id-2131 .mmv-vue-map .mmv-tv-r.on .a{
  fill: #D9C48D !important;
}

/* ==========================================================================
   CARTES D APPELLATIONS PAR REGION (bloc .mdv-terr de la 2131)
   Meme jeu de couleurs que la grande carte : un aplat par vignoble, choisi
   d apres le bouton actif du selecteur (1 Maconnais, 2 Cote Chalonnaise,
   3 Beaujolais), et le ton soutenu au survol d une appellation.
   ========================================================================== */
html body.page-id-2131 #mdvTerr:has(.mdv-terr-reg:nth-child(1).on) .mdv-terr-carte .mdv-map-svg .base,
html body.page-id-2131 #mdvTerr:has(.mdv-terr-reg:nth-child(1).on) .mdv-terr-carte .mdv-map-svg .zone{
  fill: #EDE0C1 !important;
}
html body.page-id-2131 #mdvTerr:has(.mdv-terr-reg:nth-child(2).on) .mdv-terr-carte .mdv-map-svg .base,
html body.page-id-2131 #mdvTerr:has(.mdv-terr-reg:nth-child(2).on) .mdv-terr-carte .mdv-map-svg .zone{
  fill: #F7F1E2 !important;
}
html body.page-id-2131 #mdvTerr:has(.mdv-terr-reg:nth-child(3).on) .mdv-terr-carte .mdv-map-svg .base,
html body.page-id-2131 #mdvTerr:has(.mdv-terr-reg:nth-child(3).on) .mdv-terr-carte .mdv-map-svg .zone{
  fill: #E2D2A5 !important;
}
html body.page-id-2131 #mdvTerr .mdv-terr-carte .mdv-map-svg .mdv-area.nc{
  fill: transparent !important;
}
html body.page-id-2131 #mdvTerr:has(.mdv-terr-reg.on) .mdv-terr-carte .mdv-map-svg .zone:hover{
  fill: #D9C48D !important;
}
html body.page-id-2131 #mdvTerr .mdv-terr-carte .mdv-map-svg .mdv-area.hv:not(.nc){
  fill: #D9C48D !important;
  stroke: #D9C48D !important;
}


/* ==========================================================================
   CARTE 2131 : plus de zones pales dans un vignoble
   Les appellations absentes etaient a 55 % d opacite, ce qui laissait des
   plages claires au milieu de l aplat. Elles repassent a 100 % : la
   distinction avec les appellations presentes tient desormais au seul
   contour en pointilles, ce que dit deja la legende.
   ========================================================================== */
html body.page-id-2131 .mmv-vue-map .z.h{
  opacity: 1 !important;
}


/* ==========================================================================
   CARTES 2131 : le trace de masque ne doit plus laisser un eclat blanc
   .msk et .mdv-mask sont des traces peints en ivoire par-dessus le dessin
   pour effacer une frontiere. Sur un aplat colore, cet ivoire devenait une
   entaille blanche. Ils prennent desormais la couleur de leur vignoble.
   ========================================================================== */
html body.page-id-2131 .mmv-vue-map .mmv-tv-r[data-reg="cc"] .msk{
  stroke: #F7F1E2 !important;
}
html body.page-id-2131 .mmv-vue-map .mmv-tv-r.on .msk{
  stroke: #D9C48D !important;
}
html body.page-id-2131 #mdvTerr:has(.mdv-terr-reg:nth-child(1).on) .mdv-terr-carte .mdv-map-svg .mdv-mask{
  stroke: #EDE0C1 !important;
}
html body.page-id-2131 #mdvTerr:has(.mdv-terr-reg:nth-child(2).on) .mdv-terr-carte .mdv-map-svg .mdv-mask{
  stroke: #F7F1E2 !important;
}
html body.page-id-2131 #mdvTerr:has(.mdv-terr-reg:nth-child(3).on) .mdv-terr-carte .mdv-map-svg .mdv-mask{
  stroke: #E2D2A5 !important;
}


/* ==========================================================================
   PAGE L ART DE CHOISIR SON VIN (2134) : REGISTRE TYPO DE L ACCUEIL
   Memes valeurs que le bloc de la page Le Caveau : titres de section en
   Alegreya 200 capitales 36 px, le mot ecrit en Parisienne, sous-titres en
   Alegreya SC dorees capitales. Le hero, les tuiles de style, les fiches
   produit et le bloc « Preparer votre visite » ne sont pas touches : ce
   sont des composants partages ou des registres a part.
   ========================================================================== */

/* Sous-titres de section, aux deux paliers */
html body.page-id-2134 .mmv-gb-s{
  font-family: "Alegreya SC", Alegreya, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  letter-spacing: 2.2px !important;
  text-transform: uppercase !important;
  color: #B29760 !important;
  margin: 16px auto 24px !important;
  text-wrap: balance;
}
/* c est le sous-titre qui porte l ecart, plus le titre */
html body.page-id-2134 *:has(+ .mmv-gb-s){
  margin-bottom: 0 !important;
}

@media (min-width:1025px){

  /* 1. Titres de section */
html body.page-id-2134 .mmv-gb-t{
    font-family: Alegreya, serif !important;
    font-size: 36px !important;
    font-weight: 200 !important;
    line-height: 1.16 !important;
    letter-spacing: .028em !important;
    text-transform: uppercase !important;
    color: #402E15 !important;
    text-wrap: balance;
  }
html body.page-id-2134 .mmv-gb-t > span{
    font-family: inherit !important;
    font-size: 1em !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    color: inherit !important;
  }
  /* le mot ecrit garde son role */
html body.page-id-2134 .mmv-gb-t > em{
    font-family: Parisienne, cursive !important;
    font-size: 1.6em !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    text-transform: none !important;
  }

  /* 2. Sous-titres - variante desktop */
html body.page-id-2134 .mmv-gb-s{
    font-size: 13px !important;
    letter-spacing: 2.4px !important;
  }
}


/* ==========================================================================
   BOUTONS « DECOUVRIR » DES FICHES DU GUIDE - PAS DE SOULIGNEMENT
   Le trait venait du style de lien du theme ; le cadre dore suffit.
   ========================================================================== */
html body .mmv-gb-c-btn,
html body .mmv-gb-c-btn:hover,
html body .mmv-gb-c-btn:focus,
html body .mmv-gb-c-btn:visited{
  text-decoration: none !important;
}

/* ============================================================
   GROUPES & EVENEMENTS (page 1336) - HARMONISATION AVEC L'ACCUEIL
   (11/09/2026) Memes gabarits que l'accueil :
   titre 36 px Alegreya 200 capitales + mot Parisienne 1,5 em
   -> 16 px -> sous-titre dore 13 px -> 24 px -> texte 17 px
   (interligne 1,2 comme l'accueil) -> 32 px -> bouton 13 px.
   Couleurs : #402E15 titres, #B29760 sous-titres / etiquettes,
   #5B4B3C textes, #FFFBF0 fond et textes sur fond sombre.
   ============================================================ */

/* 0. Interligne unique 1,2 - meme regle que l'accueil */
html body.page-id-1336 #content .elementor-widget-html p,
html body.page-id-1336 #content .elementor-widget-html li,
html body.page-id-1336 #content .elementor-widget-html blockquote{
  line-height: 1.2 !important;
}

/* 1. Espacement vertical des sections */
html body.page-id-1336 #content :is(.mdv-occ,.mdv-esp,.mdv-vin,.mdv-fo,.mdv-prev,.mdv-etp,.mdv-pr,.mdv-faq){
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
html body.page-id-1336 #content :is(.mdv-arg,.mdv-rap){
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
html body.page-id-1336 #devis{
  padding-top: 56px !important;
  padding-bottom: 56px !important;
  background-color: #FFFBF0 !important;
}
@media (min-width:768px){
  html body.page-id-1336 #content :is(.mdv-occ,.mdv-esp,.mdv-vin,.mdv-fo,.mdv-prev,.mdv-etp,.mdv-pr,.mdv-faq),
  html body.page-id-1336 #devis{
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  html body.page-id-1336 #content :is(.mdv-arg,.mdv-rap){
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}

/* 2. Titres de section */
html body.page-id-1336 #content :is(.mdv-occ-titre,.mdv-esp-titre,.mdv-vin-titre,.mdv-fo-titre,.mdv-prev-titre,.mdv-etp-titre,.mdv-pr-titre,.mdv-faq-titre,.mdv-dv-titre){
  font-family: "Alegreya", Georgia, serif !important;
  font-weight: 200 !important;
  font-style: normal !important;
  font-size: clamp(24px, 3.1vw, 31px) !important;
  line-height: 1.16 !important;
  letter-spacing: .028em !important;
  text-transform: uppercase !important;
  color: #402E15 !important;
  margin: 0 0 24px !important;
}
html body.page-id-1336 #content :is(.mdv-occ-titre,.mdv-esp-titre,.mdv-vin-titre,.mdv-fo-titre,.mdv-prev-titre,.mdv-etp-titre,.mdv-pr-titre,.mdv-faq-titre,.mdv-dv-titre) em{
  font-family: "Parisienne", cursive !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 1.5em !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: inherit !important;
}
@media (min-width:1025px){
  html body.page-id-1336 #content :is(.mdv-occ-titre,.mdv-esp-titre,.mdv-vin-titre,.mdv-fo-titre,.mdv-prev-titre,.mdv-etp-titre,.mdv-pr-titre,.mdv-faq-titre,.mdv-dv-titre){
    font-size: 36px !important;
  }
}
/* Titre suivi d'un sous-titre : c'est le sous-titre qui porte l'ecart */
html body.page-id-1336 #content :is(.mdv-occ-titre,.mdv-esp-titre,.mdv-vin-titre,.mdv-fo-titre,.mdv-etp-titre,.mdv-pr-titre,.mdv-dv-titre):has(+ :is(.mdv-occ-soustitre,.mdv-esp-soustitre,.mdv-vin-st,.mdv-fo-st,.mdv-etp-soustitre,.mdv-pr-st,.mdv-dv-st)){
  margin-bottom: 0 !important;
}

/* 3. Sous-titres : petites capitales dorees */
html body.page-id-1336 #content :is(.mdv-occ-soustitre,.mdv-esp-soustitre,.mdv-vin-st,.mdv-fo-st,.mdv-etp-soustitre,.mdv-pr-st,.mdv-dv-st){
  font-family: "Alegreya SC", Alegreya, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  letter-spacing: 2.2px !important;
  text-transform: uppercase !important;
  color: #B29760 !important;
  margin: 16px auto 24px !important;
}
html body.page-id-1336 #content :is(.mdv-occ-soustitre,.mdv-esp-soustitre,.mdv-vin-st,.mdv-fo-st,.mdv-etp-soustitre,.mdv-pr-st,.mdv-dv-st) *{
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
}
@media (min-width:1025px){
  html body.page-id-1336 #content :is(.mdv-occ-soustitre,.mdv-esp-soustitre,.mdv-vin-st,.mdv-fo-st,.mdv-etp-soustitre,.mdv-pr-st,.mdv-dv-st){
    font-size: 13px !important;
    letter-spacing: 2.4px !important;
  }
}
/* sous-titre -> 24 px -> bloc suivant, sans marge ajoutee */
html body.page-id-1336 #content :is(.mdv-occ-soustitre,.mdv-esp-soustitre,.mdv-vin-st,.mdv-fo-st,.mdv-etp-soustitre,.mdv-pr-st,.mdv-dv-st) + *,
html body.page-id-1336 #content :is(.mdv-prev-titre,.mdv-faq-titre) + *{
  margin-top: 0 !important;
}

/* 4. Textes de section : 17 px, brun #5B4B3C */
html body.page-id-1336 #content :is(.mdv-occ-chapo,.mdv-occ-intro,.mdv-esp-texte,.mdv-esp-grands-chapo,.mdv-prev-st),
html body.page-id-1336 #content .mdv-faq details p{
  font-family: "Alegreya", Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #5B4B3C !important;
}
@media (min-width:768px){
  html body.page-id-1336 #content :is(.mdv-occ-chapo,.mdv-occ-intro,.mdv-esp-texte,.mdv-esp-grands-chapo,.mdv-prev-st),
  html body.page-id-1336 #content .mdv-faq details p{
    font-size: 17px !important;
  }
}

/* 5. Textes de cartes : 15,5 px (gabarit des cartes Moments) */
html body.page-id-1336 #content :is(.mdv-occ-carte__texte,.mdv-arg-txt,.mdv-esp-note,.mdv-etp-txt,.mdv-prev-note),
html body.page-id-1336 #content :is(.mdv-esp-salles,.mdv-vin,.mdv-fo,.mdv-prev) :is(p:not([class]),p.plus,li){
  font-size: 15.5px !important;
}
html body.page-id-1336 #content :is(.mdv-arg-txt,.mdv-esp-note,.mdv-etp-txt,.mdv-prev-note),
html body.page-id-1336 #content :is(.mdv-esp-salles,.mdv-vin,.mdv-fo,.mdv-prev) :is(p:not([class]),p.plus,li){
  color: #5B4B3C !important;
}
html body.page-id-1336 #content .mdv-occ-carte__texte{ color: #402E15 !important; }

/* 6. Etiquettes : gabarit des libelles Moments (Alegreya 15 px 600 dore) */
html body.page-id-1336 #content :is(.mdv-occ-carte__label,.mdv-arg-nom,.mdv-prev h3){
  font-family: "Alegreya", Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #B29760 !important;
}

/* 7. Mentions en petites capitales : gabarit du sous-titre, dore */
html body.page-id-1336 #content :is(.mdv-esp-specs,.mdv-fo .fmt,.mdv-esp table th,.mdv-dv-recap dt){
  font-family: "Alegreya SC", Alegreya, serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 2.4px !important;
  text-transform: uppercase !important;
  color: #B29760 !important;
}
html body.page-id-1336 #content .mdv-vin li b{ color: #B29760 !important; }

/* 8. Intertitres de blocs : 24 px (rangees) et 20 px (cartes), un cran en dessous sous 1025 px */
html body.page-id-1336 #content :is(.mdv-esp-nom,.mdv-esp-grands-titre){
  font-size: 22px !important;
  color: #402E15 !important;
}
html body.page-id-1336 #content :is(.mdv-fo h3,.mdv-esp-salles h4,.mdv-etp-nom,.mdv-dv-recap h3){
  font-size: 19px !important;
  color: #402E15 !important;
}
@media (min-width:1025px){
  html body.page-id-1336 #content :is(.mdv-esp-nom,.mdv-esp-grands-titre){ font-size: 24px !important; }
  html body.page-id-1336 #content :is(.mdv-fo h3,.mdv-esp-salles h4,.mdv-etp-nom,.mdv-dv-recap h3){ font-size: 20px !important; }
}
html body.page-id-1336 #content .mdv-etp-num{
  font-size: 54px !important;
  color: #B29760 !important;
}

/* 9. Liens d'action : typographie du bouton de l'accueil, sans cadre */
html body.page-id-1336 #content :is(.mdv-esp-lien,.mdv-vin-lien,.mdv-fo-carte > a){
  font-family: "Alegreya SC", Alegreya, serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 2.6px !important;
  line-height: 1.5 !important;
  text-transform: uppercase !important;
  color: #402E15 !important;
  text-decoration: none !important;
  border-bottom: 1px solid #B29760 !important;
  padding-bottom: 3px !important;
}
html body.page-id-1336 #content .mdv-esp-note{ margin-bottom: 0 !important; }
html body.page-id-1336 #content :is(.mdv-esp-lien,.mdv-vin-lien){ margin-top: 32px !important; }
html body.page-id-1336 #content .mdv-prev-note a{
  color: #402E15 !important;
  text-decoration: none !important;
  border-bottom: 1px solid #B29760 !important;
}

/* 10. Boutons : gabarit unique de l'accueil (13 px, 2,6, 15/32) */
html body.page-id-1336 #content :is(.mdv-herog-btn,.mdv-rap a,.mdv-occ-onglet),
html body.page-id-1336 #content .elementor-widget-form .elementor-button{
  font-family: "Alegreya SC", Alegreya, serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 2.6px !important;
  line-height: 1.5 !important;
  text-transform: uppercase !important;
  padding: 15px 32px !important;
}
/* Bandeau sombre : bouton ivoire au trait, comme sur l'accueil */
html body.page-id-1336 #content .mdv-rap a{
  background: transparent !important;
  border: 1px solid #FFFBF0 !important;
  color: #FFFBF0 !important;
  text-decoration: none !important;
  margin-top: 0 !important;
  transition: background-color .3s, color .3s !important;
}
html body.page-id-1336 #content .mdv-rap a:hover{
  background: #FFFBF0 !important;
  color: #402E15 !important;
}
html body.page-id-1336 #content .mdv-rap p{
  color: #FFFBF0 !important;
  margin: 0 0 32px !important;
}
/* Envoi du formulaire : bouton brun au trait (.mmv-section-btn) */
html body.page-id-1336 #content .elementor-widget-form .elementor-button{
  background: transparent !important;
  border: 1px solid #402E15 !important;
  color: #402E15 !important;
  border-radius: 0 !important;
  transition: background-color .3s, color .3s !important;
}
html body.page-id-1336 #content .elementor-widget-form .elementor-button:hover{
  background: #402E15 !important;
  color: #FFFBF0 !important;
}
html body.page-id-1336 #content .elementor-widget-form .elementor-field-label{
  color: #5B4B3C !important;
}

/* Groupes (page 1336) : bascule Particuliers / Professionnels sur mobile - le gabarit 15/32 debordait a 390 px */
@media (max-width:480px){
  html body.page-id-1336 #content .mdv-occ .mdv-occ-bascule .mdv-occ-onglet{
    padding: 15px 16px !important;
    letter-spacing: 2px !important;
  }
}

/* ===== CARTES PRODUIT - RYTHME VERTICAL HARMONISÉ + MILLÉSIME ET SOUS-NOM LISIBLES (11/09/2026) ===== */
/* :is(.e-loop-item,#mmv) = spécificité d'ID sans changer la cible : passe devant les règles Elementor du template 791 */
.e-loop-item:is(.e-loop-item,#mmv) > .wine-card{height:100%!important}
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .e-con-inner:has(.wine-frame){
  grid-template-rows:minmax(240px,auto) 58px minmax(20px,auto) minmax(20px,auto) 1fr minmax(25px,auto) auto!important;
  height:100%!important;row-gap:3px!important}
/* titre cale en bas de sa place (2 lignes reservees) : il reste colle a la cuvee, l air passe sous le filet */
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-title{padding-top:6px!important;padding-bottom:6px!important;align-items:flex-end!important}
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-title .elementor-heading-title{line-height:1!important}
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-year,
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-year *{
  font-size:15px!important;font-weight:400!important;color:#5B4B3C!important;letter-spacing:.06em!important;
  text-transform:lowercase!important;line-height:20px!important;
  font-variant-numeric:lining-nums tabular-nums!important;font-feature-settings:"lnum" 1,"tnum" 1!important}
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-domain{margin:0 2px 8px!important}
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-domain,
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-domain *{line-height:1.1!important}
/* domaine cale en bas, juste au-dessus du prix ; 2 lignes reservees sous 1200 px (26 % des domaines passent sur 2 lignes en mobile, 10 % en tablette, 0 % sur ordinateur) */
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-domain{height:auto!important;max-height:none!important;min-height:17px!important;align-items:flex-end!important;align-self:end!important}
@media (max-width:1199px){.e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-domain{min-height:29px!important}}
/* prix + bouton : sur une ligne quand la carte a la place pour le prix le plus long (226,60 EUR = 73 px + 8 + bouton 84), sinon empiles - meme disposition pour toutes les cartes d une grille, decidee par la largeur de carte et non par la longueur du prix */
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .e-con-inner:has(.wine-frame){container:mmvcard / inline-size}
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .elementor-element-29a5d1e{flex-wrap:nowrap!important}
@container mmvcard (max-width:169px){.e-loop-item:is(.e-loop-item,#mmv) .wine-card .elementor-element-29a5d1e{flex-direction:column!important;align-items:center!important;gap:6px!important}}
/* pastille de contenance : texte seul bronze, sans aplat ni cadre (11/09) - une legende sous la bouteille, le titre domine */
.e-loop-item:is(.e-loop-item,#mmv) .wine-contenance{background:transparent!important;border:0!important;padding:2px 0!important}
.e-loop-item:is(.e-loop-item,#mmv) .wine-contenance,
.e-loop-item:is(.e-loop-item,#mmv) .wine-contenance *{color:#836C3F!important;background:transparent!important;letter-spacing:.12em!important;font-size:11.5px!important}
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-cuvee,
.e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-cuvee *{font-size:16px!important;letter-spacing:.04em!important;line-height:1.2!important}
@media (max-width:1199px){
  .e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-cuvee,
  .e-loop-item:is(.e-loop-item,#mmv) .wine-card .wine-cuvee *{font-size:14px!important;letter-spacing:.05em!important}}


/* ===== PANIER - MONOGRAMME EN FILIGRANE SANS PHOTO (mini-panier + page panier) =====
   Même visuel de repli que les cartes produit : monogramme brun (média 4445) à 16 %.
   L'image indicative WooCommerce (✥, média 4273) reste chargée mais est poussée hors cadre.
   Classe doublée : la règle Astra .ast-site-header-cart li.mini_cart_item img est en !important. */
.woocommerce-mini-cart .mini_cart_item img.woocommerce-placeholder.woocommerce-placeholder,
.woocommerce-cart-form .cart_item img.woocommerce-placeholder.woocommerce-placeholder{
  object-position:-9999px 0!important;
  background:url(https://dev.maison-des-vins.com/wp-content/uploads/2026/09/logo-mmv-monogramme-brun.png.webp) center 48%/50% auto no-repeat transparent!important;
  opacity:.16!important;border:0!important;box-shadow:none!important}


/* ____________________________________________________________
   PREPARER VOTRE VISITE (page 1338) - HARMONISATION AVEC L ACCUEIL
   (18/09/2026) Memes gabarits que l accueil et que Groupes :
   titre 36 px Alegreya 200 capitales + mot Parisienne 54 px,
   les deux en brun #402E15 ; texte 17 px interligne 1,2 (#5B4B3C) ;
   petits textes 15,5 px ; boutons Alegreya SC 13 px ls 2,6 px.
   ____________________________________________________________ */

/* 0. Echelle de base et interligne 1,2 - meme regle que l accueil */
html body.page-id-1338 #content .mmvV{ font-size:17px !important; line-height:1.2 !important; }
html body.page-id-1338 #content .mmvV p,html body.page-id-1338 #content .mmvV li,html body.page-id-1338 #content .mmvV dd,html body.page-id-1338 #content .mmvV blockquote{ line-height:1.2 !important; }

/* 1. Titres de section : capitales Alegreya 200 */
html body.page-id-1338 #content .mmvV .sec-h .cap{
  font-family:"Alegreya",Georgia,serif !important;
  font-weight:200 !important;
  font-style:normal !important;
  font-size:clamp(24px,3.1vw,31px) !important;
  line-height:1.16 !important;
  letter-spacing:.028em !important;
  color:#402E15 !important;
}
html body.page-id-1338 #content .mmvV .sec-h .scr{
  font-size:clamp(36px,4.7vw,46px) !important;
  line-height:1.05 !important;
  color:#402E15 !important;
}
@media (min-width:768px){
  html body.page-id-1338 #content .mmvV .sec-h .cap{ font-size:36px !important; }
  html body.page-id-1338 #content .mmvV .sec-h .scr{ font-size:54px !important; }
}

/* 2. Chapo de section : 17 px brun doux */
html body.page-id-1338 #content .mmvV .sec-h p{ font-size:17px !important; line-height:1.2 !important; color:#5B4B3C !important; }

/* 3. Textes secondaires : 15,5 px comme les cartes de l accueil */
html body.page-id-1338 #content .mmvV .srv p,html body.page-id-1338 #content .mmvV .car p,html body.page-id-1338 #content .mmvV .itin li,html body.page-id-1338 #content .mmvV .hor-note,html body.page-id-1338 #content .mmvV .dest,html body.page-id-1338 #content .mmvV .rgpd,html body.page-id-1338 #content .mmvV .dev,html body.page-id-1338 #content .mmvV .itin .duree{ font-size:15.5px !important; }
html body.page-id-1338 #content .mmvV .fld input,html body.page-id-1338 #content .mmvV .fld select,html body.page-id-1338 #content .mmvV .fld textarea{ font-size:15.5px !important; }

/* 4. Boutons : gabarit unique de l accueil */
html body.page-id-1338 #content .mmvV a.btn,html body.page-id-1338 #content .mmvV button.btn{
  font-size:13px !important;
  letter-spacing:2.6px !important;
  line-height:1.5 !important;
  padding:15px 32px !important;
}

/* 5. Liens du bloc contact sombre : ivoire, jamais le bleu du navigateur */
html body.page-id-1338 #content .mmvV .coord a{
  color:#FFFBF0 !important;
  text-decoration:underline !important;
  text-decoration-color:#B29760 !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:3px !important;
}
html body.page-id-1338 #content .mmvV .coord a:hover{ color:#B29760 !important; text-decoration-color:#B29760 !important; }

/* 6. Titres : le mot en Parisienne est place apres les capitales */
html body.page-id-1338 #content .mmvV .sec-h .cap:first-child{ margin-left:0 !important; }
html body.page-id-1338 #content .mmvV .sec-h .cap + .scr{ margin-left:.34em !important; }

/* 7. Alignement inter-bloc : lignes equilibrees, pas de mot orphelin */
/*    (blocs courts, tous sous 6 lignes : balance ; le reste garde pretty) */
html body.page-id-1338 #content .mmvV .sec-h p,
html body.page-id-1338 #content .mmvV .srv p,
html body.page-id-1338 #content .mmvV .srv h3,
html body.page-id-1338 #content .mmvV .hor-note,
html body.page-id-1338 #content .mmvV .car p,
html body.page-id-1338 #content .mmvV .car h3,
html body.page-id-1338 #content .mmvV .itin li,
html body.page-id-1338 #content .mmvV .itin .duree,
html body.page-id-1338 #content .mmvV .dev,
html body.page-id-1338 #content .mmvV .dest,
html body.page-id-1338 #content .mmvV .rgpd,
html body.page-id-1338 #content .mmvV .ans,
html body.page-id-1338 #content .mmvV .coord dd,
html body.page-id-1338 #content .mmvV .merci p,
html body.page-id-1338 #content .mmvV .tab{
  text-wrap: balance !important;
}

/* 8. Titres de carte : graisse 500 (le theme les passait en 600, rendu 700) */
html body.page-id-1338 #content .mmvV .srv h3,
html body.page-id-1338 #content .mmvV .car h3,
html body.page-id-1338 #content .mmvV .itin h3,
html body.page-id-1338 #content .mmvV .coord h3{
  font-weight:500 !important;
}

/* ____________________________________________________________
   9. Bloc NOUS ECRIRE : habillage du bloc devis de Groupes
   formulaire a gauche sans cadre, coordonnees a droite en
   panneau ivoire a filet #E2D6BC, champs ivoire a filet clair.
   ____________________________________________________________ */
html body.page-id-1338 #content .mmvV .ct-grid{ grid-template-columns:1.5fr 1fr !important; align-items:start !important; gap:40px !important; }
@media(max-width:880px){ html body.page-id-1338 #content .mmvV .ct-grid{ grid-template-columns:1fr !important; } }

html body.page-id-1338 #content .mmvV .ct-grid .form{ order:1 !important; background:none !important; border:0 !important; padding:0 !important; }

html body.page-id-1338 #content .mmvV .ct-grid .coord{
  order:2 !important;
  background:#FFFBF0 !important;
  border:1px solid #E2D6BC !important;
  padding:26px 24px !important;
}
html body.page-id-1338 #content .mmvV .coord h3{
  font-family:"Alegreya SC",Georgia,serif !important;
  font-weight:500 !important;
  font-size:20px !important;
  line-height:1.3 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  color:#402E15 !important;
  margin:0 0 18px !important;
}
html body.page-id-1338 #content .mmvV .coord dt{ font-size:13px !important; letter-spacing:2.4px !important; color:#B29760 !important; margin-top:20px !important; }
html body.page-id-1338 #content .mmvV .coord dd{ font-size:16px !important; color:#5B4B3C !important; }
html body.page-id-1338 #content .mmvV .coord a{
  color:#402E15 !important;
  text-decoration:none !important;
  background:linear-gradient(#B29760,#B29760) left bottom/100% 1px no-repeat !important;
  padding-bottom:2px !important;
  transition:color .3s, background-size .3s !important;
  overflow-wrap:anywhere !important;
}
html body.page-id-1338 #content .mmvV .coord a:hover{ color:#836C3F !important; background-size:40% 1px !important; }

html body.page-id-1338 #content .mmvV .fld label{ font-size:13.5px !important; letter-spacing:.945px !important; color:#5B4B3C !important; margin-bottom:6px !important; }
html body.page-id-1338 #content .mmvV .fld input,html body.page-id-1338 #content .mmvV .fld select,html body.page-id-1338 #content .mmvV .fld textarea{
  font-size:16px !important;
  background:#FFFBF0 !important;
  border:1px solid #E2D6BC !important;
  padding:11px 13px !important;
  color:#402E15 !important;
}

/* ____________________________________________________________
   ACCUEIL - ALIGNEMENT INTER-BLOC (complement du 18/09/2026)
   Blocs courts ajoutes depuis la passe du 09/09 (sous-titre du
   hero et textes du bandeau .mmv-bn) : lignes equilibrees.
   ____________________________________________________________ */
html body.home #content .mmv-hero-subtitle,
html body.home #content .mmv-bn__sur,
html body.home #content .mmv-bn__nom,
html body.home #content .mmv-bn__phr,
html body.home #content .mmv-bn__ment,
html body.home #content .mmv-bn__vnom,
html body.home #content .mmv-bn__vphr{
  text-wrap: balance !important;
}

/* ACCUEIL - air entre le bandeau noir et le carrousel de produits (18/09/2026) */
html body.home #content .elementor-element-2c75a77{ padding-top:60px !important; }


/* CARTE CADEAU - enveloppe au survol calée sur la carte noire (même centre, même inclinaison ~10°, même taille) */
.wine-img-wrap img.mmv-hover-img[src*="carte-cadeau-enveloppe"]{translate:6.6% 9.1%;rotate:10.2deg;scale:.905;}


/* BOUTON AJOUTER DES CARTES - retour au remplissage dore par le bas (le kit de mouvement 5698 le remplacait par un soulevement + ombre) */
html.mdv-mv .e-loop-item:is(.e-loop-item,#mmv) .wine-btn .elementor-button{transform:none;}
html.mdv-mv .e-loop-item:is(.e-loop-item,#mmv) .wine-btn .elementor-button:hover{transform:none;box-shadow:inset 0 -60px 0 0 #B29760;background-color:transparent !important;color:#fffbf0 !important;letter-spacing:.13em;}


/* MMV - Pied de page MOBILE : newsletter sous le bloc Maison + reseaux (24/09) */
@media (max-width:899px){.mmv-f .mmv-f__inner .mmv-f__center{order:-2}.mmv-f .mmv-f__inner .mmv-f__news{order:-1}}


/* MMV - Pied de page MOBILE : liens en 2x2 (24/09) */
@media (max-width:899px){.mmv-f .mmv-f__inner .mmv-f__links{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);column-gap:12px;row-gap:28px}.mmv-f .mmv-f__inner .mmv-f__links--right{margin-top:4px}.mmv-f .mmv-f__inner .mmv-f__links--left{margin-top:20px}}


/* MMV - Pied de page MOBILE : la dame sur sa propre bande, calee sur la barre legale (24/09) */
@media (max-width:899px){.mmv-f:not(.x1):not(.x2){display:grid;grid-template-columns:minmax(0,1fr)}.mmv-f .mmv-f__inner.mmv-f__inner{grid-area:1/1;padding-bottom:170px}.mmv-f .mmv-f__bg.mmv-f__bg{position:relative;inset:auto;grid-area:1/1;align-self:end;height:220px;width:100%;margin-bottom:-8px}.mmv-f .mmv-f__bar.mmv-f__bar{grid-area:2/1}}


/* MMV - Pied de page MOBILE : air entre newsletter et bloc avis (24/09) */
@media (max-width:899px){.mmv-f .mmv-f__inner .mmv-f__aside{margin-top:20px}}


/* MMV - Pied de page MOBILE : barre legale, Confidentialite ouvre la 2e ligne (24/09) */
@media (max-width:899px){.mmv-f .mmv-f__bar .mmv-f__legal .mmv-f__sep:nth-of-type(2){display:block;height:0;overflow:hidden;font-size:0;line-height:0}}


/* MMV - Pied de page MOBILE : air entre le trait et le selecteur de langue (24/09) */
@media (max-width:899px){.mmv-f .mmv-f__bar.mmv-f__bar{padding-top:14px}}


/* MMV - Accueil MOBILE : plan (section 2a87b12) masque (24/09) */
@media (max-width:767px){.elementor-27 .elementor-element.elementor-element-2a87b12{display:none}}


/* MMV - Accueil MOBILE : Un Lieu de rencontre, titre image agrandi + texte reduit (24/09) */
@media (max-width:767px){.mmv-lieu-rencontre .mmv-lieu-rencontre__inner .mmv-lieu-rencontre__title-img{width:min(340px,88vw);max-width:100%;height:auto;display:block;margin-left:auto!important;margin-right:auto!important}.mmv-lieu-rencontre .mmv-lieu-rencontre__inner p{font-size:15px!important;line-height:1.35!important}}


/* MMV - Accueil MOBILE : ronds categories, Spiritueux avant Vins (24/09) */
@media (max-width:767px){.mdv-cats-section .mdv-ronds-wrapper .rond-item{order:3}.mdv-cats-section .mdv-ronds-wrapper .rond-item:nth-child(2){order:1;margin-left:0!important}.mdv-cats-section .mdv-ronds-wrapper .rond-item:nth-child(1){order:2;margin-left:-90px!important}}


/* MMV - Accueil MOBILE : Le Caveau, presentoirs sous le bouton (24/09) */
@media (max-width:767px){.mdv-caveau2-section{--st:min(125px,calc((100vw - 20px) / 3.6))}.mdv-caveau2-section .mdv-caveau2-content.mdv-caveau2-content{padding-bottom:calc(44px + 1.65 * var(--st))!important}.mdv-caveau2-section .mdv-caveau2-stands .mdv-caveau2-stand{display:block!important;width:var(--st)!important;height:auto!important;aspect-ratio:1/1.65;object-fit:cover;object-position:top;margin-left:0!important;margin-right:0!important}.mdv-caveau2-section .mdv-caveau2-stands{width:auto!important;gap:0!important}.mdv-caveau2-section .mdv-caveau2-stands .mdv-caveau2-stand + .mdv-caveau2-stand{margin-left:calc(-0.35 * var(--st))!important}.mdv-caveau2-section .mdv-caveau2-stands--right .mdv-caveau2-stand:nth-child(1){display:none!important}.mdv-caveau2-section .mdv-caveau2-stands--right .mdv-caveau2-stand:nth-child(2){margin-left:0!important}}


/* MMV - ALIGNEMENT INTER-BLOC : cartes « Des Moments » (Celebrer / Offrir / Rassembler) en lignes equilibrees (24/09) */
.moment-col .moment-box{text-wrap:balance}


/* MMV - Accueil MOBILE : titre « Une Adresse qui se transmet depuis 1958 » sur deux lignes (24/09) */
@media (max-width:767px){.elementor-element-874192e .moments-title.moments-title{white-space:normal!important;text-wrap:balance;font-size:28px!important;line-height:1.3!important}.elementor-element-874192e .moments-title .script{font-size:46px!important;white-space:nowrap}}


/* ===== PAGE L ART DE CHOISIR SON VIN (2134) : OCCASIONS, SOULIGNE MOBILE (24/09/2026) =====
   Sous 1025 px les libelles passent sur deux lignes dans une boite de largeur fixe :
   le trait ::after debordait du texte. On souligne le texte lui-meme.
   Et pas de survol colle au toucher. */
@media (max-width:1024px){
  .mmv-gb .mmv-gb-rack button::after{display:none !important}
  .mmv-gb .mmv-gb-rack button{text-decoration:underline 1px transparent !important;text-underline-offset:6px;transition:color .3s cubic-bezier(.16,.84,.44,1),text-decoration-color .3s cubic-bezier(.16,.84,.44,1) !important}
  .mmv-gb .mmv-gb-rack button[aria-pressed="true"]{text-decoration-color:#B29760 !important}
}
@media (hover:none){
  .mmv-gb .mmv-gb-rack button:hover:not([aria-pressed="true"]){color:#5B4B3C !important}
  .mmv-gb .mmv-gb-rack button:hover:not([aria-pressed="true"])::after{transform:scaleX(0) !important}
}


/* MMV - Accueil MOBILE : titre « Le Restaurant » en texte au lieu de l'image (24/09) */
@media (max-width:767px){
.mmv-restaurant-hero .mmv-title-wrap .mmv-title-img{display:none!important}
.mmv-restaurant-hero .mmv-left .mmv-title-wrap{display:block!important;text-align:center;color:#FFFBF0;line-height:1.3;margin-bottom:6px;white-space:nowrap;text-wrap:nowrap}
.mmv-restaurant-hero .mmv-left .mmv-title-wrap::before{content:"Le";font-family:'Alegreya',serif;font-size:28px;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding-right:10px}
.mmv-restaurant-hero .mmv-left .mmv-title-wrap::after{content:"Restaurant";font-family:'Parisienne',cursive;font-size:46px;font-weight:400;letter-spacing:1px}}


/* MMV - Accueil MOBILE : titres de section unifies sur « Une Adresse… » — 28 px graisse 200, script 46 px (24/09) */
@media (max-width:767px){html body.home .moments-title, html body.home .mdv-caveau2-title, html body.home .mmv-lr-titre, html body.home .elementor-element-a515ad3 h2, html body.home .mmv-visite > h2{font-size:28px!important;font-weight:200!important;line-height:1.3!important;letter-spacing:.028em!important}html body.home .moments-title .script, html body.home .mdv-caveau2-title .script, html body.home .mmv-lr-titre .script, html body.home .elementor-element-a515ad3 h2 .script, html body.home .mmv-visite > h2 .script{font-size:46px!important;font-weight:400!important}html body.home .mmv-restaurant-hero .mmv-left .mmv-title-wrap::before{font-weight:200!important;letter-spacing:.028em!important}}


/* MMV - Accueil MOBILE : titre « Une Histoire qui se partage » sur deux lignes (24/09) */
@media (max-width:767px){html body.home .elementor-element-8999325 .moments-title{white-space:normal!important;text-wrap:balance!important;max-width:300px!important;margin-left:auto!important;margin-right:auto!important}}


/* ===== PAGE L ART DE CHOISIR SON VIN (2134) : CEPAGES, ECART ENTRE RANGEES MOBILE (24/09/2026) =====
   Sous 761 px la grille passe a 2 colonnes et le medaillon (68 % de la carte, remonte de 45 %)
   mordait sur la carte du dessus. L'ecart vertical suit la largeur des cartes. */
@media (max-width:760px){
  body .mmv-gb #guide-cepage .mmv-gb-tuiles{row-gap:calc(15.4vw + 6px) !important}
}


/* MMV - Accueil MOBILE : Un Lieu de rencontre, image recadree sur la Maison (24/09) */
@media (max-width:767px){html body.home section.mmv-lieu-rencontre{background-color:rgb(78,78,77)!important;background-size:190% auto!important;background-position:85% 100%!important;background-repeat:no-repeat!important;padding-bottom:170px!important}}


/* ===== PAGE PREPARER VOTRE VISITE : HORAIRES SUR DEUX LIGNES EN MOBILE (24/09/2026) =====
   Sous 621 px : libelle au-dessus, horaire en dessous, centres ; air autour de la pendule. */
@media (max-width:620px){
  body .mmvV .hor-strip > div{flex-direction:column !important;align-items:center !important;gap:6px !important;text-align:center}
  body .mmvV .hor-strip > div:first-of-type{padding:26px 20px 50px !important}
  body .mmvV .hor-strip > div + div{padding:50px 20px 26px !important}
}


/* MMV - Accueil MOBILE : texte « Une Adresse » centre au lieu de justifie (24/09) */
@media (max-width:767px){html body.home .elementor-element-874192e .section-hero__text{text-align:center!important;text-align-last:center!important}}


/* MMV - Groupes MOBILE : filets dores des salles retires (24/09) */
@media (max-width:767px){.elementor-element-a1edc0a .mdv-esp-filet{display:none!important}}


/* MMV - Groupes MOBILE : rythme vertical des salles 8 / 16 / 24 / 32 / 56 (24/09) */
@media (max-width:767px){html body .elementor-element-a1edc0a .mdv-esp-row{row-gap:24px!important;margin-bottom:56px!important}html body .elementor-element-a1edc0a .mdv-esp-kicker{margin:0 0 8px!important}html body .elementor-element-a1edc0a .mdv-esp-nom{margin:0 0 16px!important}html body .elementor-element-a1edc0a .mdv-esp-texte{margin:0!important}html body .elementor-element-a1edc0a .mdv-esp-lien{margin-top:24px!important}html body .elementor-element-a1edc0a .mdv-esp-soustitre{margin-bottom:0!important}html body .elementor-element-a1edc0a .mdv-esp-grands-titre{margin-bottom:16px!important}}


/* MMV - Le Caveau MOBILE : pastilles des vignobles autour de la carte (CH en haut a droite, MAC a gauche, BEAUJ en bas a droite) (24/09) */
@media (max-width:767px){
html body .mdv-terroirs .mdv-terroirs-inner{position:relative}
html body .mdv-terroirs .mdv-terroirs-col .mdv-terroirs-pastilles{position:static!important;display:block!important;height:0!important;margin:0!important;padding:0!important}
html body .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille{position:absolute!important;width:min(110px,calc((100% - 197px) / 2))!important;text-align:center;z-index:2;margin:0!important}
html body .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(1){right:0;top:40px}
html body .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(2){left:0;top:190px}
html body .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(3){right:0;top:330px}
}
@media (max-width:420px){html body .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille{transform:scale(.82);transform-origin:center top}}


/* MMV - Le Caveau MOBILE : Au Comptoir du Caveau, photo de la salle de degustation en fond, presentoirs masques (24/09) */
@media (max-width:767px){
html body section.mdv-degust{padding-top:72px!important;padding-bottom:72px!important;background:linear-gradient(rgba(21,14,6,.62),rgba(21,14,6,.62)),url(/wp-content/uploads/2026/09/salle-de-degustation-maison-maconnaise-des-vins-1024x576.jpg.webp) center/cover no-repeat!important}
html body section.mdv-degust::before,html body section.mdv-degust::after{content:none!important;display:none!important}
html body section.mdv-degust .mdv-degust-rack{display:none!important}
html body section.mdv-degust .mdv-degust-title,html body section.mdv-degust .mdv-degust-title span,html body section.mdv-degust .mdv-degust-sub,html body section.mdv-degust .mdv-degust-text{color:#FFFBF0!important}
html body section.mdv-degust .mmv-section-btn{color:#FFFBF0!important;border-color:#FFFBF0!important}
html body section.mdv-degust .mmv-section-btn:hover{background:#FFFBF0!important;color:#150E06!important}
}


/* MMV - Le Caveau MOBILE : Tout a commence par le Caveau, presentoirs sous le bouton comme sur l'accueil (24/09) */
@media (max-width:767px){
html body section.mdv-histoire{--st:min(125px,calc((100vw - 20px) / 2.95));padding-top:64px!important;padding-bottom:0!important}
html body section.mdv-histoire .mdv-histoire-content{order:1}
html body section.mdv-histoire .mdv-histoire-ronds-vis{order:2;width:100%!important;margin:0!important;position:static!important;display:flex;justify-content:center}
html body section.mdv-histoire .mdv-histoire-ronds{justify-content:center;align-items:flex-end;width:auto!important}
html body section.mdv-histoire .mdv-histoire-ronds .rond-item{width:var(--st)!important;height:auto!important;aspect-ratio:1/1.65;object-fit:cover!important;object-position:top!important;flex:0 0 auto;margin-bottom:0!important}html body section.mdv-histoire .mdv-histoire-ronds .rond-item:nth-child(even){aspect-ratio:1/1.001}
html body section.mdv-histoire .mdv-histoire-ronds .rond-item + .rond-item{margin-left:calc(-0.35 * var(--st))!important}
}


/* MMV - Le Caveau MOBILE : bloc « Le Caveau, en pratique » masque (conteneur 2b60de4) (24/09) */
@media (max-width:767px){html body .elementor-element.elementor-element-2b60de4{display:none!important}}


/* MMV - Le Caveau MOBILE : boucle des logos deplacee sous « Consulter le guide » (24/09) */
@media (max-width:767px){
html body .elementor-element.elementor-element-789a02e,html body .elementor-element.elementor-element-7d6e36d,html body .elementor-element.elementor-element-bn2129c,html body .elementor-element.elementor-element-d65b98b,html body .elementor-element.elementor-element-7058d2b,html body .elementor-element.elementor-element-d730eca,html body .elementor-element.elementor-element-2b60de4{order:2}
html body .elementor-element.elementor-element-9ede1fb{order:1}
html body .mdv-conseil{padding-bottom:40px!important}
html body .mdv-saveurs-header{padding-top:48px!important}
}


/* MMV - Le Caveau MOBILE : filet dore au-dessus de « Bien choisir son vin » retire (24/09) */
@media (max-width:767px){html body .mdv-conseil .mdv-conseil-filet{display:none!important}}


/* MMV - Le Caveau MOBILE : rythme vertical des blocs + 3 boutons en moins (Voir nos appellations, portail Preparer votre visite) (24/09) */
@media (max-width:767px){
html body .elementor-element-953f95b{row-gap:0!important;gap:0!important}
html body .mdv-terroirs .mdv-terroirs-btn{display:none!important}
html body .mdv-degl .mdv-degl-carte[href*="preparer-votre-visite"]{display:none!important}
html body section.mdv-histoire{padding-top:48px!important}
html body section.mdv-terroirs{padding-top:48px!important;padding-bottom:48px!important}
html body section.mdv-conseil{padding-top:48px!important;padding-bottom:0!important}
html body .mdv-logos{padding-top:72px!important;padding-bottom:56px!important}
html body .mdv-saveurs-header{padding-top:40px!important}
html body .mdv-boutique-cta{padding-top:24px!important;padding-bottom:48px!important}
html body section.mdv-degl{padding-top:48px!important;padding-bottom:48px!important}
html body .mdv-terroirs .mdv-terroirs-col .mdv-terroirs-text:last-of-type{margin-bottom:0!important}
html body .elementor-element.elementor-element-789a02e{padding-bottom:40px!important}
}


/* MMV - Le Caveau MOBILE : air entre la banniere et le carrousel produits (24/09) */
@media (max-width:767px){html body .elementor-element.elementor-element-d65b98b{margin-top:40px!important}}


/* ===== PAGE PREPARER VOTRE VISITE : HERO MOBILE, TAILLES REVUES (24/09/2026) =====
   Sous 768 px : titre plus present, texte resserre, boutons a leur largeur et non pleine largeur. */
@media (max-width:767px){
  body .mdv-herog.mmv-hero--visite .mdv-herog-titre-img{width:clamp(230px,62vw,300px) !important;max-width:none !important}
  body .mdv-herog.mmv-hero--visite .mdv-herog-text{font-size:15px !important;line-height:1.5 !important;max-width:34ch !important;margin-left:auto !important;margin-right:auto !important}
  body .mdv-herog.mmv-hero--visite .mdv-herog-buttons{align-items:center !important;gap:10px !important}
  body .mdv-herog.mmv-hero--visite .mdv-herog-btn{width:auto !important;min-width:236px !important;padding:12px 24px !important;font-size:12px !important;letter-spacing:2.4px !important;text-align:center !important}
}


/* MMV - CARROUSELS PRODUITS : chevrons dores fins, angles vifs (tous appareils) (24/09) */
html body .elementor-widget-loop-carousel .elementor-swiper-button{color:#B29760!important;background:none!important;box-shadow:none!important;width:28px!important;height:40px!important;display:flex;align-items:center;justify-content:center}
html body .elementor-widget-loop-carousel .elementor-swiper-button svg,html body .elementor-widget-loop-carousel .elementor-swiper-button i{display:none!important}
html body .elementor-widget-loop-carousel .elementor-swiper-button::before{content:"";display:block;width:13px;height:13px;border-top:1.25px solid #B29760;border-right:1.25px solid #B29760;border-radius:0;box-sizing:border-box}
html body .elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next::before{transform:rotate(45deg);margin-left:-6px}
html body .elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev::before{transform:rotate(-135deg);margin-right:-6px}


/* MMV - BANDEAU DEFILANT (mdv-infobar) : meme brun que le menu #150E06 (tous appareils) (24/09) */
html body .mdv-infobar{background-color:#150E06!important}


/* ===== PAGE PREPARER VOTRE VISITE : CASE RGPD + BOUTON D ENVOI CENTRE (24/09/2026) =====
   Case au style des boutons radio du tunnel d achat : carre 14 px, filet or, fond creme ;
   cochee = carre or plein au centre (meme logique que le radio). Bouton d envoi centre sur une colonne. */
body .mmvV .rgpd input[type="checkbox"]{-webkit-appearance:none;appearance:none;flex:0 0 14px;width:14px;height:14px;margin:4px 0 0;padding:0;border:1px solid #B29760;border-radius:0;background:#FFFBF0;box-shadow:none;cursor:pointer;transition:background-color .2s,box-shadow .2s}
body .mmvV .rgpd input[type="checkbox"]:checked{background:#B29760;box-shadow:inset 0 0 0 2px #FFFBF0}
body .mmvV .rgpd input[type="checkbox"]:focus-visible{outline:2px solid #402E15;outline-offset:2px}
@media (max-width:880px){
  body .mmvV form > .btn.btn-or{display:table !important;margin-left:auto !important;margin-right:auto !important}
}


/* ===== TOUT LE SITE : CASES A COCHER AU STYLE MAISON (24/09/2026) =====
   Meme case que le formulaire de Preparer votre visite : carre 14 px, filet or, fond creme ;
   cochee = carre or plein au centre avec lisere creme. Exclus : interrupteurs du bandeau
   cookies (Complianz) et selecteur de langue (Weglot). La coche dessinee par WooCommerce
   (.wc-block-components-checkbox__mark) est masquee. */
body input[type="checkbox"]:not([class*="cmplz"]):not(.weglot_choice){-webkit-appearance:none !important;appearance:none !important;display:inline-block !important;flex-shrink:0;width:14px !important;height:14px !important;min-width:14px !important;min-height:14px !important;padding:0 !important;border:1px solid #B29760 !important;border-radius:0 !important;background:#FFFBF0 !important;box-shadow:none !important;cursor:pointer;vertical-align:middle;transition:background-color .2s,box-shadow .2s}
body input[type="checkbox"]:not([class*="cmplz"]):not(.weglot_choice):checked{background:#B29760 !important;box-shadow:inset 0 0 0 2px #FFFBF0 !important}
body input[type="checkbox"]:not([class*="cmplz"]):not(.weglot_choice):focus-visible{outline:2px solid #402E15 !important;outline-offset:2px}
body input[type="checkbox"]:not([class*="cmplz"]):not(.weglot_choice)::before,body input[type="checkbox"]:not([class*="cmplz"]):not(.weglot_choice)::after{content:none !important;display:none !important}
body .wc-block-components-checkbox .wc-block-components-checkbox__mark{display:none !important}


/* MMV - Le Caveau MOBILE : pastilles des vignobles en gravures dorees (medias 6017-6019) (24/09) */
@media (max-width:767px){
html body .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille > span{border:0!important;background:center/contain no-repeat!important;width:76px!important;height:76px!important}
html body .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille > span::after{display:none!important}
html body .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(1) > span{background-image:url(/wp-content/uploads/2026/09/mmv-pastille-cote-chalonnaise-trait.webp)!important}
html body .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(2) > span{background-image:url(/wp-content/uploads/2026/09/mmv-pastille-maconnais-trait.webp)!important}
html body .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(3) > span{background-image:url(/wp-content/uploads/2026/09/mmv-pastille-beaujolais-trait.webp)!important}
}


/* MMV - Le Caveau MOBILE : mots en Parisienne des titres reduits et egalises a 36 px (24/09) */
@media (max-width:767px){html body.page-id-2129 .mdv-histoire-title .script,html body.page-id-2129 .mdv-terroirs-title .script,html body.page-id-2129 .mdv-degust-title .script,html body.page-id-2129 .mdv-conseil-title .script,html body.page-id-2129 .moments-title .script,html body.page-id-2129 .mmv-visite > h2 .script{font-size:36px!important}}


/* ===== HEROS : CONTENU AU-DESSUS DU FOND ANIME + L EXPERIENCE A TABLE MOBILE (24/09/2026) =====
   Le fond anime .mmv-kb est en position absolue (z-index 0) : il passait par-dessus le texte et
   les boutons du hero, restes en position statique (cas de L Experience a table). On remonte le
   contenu d un cran. Sur L Experience a table en mobile, le bloc titre + texte + boutons descend de 44 px. */
body .mdv-herog > .mdv-herog-content{position:relative;z-index:1}
@media (max-width:767px){
  /* 24/09 : boutons du hero retires en mobile ; sans eux le bloc titre + texte se centre seul, plus besoin du decalage de 44 px */
  body.page-id-2138 .mdv-herog.mmv-hero--resto .mdv-herog-buttons{display:none !important}
}


/* MMV - Nos vins et terroirs MOBILE : medaillons des 3 vignobles avec les dessins des pastilles (24/09) */
@media (max-width:767px){
html body .mmv-vue .mmv-vue-regs .mmv-vue-med{border:0!important;background:center/contain no-repeat!important}
html body .mmv-vue .mmv-vue-regs .mmv-vue-med::after{display:none!important}
html body .mmv-vue .mmv-vue-regs .mmv-vue-reg-cc .mmv-vue-med{background-image:url(/wp-content/uploads/2026/09/mmv-pastille-cote-chalonnaise-trait.webp)!important}
html body .mmv-vue .mmv-vue-regs .mmv-vue-reg-mac .mmv-vue-med{background-image:url(/wp-content/uploads/2026/09/mmv-pastille-maconnais-trait.webp)!important}
html body .mmv-vue .mmv-vue-regs .mmv-vue-reg-bj .mmv-vue-med{background-image:url(/wp-content/uploads/2026/09/mmv-pastille-beaujolais-trait.webp)!important}
}


/* ===== PAGE LA CARTE ET LES MENUS (1904) : TIRETS DES MENUS MASQUES EN MOBILE (24/09/2026) =====
   Le filet dore .mdv-menu::after est pose a droite du menu (left 425px) : en mobile il sort
   au bord de l ecran et se lit comme un tiret isole. */
@media (max-width:767px){
  body .mdv-menu::after{display:none !important}
}


/* ===== PAGE LA CARTE ET LES MENUS (1904) : SOUS-TITRES ESPACES + PASTILLES CENTREES (24/09/2026) =====
   Les sous-titres (.mdv-sub : TERRINES, TARTINADES...) collaient a la liste precedente (7 px)
   et flottaient loin de la leur (35 px). On inverse : 30 px au-dessus, 4 px + 7 px en dessous.
   En mobile, les pastilles SERVI... / REGIMES & ALLERGENES sont centrees. */
body .mdv-sub{margin-bottom:4px !important}
body .mdv-sub + ul.mdv-plain{margin-top:0 !important}
body div:has(> ul.mdv-plain) + div > .mdv-sub:first-child{margin-top:30px !important}
@media (max-width:767px){
  body .mdv-filters{justify-content:center !important}
}


/* ===== PAGE LA CARTE ET LES MENUS (1904) : ONGLETS SUR PLUSIEURS LIGNES EN MOBILE (24/09/2026) =====
   Sous 768 px, les 12 onglets passent a la ligne et se centrent (3 lignes, ~114 px) au lieu
   de defiler hors de l ecran. La barre n est plus collante en mobile : sur 3 lignes, elle
   masquerait un quart de l ecran pendant le defilement. */
@media (max-width:767px){
  body .mdv-tabs{position:static !important}
  body .mdv-tabs .mdv-tabs-in{flex-wrap:wrap !important;justify-content:center !important;overflow:visible !important;padding:8px 8px 10px !important;row-gap:0 !important}
  body .mdv-tabs .mdv-tb{padding:9px 9px 6px !important;margin-top:2px !important;margin-bottom:2px !important;font-size:12px !important;letter-spacing:1.2px !important}
  /* Vins ouvre la 3e ligne, avec Aperitifs & digestifs et Boissons : saut de ligne force */
  body .mdv-tabs .mdv-tabs-in::after{content:"";flex-basis:100%;height:0;order:1}
  body .mdv-tabs .mdv-tb[data-tab="vins"],body .mdv-tabs .mdv-tb[data-tab="apdi"],body .mdv-tabs .mdv-tb[data-tab="boissons"]{order:2}
}


/* MMV - Nos vins et terroirs MOBILE : bloc terroirs mobile (medaillons actifs, carte centree, appellations 2 colonnes, cuvees 2 par ligne) — JS dans extrait 6060 (24/09) */
@media (max-width:767px){
html body .mmv-vue .mmv-vue-reg{cursor:pointer;transition:opacity .25s}
html body .mmv-vue.mmv-choix .mmv-vue-reg:not(.mmv-on){opacity:.42!important}
html body .mmv-vue .mmv-vue-reg.mmv-on .mmv-vue-med{box-shadow:0 0 0 3px rgba(178,151,96,.28)!important;border-radius:50%}
html body .mdv-terr .mdv-terr-head img{object-fit:contain;border:0!important;background:none!important}
html body .mdv-terr .mdv-terr-carte{flex-direction:column!important;align-items:center!important}
html body .mdv-terr .mdv-terr-map{width:100%!important;max-width:340px;margin:0 auto!important;justify-content:center}
html body .mdv-terr .mdv-terr-map svg{width:100%!important;height:auto!important}
html body .mdv-terr .mdv-terr-leg{width:100%!important;text-align:center;margin-top:24px}
html body .mdv-terr .mdv-terr-leg h4{text-align:center}
html body .mdv-terr .mdv-terr-leg{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
html body .mdv-terr .mdv-terr-leg h4{grid-column:1/-1;margin:14px 0 4px!important}
html body .mdv-terr .mdv-terr-app{flex-direction:column!important;align-items:stretch!important;gap:3px!important;margin:0!important}
html body .mdv-terr .mdv-terr-app b{display:block;text-align:center;width:100%!important;box-sizing:border-box}
html body .mdv-terr .mdv-terr-app i{border:0!important;padding:0!important;text-align:center;font-size:10px!important}
html body .mdv-terr .mdv-terr-map{height:auto!important;max-height:none!important;aspect-ratio:702/1147!important;position:relative!important}
html body .mdv-terr .mdv-terr-leg{max-width:380px!important;flex:0 0 auto!important;margin-left:auto!important;margin-right:auto!important}
}
@media (max-width:767px){
html body .mdv-terr .mdv-terr-prods .mdv-terr-grid.mdv-terr-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;justify-content:stretch!important}
html body .mdv-terr .mdv-terr-prods .mdv-terr-grid.mdv-terr-grid .mdv-cuvee{width:auto!important;max-width:none!important;padding:10px!important;min-width:0}
html body .mdv-terr .mdv-terr-prods .mdv-terr-grid.mdv-terr-grid .mdv-cuvee-img{width:100%!important;height:150px!important}
html body .mdv-terr .mdv-terr-prods .mdv-terr-grid.mdv-terr-grid .mdv-cuvee-img img{height:150px!important;max-height:150px!important;width:100%!important;object-fit:contain}
html body .mdv-terr .mdv-terr-prods .mdv-terr-grid.mdv-terr-grid .mdv-cuvee-body{width:100%!important;min-width:0}
html body .mdv-terr .mdv-terr-prods .mdv-terr-grid.mdv-terr-grid .mdv-cuvee-body *{overflow-wrap:anywhere}
}
@media (max-width:767px){html body .mdv-terr .mdv-terr-prods .mdv-terr-grid.mdv-terr-grid .mdv-cuvee .mdv-cuvee-bas{margin-top:auto!important;padding-top:12px}html body .mdv-terr .mdv-terr-prods .mdv-terr-grid.mdv-terr-grid .mdv-cuvee{height:auto!important;min-height:0!important}html body .mdv-terr .mdv-terr-prods .mdv-terr-grid.mdv-terr-grid{grid-auto-rows:auto!important;grid-template-rows:none!important}}

/* MMV - Nos vins et terroirs MOBILE : cepages deux par deux, medaillon 140 px comme L'art de choisir son vin (24/09) */
@media (max-width:767px){
html body .mmv-cep .mmv-cep-grid.mmv-cep-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:14px!important;row-gap:78px!important;margin-top:120px!important;padding-left:20px!important;padding-right:20px!important}
html body .mmv-cep .mmv-cep-grid.mmv-cep-grid .mmv-cep-c{padding:92px 12px 20px!important;min-width:0}
html body .mmv-cep .mmv-cep-grid.mmv-cep-grid .mmv-cep-c .mmv-cep-med{width:140px!important;height:140px!important;transform:translate(-50%,-45%)!important}
html body .mmv-cep .mmv-cep-grid.mmv-cep-grid .mmv-cep-c .mmv-cep-med i{width:140px!important;height:140px!important}
html body .mmv-cep .mmv-cep-grid.mmv-cep-grid .mmv-cep-c .mmv-cep-tag{font-size:14px!important;line-height:1.35!important}
html body .mmv-cep .mmv-cep-grid.mmv-cep-grid .mmv-cep-c .mmv-cep-mots li{font-size:12px!important}
html body .mmv-cep .mmv-cep-grid.mmv-cep-grid .mmv-cep-c p:last-child{font-size:13.5px!important;line-height:1.35!important}
}


/* MMV - Nos vins et terroirs MOBILE : bloc Maison masque, Degustations seul avec bouton ivoire « Demander une degustation » (texte via extrait 6060) (24/09) */
@media (max-width:767px){html body .elementor-element.elementor-element-7a8331b{display:none!important}html body .elementor-element-3ee6ef7 .mdv-degust .mdv-degust-btn{color:#FFFBF0!important;border-color:#FFFBF0!important;background:transparent!important}html body .elementor-element-3ee6ef7 .mdv-degust .mdv-degust-btn:hover{background:#FFFBF0!important;color:#150E06!important}}

/* MMV - ALIGNEMENT INTER-BLOC : page Nos vins et terroirs (2131), textes en lignes equilibrees (24/09) */
html body.page-id-2131 .entry-content p,html body.page-id-2131 .entry-content h2,html body.page-id-2131 .entry-content h3,html body.page-id-2131 .entry-content h4,html body.page-id-2131 .entry-content .mdv-terr-app b,html body.page-id-2131 .entry-content .mmv-cep-tag,html body.page-id-2131 .entry-content .mmv-cep-fin{text-wrap:balance}


/* MMV - Nos vins et terroirs MOBILE : carte detaillee a hauteur de son dessin (chaque vignoble a son propre format) (24/09) */
@media (max-width:767px){html body .mdv-terr .mdv-terr-map.mdv-terr-map{aspect-ratio:auto!important;height:auto!important}html body .mdv-terr .mdv-terr-map svg{position:relative!important;inset:auto!important;display:block;width:100%!important;height:auto!important}}


/* ===== TOUT LE SITE : PLUS DE CADRE POINTILLE AU CLIC (24/09/2026) =====
   Le theme pose un contour pointille sur tout element qui recoit le focus, y compris
   au clic de souris. On le retire au clic ; au clavier (touche Tab) un filet or fin
   reste visible pour l accessibilite. */
:focus:not(:focus-visible){outline:none !important}
:focus-visible{outline:1px solid #B29760;outline-offset:2px}


/* ===== MINI-PANIER MOBILE (TIROIR ASTRA) : MEME HABILLAGE QUE LE MINI-PANIER DESKTOP (24/09/2026) =====
   Sur mobile, Astra ouvre le panier dans un tiroir lateral (.astra-cart-drawer) qui ne recevait
   aucun des styles du mini-panier desktop (tous scopes .ast-site-header-cart). Ci-dessous : fond
   ivoire, double filet or, titre « Votre Selection », puis les sections 4 a 10 du mini-panier
   desktop recopiees a l identique sur le tiroir. Le « toit » (chevron qui pointe vers l icone)
   n est pas repris : il n a pas de sens dans un tiroir. */

body .astra-cart-drawer{background:#FFFBF0 !important;border-left:0 !important;box-shadow:-22px 0 55px rgba(28,20,10,.32) !important;color:#5B4B3C}
body .astra-cart-drawer .astra-cart-drawer-header{border-bottom:0 !important;background:transparent !important}
body .astra-cart-drawer .astra-cart-drawer-title{visibility:hidden}
body .astra-cart-drawer .astra-cart-drawer-close{color:#402E15 !important;background:transparent !important;box-shadow:none !important}
body .astra-cart-drawer .astra-cart-drawer-close svg{fill:#402E15 !important;width:20px;height:20px}
body .astra-cart-drawer .astra-cart-drawer-content{padding-left:16px !important;padding-right:16px !important;padding-bottom:20px !important;background:transparent !important}
/* ---------- 2. Le cadre or + le « toit » ---------- */
body .astra-cart-drawer .widget_shopping_cart_content{
  position:relative;
  border:1px solid #B29760;      /* filet intérieur */
  outline:2px solid #B29760;     /* filet extérieur, plus épais */
  outline-offset:3px;            /* écart entre les deux filets */
  padding:18px 20px 16px;
}
/* ---------- 2 bis. Graisse : tout en 400, rendu adouci ---------- */
body .astra-cart-drawer .widget_shopping_cart_content,
body .astra-cart-drawer .widget_shopping_cart_content *,
body .astra-cart-drawer .widget_shopping_cart_content::before{
  font-weight:400 !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* ---------- 3. Titre ---------- */
body .astra-cart-drawer .widget_shopping_cart_content::before{
  content:"Votre Sélection";
  display:block;
  margin:0 0 6px;
  font-family:"Alegreya SC",serif;
  font-size:22px;
  font-weight:400;
  letter-spacing:.04em;
  text-align:center;
  color:#402E15;
}


/* ---------- 4. Liste ---------- */
body .astra-cart-drawer ul.woocommerce-mini-cart{
  margin:0 !important; padding:0 !important;
  max-height:none !important;
}

/* chaque ligne = une grille : [visuel] [texte] [supprimer] */
body .astra-cart-drawer li.mini_cart_item{
  position:relative;
  list-style:none;
  display:grid !important;
  grid-template-columns:74px 1fr auto;
  grid-template-rows:auto 1fr auto;
  column-gap:16px;
  align-items:start;
  min-height:102px;
  margin:0 !important;
  padding:12px 0 !important;
  border:0 !important;
  border-top:1px solid rgba(201,168,76,.4) !important;
}
body .astra-cart-drawer li.mini_cart_item:first-child{ border-top:0 !important; }

/* le lien produit ne fait plus de boîte : image et nom deviennent
   des cases de la grille (le nom reste cliquable) */
body .astra-cart-drawer li.mini_cart_item > a:not(.remove){
  display:contents !important;
  font-family:"Alegreya SC",serif;
  font-size:15px;
  line-height:1.22;
  letter-spacing:.01em;
  color:#402E15 !important;
  text-decoration:none !important;
  white-space:normal !important;
}

/* ---------- 5. Visuel (sans cadre) ---------- */
body .astra-cart-drawer li.mini_cart_item img{
  grid-column:1;
  grid-row:1 / span 3;
  align-self:start;
  position:static !important;
  transform:none !important;
  box-sizing:border-box !important;
  width:74px !important;
  height:90px !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;   /* Astra force cover : coupe le col des bouteilles */
  object-position:center top;
  background:transparent !important;
  border:0 !important;
}

/* ---------- 5 bis. Bloc texte : nom / marque / contenance + couleur ----------
   (rempli par le snippet PHP « MDV - Mini-panier (PHP) » ; sans lui, le titre
   WooCommerce s'affiche simplement à la place)                              */
body .astra-cart-drawer li.mini_cart_item .mmv-item{
  grid-column:2;
  grid-row:1;
  display:block;
}
body .astra-cart-drawer li.mini_cart_item .mmv-nom{
  display:block;
  font-family:"Alegreya SC",serif;
  font-size:19px;
  line-height:1.08;
  letter-spacing:.01em;
  color:#402E15;
}
body .astra-cart-drawer li.mini_cart_item .mmv-marque{
  display:block;
  margin-top:1px;
  font-family:"Alegreya SC",serif;
  font-size:14px;
  line-height:1.2;
  color:#5B4B3C;
}
body .astra-cart-drawer li.mini_cart_item .mmv-meta{
  display:flex;
  flex-wrap:wrap;
  gap:4px 14px;
  margin-top:3px;
  font-family:"Alegreya SC",serif;
  font-size:10.5px;
  line-height:1.2;
  letter-spacing:.08em;
  color:#5B4B3C;
}

/* ---------- 6. Ligne quantité / prix ---------- */
body .astra-cart-drawer li.mini_cart_item .quantity{
  grid-column:2 / span 2;
  grid-row:3;
  align-self:end;
  display:flex !important;
  align-items:center;
  margin:6px 0 0 !important;
  font-family:"Alegreya SC",serif;
  font-size:14px;
  letter-spacing:.03em;
  color:#5B4B3C;
}
/* libellé « Quantité : » retiré ; pour le remettre, décommenter :
body .astra-cart-drawer li.mini_cart_item .quantity::before{
  content:"Quantité :";
  margin-right:.5em;
}
*/
body .astra-cart-drawer li.mini_cart_item .quantity > .amount,
body .astra-cart-drawer li.mini_cart_item .quantity > .mmv-price{
  margin-left:auto;
  font-size:19px;
  color:#402E15;
}

/* ---------- 6 ter. Prix en promo : courant + ancien barré ---------- */
body .astra-cart-drawer li.mini_cart_item .mmv-price--promo{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  line-height:1.02;
}
body .astra-cart-drawer li.mini_cart_item .mmv-price-old{
  margin-top:2px;
  font-size:12px;
  color:#9A8A6A;
  text-decoration:line-through;
}

/* ---------- 6 bis. Sélecteur de quantité  − 1 +  ----------
   (markup produit par le snippet PHP)                        */
body .astra-cart-drawer li.mini_cart_item .mmv-qty{
  display:inline-flex;
  align-items:stretch;
  border:1px solid rgba(201,168,76,.75);
  line-height:1;
  transition:opacity .2s ease;
}
body .astra-cart-drawer li.mini_cart_item .mmv-qty-btn{
  appearance:none;
  -webkit-appearance:none;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  cursor:pointer;
  margin:0;
  padding:0 6px;
  height:19px;
  line-height:19px;
  font-family:"Alegreya SC",serif;
  font-size:11px;
  color:#B29760;
  transition:color .2s ease;
}
body .astra-cart-drawer li.mini_cart_item .mmv-qty-btn:hover,
body .astra-cart-drawer li.mini_cart_item .mmv-qty-btn:focus{
  color:#402E15;
  background:none;
  outline:none;
}
body .astra-cart-drawer li.mini_cart_item .mmv-qty-val{
  min-width:16px;
  height:19px;
  line-height:19px;
  text-align:center;
  font-family:"Alegreya SC",serif;
  font-size:11px;
  color:#402E15;
}

/* ---------- 7. Supprimer ---------- */
body .astra-cart-drawer li.mini_cart_item a.remove{
  grid-column:3;
  grid-row:1;
  justify-self:end;
  align-self:start;
  position:static !important;
  top:auto !important; right:auto !important; left:auto !important;
  display:flex !important;
  align-items:center;
  gap:5px;
  width:auto !important; height:auto !important;
  margin:3px 0 0 12px !important;
  line-height:1 !important;
  white-space:nowrap;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  font-family:"Alegreya SC",serif;
  font-size:9.5px !important;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-decoration:none !important;
  color:#9A8A6A !important;
  opacity:1 !important;
}
body .astra-cart-drawer li.mini_cart_item a.remove::before{
  content:"Supprimer";
  position:static !important;
  width:auto !important; height:auto !important;
  line-height:1 !important;
  font-size:9.5px;
  color:inherit;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  text-decoration:none !important;
}
body .astra-cart-drawer li.mini_cart_item a.remove .ahfb-svg-iconset{ display:none !important; }
body .astra-cart-drawer li.mini_cart_item a.remove::after{
  content:"✥";                 /* croix fleurdelisée, tournée pour lire comme une croix */
  display:inline-block;
  font-family:serif;           /* Alegreya SC n'a pas ce glyphe */
  font-size:12px;
  line-height:1;
  transform:rotate(45deg);     /* 0deg = droite, 45deg = en croix */
}
body .astra-cart-drawer li.mini_cart_item a.remove:hover{ color:#B29760 !important; }

/* ---------- 8. Sous-total ---------- */
body .astra-cart-drawer p.woocommerce-mini-cart__total{
  display:flex; align-items:baseline; justify-content:space-between;
  margin:0 !important;
  padding:11px 0 12px !important;
  border-top:1px solid rgba(201,168,76,.4) !important;
  border-bottom:0 !important;
  font-family:"Alegreya SC",serif;
}
body .astra-cart-drawer p.woocommerce-mini-cart__total strong{
  font-weight:400; font-size:15px; letter-spacing:.03em; color:#402E15;
}
body .astra-cart-drawer p.woocommerce-mini-cart__total .amount{
  font-size:20px; color:#402E15;
}

/* ---------- 9. Boutons ---------- */
body .astra-cart-drawer p.woocommerce-mini-cart__buttons{
  display:flex; flex-direction:column; gap:7px;
  margin:0 !important; padding:0 !important;
}
body .astra-cart-drawer p.woocommerce-mini-cart__buttons a.button{
  width:100%; margin:0 !important;
  padding:10px 8px !important;
  font-family:"Alegreya SC",serif;
  font-size:13px !important;
  font-weight:400;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-align:center;
  border-radius:0 !important;
  box-shadow:none !important;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
body .astra-cart-drawer p.woocommerce-mini-cart__buttons a.button:not(.checkout){
  background:transparent !important;
  color:#B29760 !important;
  border:1px solid #B29760 !important;
}
body .astra-cart-drawer p.woocommerce-mini-cart__buttons a.button:not(.checkout):hover{
  background:#B29760 !important; color:#FFFBF0 !important;
}
body .astra-cart-drawer p.woocommerce-mini-cart__buttons a.button.checkout{
  background:#B29760 !important;
  color:#FFFBF0 !important;
  border:1px solid #B29760 !important;
}
body .astra-cart-drawer p.woocommerce-mini-cart__buttons a.button.checkout:hover{
  background:#2B2419 !important; border-color:#402E15 !important;
}

/* ---------- 10. Panier vide ---------- */
body .astra-cart-drawer .woocommerce-mini-cart__empty-message{
  margin:0 !important;
  padding:18px 0 6px;
  font-family:"Alegreya SC",serif;
  text-align:center;
  color:#5B4B3C;
}



/* MMV - Nos vins et terroirs MOBILE : titre des cuvees et bouton Voir toute la region empiles (24/09) */
@media (max-width:767px){html body .mdv-terr .mdv-terr-prods .mdv-terr-prodhead{flex-direction:column!important;align-items:center!important;gap:14px!important}html body .mdv-terr .mdv-terr-prods .mdv-terr-prodhead > button{position:static!important;inset:auto!important;transform:none!important;margin:0!important}}


/* ===== PAGE PANIER MOBILE : LIGNES PRODUIT EN FICHE + TOTAL LISIBLE (24/09/2026) =====
   Sous 768 px, WooCommerce empilait chaque cellule avec son libelle (« Produit: », « Prix: »...).
   Chaque ligne devient une fiche : visuel a gauche ; nom, maison, pastille, prix unitaire ;
   puis selecteur de quantite et total de ligne ; « Supprimer » en haut a droite.
   Total : libelle a gauche, montant a droite, TVA en petit dessous. */
@media (max-width:767px){
body .woocommerce-cart-form table.shop_table_responsive tr.cart_item{display:grid !important;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"thumb name name" "thumb price price" "thumb qty total";column-gap:16px;row-gap:8px;align-items:center;position:relative;padding:22px 0 !important;margin:0 !important;border-bottom:1px solid #E4DAC2 !important}
body .woocommerce-cart-form table.shop_table_responsive tr.cart_item td{display:block !important;padding:0 !important;margin:0 !important;text-align:left !important;border:0 !important;background:none !important;width:auto !important}
body .woocommerce-cart-form table.shop_table_responsive tr.cart_item td::before{display:none !important}
body .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-thumbnail{grid-area:thumb;align-self:start}
body .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-thumbnail img{width:64px !important;max-width:64px !important;height:auto !important;margin:0 !important}
body .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-name{grid-area:name;padding-right:112px !important}
body .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-price{grid-area:price;font-size:14px;color:#836C3F}
body .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-quantity{grid-area:qty}
body .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-subtotal{grid-area:total;text-align:right !important;position:static !important}
body .woocommerce-cart-form table.shop_table_responsive tr.cart_item .mmv-cl__remove{position:absolute !important;top:22px !important;right:0 !important;margin:0 !important}
body .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-remove{display:none !important}
body .woocommerce-cart-form table.shop_table_responsive tr.cart_item:last-child{border-bottom:0 !important}
body .cart_totals tr.order-total td{display:grid !important;grid-template-columns:1fr auto;align-items:baseline;row-gap:2px;width:100% !important}
body .cart_totals tr.order-total td::before{grid-column:1;text-align:left}
body .cart_totals tr.order-total td > strong{grid-column:2}
body .cart_totals tr.order-total td small.includes_tax{grid-column:1 / -1;justify-self:end}
body .cart_totals tr.order-total td small.includes_tax,body .cart_totals tr.order-total td small.includes_tax .amount{font-size:12px !important;font-weight:400 !important}
}



/* ============================================================
 * MOBILE — en-tête transparent sur toutes les pages hors liste ivoire (24/09/2026)
 * Aligne le mobile sur la règle desktop (classe mdv-entete-ivoire) ;
 * l'ancien bloc ne visait que .mmv-hero / .section-hero.
 * ============================================================ */
body.ast-header-break-point:not(.mdv-entete-ivoire):not(.mmv-scrolled) :is(.site-header,.ast-primary-header-bar,.ast-main-header-wrap,.main-header-bar,#ast-mobile-header,.ast-mobile-header-wrap){background-color:transparent !important;box-shadow:none !important;border-bottom:0 !important}
body.ast-header-break-point:not(.mdv-entete-ivoire):not(.mmv-scrolled) #ast-mobile-header .custom-logo-link img.custom-logo{filter:none !important}
body.ast-header-break-point:not(.mdv-entete-ivoire):not(.mmv-scrolled) #ast-mobile-header .mobile-menu-toggle-icon svg.ast-mobile-svg{fill:#fffbf0 !important}
body.ast-header-break-point:not(.mdv-entete-ivoire):not(.mmv-scrolled) #ast-mobile-header .ast-site-header-cart svg,
body.ast-header-break-point:not(.mdv-entete-ivoire):not(.mmv-scrolled) #ast-mobile-header .ast-site-header-cart svg *{fill:#fffbf0 !important}

/* Boutique mobile : la photo du carrousel remonte sous le menu + voile pour la lisibilité */
@media (max-width:860px){
  body:not(.mdv-entete-ivoire) .mmv-bn{padding-top:0 !important}
  body:not(.mdv-entete-ivoire) .mmv-bn__media::after{content:'';position:absolute;left:0;right:0;top:0;height:110px;background:linear-gradient(rgba(20,12,6,.55),rgba(20,12,6,0));pointer-events:none;z-index:1}
}


/* MMV - Nos vins et terroirs MOBILE : fiches appellation repliees a 3 lignes + Lire la suite (bouton pose par l'extrait 6060) (24/09) */
@media (max-width:767px){
html body .mdv-terr .mdv-terr-fiche:not(.mmv-ouvert) .mdv-fiche-txt p+p{display:none!important}
html body .mdv-terr .mdv-terr-fiche:not(.mmv-ouvert) .mdv-fiche-txt p:first-child{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body .mdv-terr .mdv-terr-fiche .mmv-suite{display:block;margin:6px auto 0;background:none!important;border:0!important;padding:4px 8px!important;font-family:'Alegreya SC',Alegreya,serif;font-size:12px;letter-spacing:.08em;text-transform:lowercase;color:#836C3F!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:none!important}
}


/* GALERIE PHOTOS (4711) — mobile : images plus larges, marges et gouttières réduites (24/09/2026) */
@media (max-width:767px){
  .mmvG .wrap{padding-left:4px !important;padding-right:4px !important}
  .mmvG .grid{gap:4px !important}
}


/* MMV - Guide du caveau (2134) MOBILE : roue des accords reduite a 150 px, libelles sur deux lignes autour (24/09) */
@media (max-width:767px){
html body .mmv-gb-choix .mmv-gb-roue.mmv-gb-roue{width:150px!important;height:150px!important;margin-top:40px!important;margin-bottom:40px!important}
html body .mmv-gb-choix .mmv-gb-roue.mmv-gb-roue .mmv-gb-roue-c{font-size:9px!important;line-height:1.2!important;letter-spacing:.05em!important}
html body .mmv-gb-choix .mmv-gb-roue.mmv-gb-roue button{white-space:normal!important;width:max-content!important;max-width:124px!important;font-size:11.5px!important;line-height:1.2!important}
html body .mmv-gb-sec .mmv-gb-choix:has(.mmv-gb-roue){padding-top:48px!important;padding-bottom:36px!important}
}


/* ===== L EXPERIENCE A TABLE (2138) : BANDE HORAIRES DE PREPARER VOTRE VISITE (24/09/2026) =====
   Remplace la ligne « Depuis 1958 / Ouvert 7 jours sur 7 / Terrasse » de l intro.
   Meme bande que sur la page 1338 (.hor-strip) : deux cellules, pendule au centre, note dessous. */
body .xp-hor{margin:36px auto 0;max-width:830px}
body .xp-hor .xp-hor-strip{position:relative;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(178,151,96,.45);background:#FFFBF0;text-align:center}
body .xp-hor .xp-hor-strip > div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:16px;padding:24px 26px}
body .xp-hor .xp-hor-strip > div + div{border-left:1px solid rgba(178,151,96,.3)}
body .xp-hor .xp-hor-t{font-family:"Alegreya SC",Georgia,serif;font-size:15px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#402E15;line-height:1.2}
body .xp-hor .xp-hor-h{font-family:Alegreya,Georgia,serif;font-size:27px;font-weight:400;letter-spacing:.02em;color:#836C3F;line-height:1.2}
body .xp-hor .xp-hor-ico{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFFBF0;padding:6px 9px;line-height:0;z-index:1}
body .xp-hor .xp-hor-ico img{display:block;width:44px;height:auto;margin:0}
body .xp-hor .xp-hor-note{margin:16px auto 0;font-family:Alegreya,Georgia,serif;font-size:15.5px;font-style:italic;line-height:1.35;color:#5B4B3C;text-align:center}
@media (max-width:620px){
  body .xp-hor .xp-hor-strip{grid-template-columns:1fr}
  body .xp-hor .xp-hor-strip > div{flex-direction:column;align-items:center;gap:6px}
  body .xp-hor .xp-hor-strip > div:first-of-type{padding:26px 20px 50px}
  body .xp-hor .xp-hor-strip > div + div{border-left:0;border-top:1px solid rgba(178,151,96,.3);padding:50px 20px 26px}
}


/* MMV - Guide du caveau (2134) MOBILE : les 7 presentoirs du hero tiennent dans la largeur (24/09) */
@media (max-width:767px){html body .mmv-gh .mmv-gh-vis .mmv-gh-ronds .rond-item{width:calc((100vw - 48px) / 4.84)!important;height:auto!important;flex:0 0 auto!important}html body .mmv-gh .mmv-gh-vis .mmv-gh-ronds .rond-item + .rond-item{margin-left:calc((100vw - 48px) / 4.84 * -.36)!important}}

/* Meme bande dans le bloc commun « Au plaisir de vous recevoir » (extrait 5740), au-dessus de la grille adresse / plan / contacts */


/* ===== L EXPERIENCE A TABLE (2138) : ENCART SOUVENIR VERS GROUPES & EVENEMENTS (24/09/2026) =====
   Sous les reperes de l intro (Depuis 1958 / 7 jours sur 7 / Terrasse) : encart a double filet or
   (meme construction que le cadre du visuel produit), ton nostalgique, bouton vers /groupes-evenements/. */
body .mdvx .xp-souv{position:relative;max-width:620px;margin:44px auto 0;padding:36px 38px 34px;text-align:center;background:#FFFBF0}
body .mdvx .xp-souv::before,body .mdvx .xp-souv::after{content:"";position:absolute;pointer-events:none}
body .mdvx .xp-souv::before{inset:0;border:2px solid #B29760}
body .mdvx .xp-souv::after{inset:5px;border:1px solid #B29760}
body .mdvx .xp-souv .xp-souv-k{margin:0 0 12px;font-family:"Alegreya SC",Georgia,serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#B29760}
body .mdvx .xp-souv .xp-souv-t{margin:0 auto 24px;max-width:500px;font-family:Alegreya,Georgia,serif;font-size:20px;font-style:italic;line-height:1.45;color:#402E15}
body .mdvx .xp-souv .xp-souv-btn{position:relative;z-index:1;display:inline-block;padding:13px 28px;border:1px solid #402E15;font-family:"Alegreya SC",Georgia,serif;font-size:13px;letter-spacing:2.6px;text-transform:uppercase;color:#402E15;text-decoration:none;transition:background-color .3s,color .3s}
body .mdvx .xp-souv .xp-souv-btn:hover{background:#402E15;color:#FFFBF0}
@media (max-width:620px){
  body .mdvx .xp-souv{margin-top:36px;padding:30px 22px 28px}
  body .mdvx .xp-souv .xp-souv-t{font-size:18px}
}


/* GALERIE PHOTOS (4711) — visionneuse : photo rétrécie pour laisser les chevrons hors de l'image, couloir de 52 px de chaque côté (24/09/2026) */
.mmvG-lb img{max-width:calc(100vw - 112px) !important}
.mmvG-lb .p svg,.mmvG-lb .n svg{stroke:#FFFBF0 !important}
.mmvG-lb .lg{display:none !important}

/* ===== BLOC « AU PLAISIR DE VOUS RECEVOIR » : BANDE HORAIRES COMPACTE (24/09/2026) =====
   Version reduite de la bande horaires dans le bloc commun (extrait 5740) : deux cellules cote a cote
   a toutes les largeurs, libelle au-dessus de l horaire, pendule de 26 px sur le filet vertical.
   ~75 px de haut au lieu de ~330 en mobile. La bande de Preparer votre visite n est pas touchee. */
body .mmv-visite .xp-hor.mmv-visite__hor{max-width:560px;margin:28px auto 36px}
body .mmv-visite .xp-hor.mmv-visite__hor .xp-hor-strip{grid-template-columns:1fr 1fr !important}
body .mmv-visite .xp-hor.mmv-visite__hor .xp-hor-strip > div,body .mmv-visite .xp-hor.mmv-visite__hor .xp-hor-strip > div:first-of-type,body .mmv-visite .xp-hor.mmv-visite__hor .xp-hor-strip > div + div{flex-direction:column !important;align-items:center !important;gap:4px !important;padding:16px 26px !important}
body .mmv-visite .xp-hor.mmv-visite__hor .xp-hor-strip > div + div{border-top:0 !important;border-left:1px solid rgba(178,151,96,.3) !important}
body .mmv-visite .xp-hor.mmv-visite__hor .xp-hor-t{font-size:11px;letter-spacing:.16em}
body .mmv-visite .xp-hor.mmv-visite__hor .xp-hor-h{font-size:20px}
body .mmv-visite .xp-hor.mmv-visite__hor .xp-hor-ico{padding:4px 5px}
body .mmv-visite .xp-hor.mmv-visite__hor .xp-hor-ico img{width:26px}
body .mmv-visite .xp-hor.mmv-visite__hor .xp-hor-note{font-size:13.5px;margin-top:12px;max-width:440px}


/* CATALOGUE MOBILE — barre Trier / recherche / Filtres collée sous le menu au scroll (24/09/2026)
 * Le menu mobile au scroll fait 56 px ; la barre restait à top:70px -> 14 px de vide où défilaient les produits.
 * Avec la barre d'admin : +32 px au-dessus de 782 px, +46 px en dessous. */
@media (max-width:921px){
  .elementor-widget-html:has(> .cv-sidebar){top:56px !important}
  body.admin-bar .elementor-widget-html:has(> .cv-sidebar){top:88px !important}
}
@media (max-width:782px){
  body.admin-bar .elementor-widget-html:has(> .cv-sidebar){top:102px !important}
}


/* ===== L EXPERIENCE A TABLE (2138) : FILETS SOUS LES NOMS MASQUES EN MOBILE (24/09/2026) =====
   Petits traits de 44 px (.x-filet) sous le nom de chaque salle et dans le bloc orgue. */
@media (max-width:767px){
  body .mdvx .x-filet{display:none !important}
}


/* CATALOGUE MOBILE — panneau Filtres : coins droits (24/09/2026) */
@media (max-width:767px){
  .mdv-filters-drawer{border-radius:0 !important}
  .mdv-filters-drawer .mdv-filters-apply{border-radius:0 !important}
}

/* 24/09 : l encart souvenir quitte l intro et passe juste apres la boucle des avis ; le bloc « Se retrouver a plusieurs » est supprime (l encart devient la seule sortie vers Groupes & evenements) */
body .mdvx > .xp-souv{width:calc(100% - 40px);margin:8px auto 80px}


/* CATALOGUE — TRIER / FILTRES : air entre le libellé et le ✥ (24/09/2026) */
.cv-side-heading .cv-attr-arrow{margin-left:8px !important}


/* FICHE PRODUIT — logos des domaines agrandis d'environ 30 % (24/09/2026)
 * bloc résumé desktop 185 -> 240, variante hv 150 -> 195, résumé mobile 150 -> 200, bloc détails 170x120 -> 220x155 */
.producer-logo img{max-width:min(240px,100%) !important}
.wine-summary--hv .producer-logo img{max-width:min(195px,100%) !important}
.wm-summary-producer img{max-width:min(200px,100%) !important;width:200px !important}
.wine-details-grid .wine-detail-block > img[alt="Domaine"]{width:220px !important;max-width:min(220px,100%) !important;height:155px !important}


/* FICHE PRODUIT — Composez votre coffret : bandeau réservé en haut des cartes pour la case et la mention
 * « Le vin de cette page », qui se superposaient au badge VIN DU MOIS (24/09/2026) */
.mmv-coffret__carte{padding-top:44px !important}
.mmv-coffret__case{top:12px !important}
.mmv-coffret__mention{top:11px !important}

/* GROUPES FORM bouton centre (mobile) 24/09 */
@media (max-width:899px){.elementor-element-cdbc264 .e-form__buttons{justify-content:center!important}}


/* ===== L EXPERIENCE A TABLE (2138) : CLAUSTRA DU RESTAURANT ENTRE L INTRO ET LA CUISINE (24/09/2026) =====
   Reprise de la claustra de Groupes & Evenements (tiges or, une sur trois bronze, grappes de la claustra
   qui se balancent), en bande autonome pleine largeur posee sur un socle brun. Les tiges montent quand
   la bande entre a l ecran (systeme data-rv / .rv-in de la page). */
body .mdvx .xp-cl{position:relative;height:clamp(210px,27vw,330px);margin:0;padding:0;overflow:hidden;--gw:46px}
body .mdvx .xp-cl .xp-cl-in{position:absolute;inset:0}
body .mdvx .xp-cl .xp-cl-socle{position:absolute;left:0;right:0;bottom:0;height:4px;background:#402E15}
body .mdvx .xp-cl .xp-cl-t{position:absolute;bottom:4px;width:4px;margin-left:-2px}
body .mdvx .xp-cl .xp-cl-tube{position:absolute;inset:0;display:block;background:#B29760;transform-origin:50% 100%;transition:transform 1.25s cubic-bezier(.33,1,.68,1) var(--d,0s)}
body .mdvx .xp-cl .xp-cl-t.is-b .xp-cl-tube{background:#836C3F}
body .mdvx .xp-cl .xp-cl-g{position:absolute;z-index:2;width:var(--gw);aspect-ratio:240/214;left:calc(50% - var(--gw) * .57);background:url(/wp-content/uploads/2026/09/grappe-raisin-doree-claustra.png) center/contain no-repeat;transform-origin:57% 3%;transition:opacity .6s ease calc(var(--d,0s) + 1s);animation:xpClSway var(--sw,5s) ease-in-out var(--sd,0s) infinite alternate}
body .mdvx .xp-cl .xp-cl-g.is-b{background-image:url(/wp-content/uploads/2026/09/grappe-raisin-bronze-claustra.png.webp)}
body .mdvx .xp-cl[data-rv]:not(.rv-in) .xp-cl-tube{transform:scaleY(0)}
body .mdvx .xp-cl[data-rv]:not(.rv-in) .xp-cl-g{opacity:0}
@keyframes xpClSway{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@media (max-width:767px){
  body .mdvx .xp-cl{--gw:34px}
  body .mdvx .xp-cl .xp-cl-g.m-off{display:none}
}
@media (prefers-reduced-motion:reduce){
  body .mdvx .xp-cl .xp-cl-tube,body .mdvx .xp-cl .xp-cl-g{transition:none;animation:none}
}


/* FICHE PRODUIT MOBILE — pictogramme au-dessus des titres d'accordéon (24/09/2026)
 * colonne choisie par son contenu (pas par sa position : l'ordre change sur les fiches épicerie) — dégustation = Icone-Profil-Sensoriel ; bon accord = Icone-Le-Bon-Accord ; domaine / maison = Icone-Vignoble- */
@media (max-width:900px){
  .wine-details-grid > .wine-details-column > h2{flex-wrap:wrap}
  /* chevron hors du calcul de centrage : le titre est centré sur son texte, comme le pictogramme */
  .wine-details-grid > .wine-details-column > h2 .wine-chevron{margin-right:-22.5px !important}
  .wine-details-grid > .wine-details-column > h2::before{content:'';flex:0 0 100%;height:78px;margin-bottom:10px;background:center / contain no-repeat;pointer-events:none}
  .wine-details-grid > .wine-details-column:has(img[alt="Profil sensoriel"]) > h2::before{background-image:url(/wp-content/uploads/2026/08/Icone-Profil-Sensoriel.png.webp)}
  .wine-details-grid > .wine-details-column:has(img[alt="Accords"]) > h2::before{background-image:url(/wp-content/uploads/2026/08/Icone-Le-Bon-Accord.png.webp)}
  .wine-details-grid > .wine-details-column:has(img[alt="Vignoble"]) > h2::before{background-image:url(/wp-content/uploads/2026/08/Icone-Vignoble-.png.webp)}
}

/* 24/09 : claustra allegee — 8 tiges sans grappe retirees sur 26 (il en reste 18, bronze et grappes intactes) */
body .mdvx .xp-cl .xp-cl-t:nth-child(1),body .mdvx .xp-cl .xp-cl-t:nth-child(5),body .mdvx .xp-cl .xp-cl-t:nth-child(8),body .mdvx .xp-cl .xp-cl-t:nth-child(11),body .mdvx .xp-cl .xp-cl-t:nth-child(14),body .mdvx .xp-cl .xp-cl-t:nth-child(17),body .mdvx .xp-cl .xp-cl-t:nth-child(20),body .mdvx .xp-cl .xp-cl-t:nth-child(23){display:none}

/* FORMULAIRES sans voile autofill bleu 24/09 */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #FFFBF0 inset!important;box-shadow:0 0 0 1000px #FFFBF0 inset!important;-webkit-text-fill-color:#402E15!important;caret-color:#402E15;transition:background-color 99999s ease-out 0s!important}
input:autofill{background:#FFFBF0!important}

/* GROUPES etapes centrees (mobile) 24/09 */
@media (max-width:899px){.mdv-etp .mdv-etp-item{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}.mdv-etp .mdv-etp-txt{margin-left:auto!important;margin-right:auto!important;text-wrap:balance}.mdv-etp .mdv-etp-num{margin-left:auto!important;margin-right:auto!important}}
body .mdvx .xp-cl .xp-cl-t:first-child .xp-cl-g{left:calc(50% - var(--gw) * .15)} /* la grappe de la 1re tige ne doit pas etre coupee par le bord gauche */


/* CARTES PRODUIT sur les fiches (coffret, suggestions) — pastille VIN DU MOIS doublée (24/09/2026)
 * Le style de la pastille de la fiche (.wine-badge-main) s'appliquait aussi au span à l'intérieur de l'étiquette des cartes :
 * deux pilules empilées. On neutralise le span, seule l'étiquette de la carte garde son style. */
.e-loop-item .wine-etiquette .wine-badge{background:none !important;padding:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;font:inherit !important;color:inherit !important;letter-spacing:inherit !important;text-transform:inherit !important;margin:0 !important}


/* ===== L EXPERIENCE A TABLE (2138) : BANDE NOIRE SOUS LA CLAUSTRA (24/09/2026) =====
   Comme sur Groupes & Evenements : les tiges reposent sur une bande noire #150E06 avec texte ivoire
   (surtitre, titre + mot en Parisienne, texte). Pas de bouton : la page continue vers la cuisine.
   Le fin socle brun de la claustra est retire, la bande en tient lieu. */
body .mdvx .xp-cl .xp-cl-socle{display:none}
body .mdvx .xp-cl .xp-cl-t{bottom:0}
body .mdvx .xp-cl-band{margin:0;padding:46px 22px 48px;background:#150E06;text-align:center}
body .mdvx .xp-cl-band .xp-cl-band-k{margin:0 0 14px;font-family:"Alegreya SC",Georgia,serif;font-size:13px;letter-spacing:.6em;text-transform:uppercase;color:rgba(255,251,240,.8)}
body .mdvx .xp-cl-band .xp-cl-band-t{margin:0 0 18px;font-family:Alegreya,Georgia,serif;font-size:clamp(26px,3vw,36px);font-weight:200;letter-spacing:.02em;line-height:1.16;text-transform:uppercase;color:#FFFBF0}
body .mdvx .xp-cl-band .xp-cl-band-t em{font-family:Parisienne,cursive;font-style:normal;font-size:1.5em;text-transform:none;letter-spacing:0;margin:0 .06em;color:#FFFBF0}
body .mdvx .xp-cl-band .xp-cl-band-p{margin:0 auto;max-width:578px;font-family:Alegreya,Georgia,serif;font-size:17px;line-height:1.35;color:rgba(255,251,240,.86);text-wrap:balance}

/* GROUPES grands projets fond photo auditorium 24/09 */
.mdv-esp .mdv-esp-grands{position:relative;isolation:isolate;padding:64px 28px!important;background:url(/wp-content/uploads/2026/09/mmv-groupes-grands-projets-auditorium.webp) center 45%/cover no-repeat;overflow:hidden}.mdv-esp .mdv-esp-grands:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(21,14,6,.66),rgba(21,14,6,.74))}.mdv-esp .mdv-esp-grands .mdv-esp-grands-titre,.mdv-esp .mdv-esp-grands p{color:#FFFBF0!important}.mdv-esp .mdv-esp-grands p{text-wrap:balance}@media (max-width:899px){.mdv-esp .mdv-esp-grands{margin:40px -20px -56px!important;padding:60px 24px!important}}html body .mdv-esp .mdv-esp-grands h3.mdv-esp-grands-titre,html body .mdv-esp .mdv-esp-grands p.mdv-esp-grands-chapo{color:#FFFBF0!important;-webkit-text-fill-color:#FFFBF0!important}


/* FICHE PRODUIT MOBILE — épicerie : 2e ligne de « L'essentiel en un regard » (24/09/2026)
 * Le gabarit mobile (template 321, widget e7b42d7) affichait « Millésime » (masqué sur l'épicerie) au lieu de acf_info_2
 * (ex. « Fine et fondante »), que la version bureau montre. Ligne .wm-info-2 ajoutée au gabarit, visible seulement sur l'épicerie. */
.wm-summary-info > p.wm-info-2{display:none !important}
body.product_cat-epicerie-du-terroir .wm-summary-info > p.wm-info-2{display:block !important}

/* BANNIERE formats genereux : Macon rose en 2e ligne (mobile) 24/09 */
@media (max-width:899px){.mmv-bn__prod--sc > i:nth-of-type(2){display:none!important}.mmv-bn__prod--sc > span:nth-of-type(3):before{content:"\A";white-space:pre}}


/* ===== GROUPES & EVENEMENTS (1336) : « COMMENT CA SE PASSE » EN MOBILE (24/09/2026) =====
   Sous 768 px : etapes sur une colonne (marges de 34 px pour laisser passer les tiges), deux grandes tiges
   le long des bords (h1 a gauche, h3 a droite, deux grappes chacune), la tige centrale h2 masquee ;
   en bas, la rangee de tiges posee sur le bloc noir. */
@media (max-width:767px){
body .mdv-etp{--cl-zone:130px;--cl-socle-h:11px;--cl-gw:26px}
body .mdv-etp .mdv-etp-grille{padding-top:6px;row-gap:30px;grid-template-columns:1fr}
body .mdv-etp .mdv-etp-grille > .mdv-etp-item:nth-child(n){padding:0 34px !important;max-width:460px;margin-left:auto;margin-right:auto}
body .mdv-etp .mdv-cl-t.m2,body .mdv-etp .mdv-cl-g.gm,body .mdv-etp .mdv-cl-t.is-haute.h2{display:none !important}
body .mdv-etp .mdv-cl-t.is-haute.h1,body .mdv-etp .mdv-cl-t.is-haute.h3{display:block !important}
body .mdv-etp .mdv-cl-t.is-haute.h1{left:5% !important}
body .mdv-etp .mdv-cl-t.is-haute.h3{left:95% !important}
body .mdv-etp .mdv-cl-t.is-haute.h1 .mdv-cl-g{--top:20 !important}
body .mdv-etp .mdv-cl-t.is-haute.h3 .mdv-cl-g{--top:160 !important}
}
@media (max-width:767px){
body .mdv-etp .mdv-cl-t.is-haute .mdv-cl-g{--cl-gw:34px}
body .mdv-etp .mdv-cl-t.is-haute.h1::after,body .mdv-etp .mdv-cl-t.is-haute.h3::after{content:"";position:absolute;z-index:2;width:34px;aspect-ratio:240/214;left:calc(50% - 19px);background:url(/wp-content/uploads/2026/09/grappe-raisin-doree-claustra.png) center/contain no-repeat;transform-origin:57% 3%;animation:mdvClBalance 5.6s ease-in-out -1s infinite alternate}
body .mdv-etp .mdv-cl-t.is-haute.h1::after{top:44%}
body .mdv-etp .mdv-cl-t.is-haute.h3::after{top:66%}
/* 24/09 : grandes tiges mobiles — toutes les grappes en doree, et la tige de droite retournee pour que ses grappes pendent vers l exterieur comme a gauche (effet centre) */
body .mdv-etp .mdv-cl-t.is-haute .mdv-cl-g{background-image:url(/wp-content/uploads/2026/09/grappe-raisin-doree-claustra.png) !important}
body .mdv-etp .mdv-cl-t.is-haute.h3{transform:scaleX(-1)}
}

/* RONDS CATEGORIES titre visible au survol 24/09 */
.cv-wrap .cv-cats .cv-cat-btn:not(.active):hover,.cv-wrap .cv-cats .cv-cat-btn:not(.active):focus-visible{color:#2E2417!important;-webkit-text-fill-color:#2E2417!important;opacity:1!important}

/* SPECIALITES MACONNAISES sans filtres, tri ni recherche 24/09 */
body.page-id-2146 .cv-filters,body.page-id-2146 .elementor-element-58e310f{display:none!important}


/* PANIER — plus de gris dans le bloc Totaux (24/09/2026) : le widget panier d'Elementor passait montants et mentions en gris #69727D / #777 */
.cart_totals .cart-subtotal td, .cart_totals .cart-subtotal td .amount{color:#402E15 !important}
.cart_totals .mmv-liv__prix .amount{color:inherit !important}
.cart_totals .woocommerce-shipping-estimate-html, .cart_totals .woocommerce-shipping-destination{color:#5B4B3C !important}
.cart_totals .includes_tax, .cart_totals .includes_tax .amount{color:rgba(91,75,60,.7) !important}

/* RETOUR EN HAUT — même bouton rond ivoire sur les pages où le kit de mouvement (html.mdv-mv) n'est pas chargé : panier, commande… (24/09/2026) */
html:not(.mdv-mv) #ast-scroll-top{width:44px;height:44px;line-height:44px;border-radius:50%;background:#FFFBF0 !important;color:#402E15 !important;border:1px solid rgba(178,151,96,.55);box-shadow:0 12px 28px -20px rgba(21,14,6,.65);transition:background-color .3s,color .3s,transform .3s}
html:not(.mdv-mv) #ast-scroll-top:hover{background:#B29760 !important;color:#FFFBF0 !important;transform:translateY(-2px)}
html:not(.mdv-mv) #ast-scroll-top .ast-arrow-svg{fill:currentColor;width:13px;height:13px}
@media (max-width:767px){html:not(.mdv-mv) #ast-scroll-top{width:40px;height:40px;line-height:40px}}
/* PANIER — filet entre deux articles : on garde le filet doré (#E4DAC2) et on retire le filet gris #D5D8DC d'Elementor posé juste dessous (24/09/2026) */
.woocommerce-cart-form tr.cart_item{border-top:0 !important}

/* 24/09 : Groupes mobile — la rangee basse (12 tiges) est repartie a intervalles egaux ENTRE les deux grandes tiges (de 12 % a 88 %), plus rien ne deborde a l exterieur ni ne colle a la tige de droite */
@media (max-width:767px){
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(15):not(.is-haute){left:12.00% !important}
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(17):not(.is-haute){left:18.91% !important}
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(19):not(.is-haute){left:25.82% !important}
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(21):not(.is-haute){left:32.73% !important}
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(23):not(.is-haute){left:39.64% !important}
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(25):not(.is-haute){left:46.55% !important}
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(27):not(.is-haute){left:53.45% !important}
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(29):not(.is-haute){left:60.36% !important}
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(31):not(.is-haute){left:67.27% !important}
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(33):not(.is-haute){left:74.18% !important}
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(35):not(.is-haute){left:81.09% !important}
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(37):not(.is-haute){left:88.00% !important}
}

/* 24/09 : Groupes mobile — deux grappes cote a cote a droite (tiges 11 et 12) : la grappe doree de la 11e passe sur la grande tige du milieu (7e) */
@media (max-width:767px){
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(35) .mdv-cl-g{display:none !important}
  body .mdv-etp .mdv-etp-claustra > .mdv-cl-t:nth-child(27)::after{content:"";position:absolute;z-index:2;width:var(--cl-gw,26px);aspect-ratio:240/214;left:calc(50% - var(--cl-gw,26px) * .57);top:32%;background:url(/wp-content/uploads/2026/09/grappe-raisin-doree-claustra.png) center/contain no-repeat;pointer-events:none}
}


/* PANIER / COMMANDE — mention millésime : alignement inter-bloc, lignes équilibrées sans mot orphelin (24/09/2026) */
.mmv-note-millesime{text-wrap:balance;max-width:460px;margin-left:auto !important;margin-right:auto !important}


/* PANIER MOBILE — bandeau de réassurance : une ligne par engagement, sans ✥ orphelin en bout de ligne ; mention légale équilibrée (24/09/2026) */
@media (max-width:767px){
  .mmv-panier-rassurance{flex-direction:column !important;align-items:center !important;gap:12px !important;text-align:center}
  .mmv-panier-rassurance .mmv-pr__sep{display:none !important}
  .mmv-panier-rassurance .mmv-pr__item{text-wrap:balance}
  .mmv-panier-mention{text-wrap:balance}
}


/* COMMANDE — cadres des champs en doré (24/09/2026) : les champs texte du bloc Checkout restaient en gris anthracite (règle wc-blocks en color-mix) */
.wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout .wc-block-components-address-form input:not([type=checkbox]):not([type=radio]),
.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input{border:1px solid #B29760 !important;border-radius:0 !important;box-shadow:none !important}
.wc-block-checkout .wc-block-components-text-input input:focus,
.wc-block-checkout .wc-block-components-address-form input:not([type=checkbox]):not([type=radio]):focus,
.wc-block-checkout .wc-blocks-components-select__select:focus,
.wc-block-checkout .wc-block-components-textarea:focus{border-color:#836C3F !important;box-shadow:0 0 0 1px #836C3F !important;outline:none !important}
.wc-block-checkout .wc-block-components-text-input.has-error input{border-color:#B0452F !important}
/* COMMANDE MOBILE — titre repliable « Résumé de la commande » ramené au format des autres étapes (20 px -> 14,6 px), filets en doré léger (24/09/2026) */
.wc-block-components-checkout-order-summary__title-text{font-size:14.592px !important;letter-spacing:.09em !important;line-height:1.3 !important}
.wc-block-components-checkout-order-summary__title{border-top:0 !important;border-bottom:0 !important} /* filets retirés à la demande de Thémis */


/* PANIER + COMMANDE — alignement inter-bloc : textes en lignes équilibrées, sans mot orphelin (24/09/2026) */
:is(.woocommerce-cart, .woocommerce-checkout) #content :is(p, label, h1, h2, h3, h4, .wc-block-components-checkbox__label, .wc-block-components-radio-control__label, .wc-block-components-radio-control__description, .wc-block-components-radio-control__secondary-label, .woocommerce-shipping-estimate-html, .woocommerce-shipping-destination, .mmv-liv__nom, .mmv-liv__delai, .wc-block-components-notice-banner__content){text-wrap:balance}


/* COMMANDE — choix Expédier / Retrait au caveau : plus de fond beige (brun à 6 %, coins arrondis 8 px) derrière les deux boutons, fond ivoire du site (24/09/2026) */
.wc-block-checkout__shipping-method-container{background:transparent !important;border-radius:0 !important;padding:0 !important;gap:10px !important}
.wc-block-checkout__shipping-method-option{border-radius:0 !important}


/* COMMANDE MOBILE — cadre « Résumé de la commande » resserré : titre centré en hauteur, 15 px d'air en haut et en bas (24/09/2026) */
.wc-block-checkout.is-small .wc-block-checkout__sidebar{padding:14px 18px !important}
.wc-block-checkout.is-small .wc-block-components-checkout-order-summary__title{margin-bottom:0 !important;min-height:30px;align-items:center}
.wc-block-checkout.is-small .wc-block-components-checkout-order-summary__content{padding-top:14px}

/* FIL D ARIANE souligne au survol / au toucher seulement 24/09 */
html body .wm-breadcrumb .elementor-element.elementor-widget-woocommerce-breadcrumb nav.woocommerce-breadcrumb.woocommerce-breadcrumb a,html body .wine-hero nav.woocommerce-breadcrumb.woocommerce-breadcrumb a,html body nav.woocommerce-breadcrumb.woocommerce-breadcrumb a{text-decoration:none!important}html body .wm-breadcrumb .elementor-element.elementor-widget-woocommerce-breadcrumb nav.woocommerce-breadcrumb.woocommerce-breadcrumb a:hover,html body .wine-hero nav.woocommerce-breadcrumb.woocommerce-breadcrumb a:hover,html body nav.woocommerce-breadcrumb.woocommerce-breadcrumb a:hover,html body .wm-breadcrumb .elementor-element.elementor-widget-woocommerce-breadcrumb nav.woocommerce-breadcrumb.woocommerce-breadcrumb a:focus-visible,html body .wine-hero nav.woocommerce-breadcrumb.woocommerce-breadcrumb a:focus-visible,html body nav.woocommerce-breadcrumb.woocommerce-breadcrumb a:focus-visible,html body .wm-breadcrumb .elementor-element.elementor-widget-woocommerce-breadcrumb nav.woocommerce-breadcrumb.woocommerce-breadcrumb a:active,html body .wine-hero nav.woocommerce-breadcrumb.woocommerce-breadcrumb a:active,html body nav.woocommerce-breadcrumb.woocommerce-breadcrumb a:active{text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:5px!important}

/* PIED DE PAGE TABLETTE (740-899 px) : LIENS A GAUCHE, MARQUE + NEWSLETTER + AVIS A DROITE (25/09/2026) */
@media (min-width:740px) and (max-width:899px){
.mmv-f .mmv-f__inner.mmv-f__inner{max-width:none;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand brand" "ll news" "lr avis";column-gap:clamp(32px,5vw,56px);row-gap:40px;align-items:start}
.mmv-f .mmv-f__inner .mmv-f__center{grid-area:brand;justify-self:center}
.mmv-f .mmv-f__inner .mmv-f__news{grid-area:news}
.mmv-f .mmv-f__inner .mmv-f__aside{grid-area:avis;margin-top:0}
.mmv-f .mmv-f__inner .mmv-f__links--left{grid-area:ll;margin-top:0}
.mmv-f .mmv-f__inner .mmv-f__links--right{grid-area:lr;margin-top:0}
.mmv-f .mmv-f__inner .mmv-f__links{grid-template-columns:9.5em max-content;column-gap:28px;text-align:left;justify-self:start;justify-content:start;margin-left:0;margin-right:0;width:auto}
.mmv-f .mmv-f__inner .mmv-f__col{text-align:left}
}

/* AU PLAISIR DE VOUS RECEVOIR, TABLETTE (740-900 px) : BOUTONS EMPILES A DROITE DE LA MAISON A VOTRE ECOUTE (25/09/2026) */
@media (min-width:740px) and (max-width:900px){
section.mmv-visite.mmv-visite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;row-gap:0;align-items:center}
section.mmv-visite.mmv-visite > *{grid-column:1/-1}
section.mmv-visite .mmv-visite__grid.mmv-visite__grid{display:contents}
section.mmv-visite .mmv-visite__grid > .mmv-visite__col{grid-column:1/-1;margin-bottom:40px}
section.mmv-visite .mmv-visite__grid > .mmv-visite__col:last-child{grid-column:1;margin-bottom:0}
section.mmv-visite .mmv-visite__grid > .mmv-visite__col:last-child p:last-child{margin-bottom:0}
section.mmv-visite .mmv-visite__buttons.mmv-visite__buttons{grid-column:2;margin-top:0;flex-direction:column;align-items:center;justify-content:center}
section.mmv-visite .mmv-visite__buttons .mmv-visite__btn{width:100%;max-width:280px;text-align:center;box-sizing:border-box}
}

/* AU PLAISIR DE VOUS RECEVOIR, TABLETTE (740-900 px) : HORAIRES A DROITE DE RETROUVEZ-NOUS CHAQUE JOUR (25/09/2026) */
@media (min-width:740px) and (max-width:900px){
section.mmv-visite.mmv-visite{grid-auto-flow:row dense}
section.mmv-visite .mmv-visite__hor.mmv-visite__hor{grid-column:2;margin:18px auto 0;justify-self:center;align-self:center}
section.mmv-visite .mmv-visite__grid > .mmv-visite__col:first-child{grid-column:1;margin-top:18px;margin-bottom:0;align-self:center}
section.mmv-visite .mmv-visite__grid > .mmv-visite__col:nth-child(2){margin-top:40px}
}

/* A L HONNEUR, TABLETTE (740-900 px) : BLANC & ROUGE ET CREATION AU COMPTOIR DE CHAQUE COTE DU VISUEL DU BAR (25/09/2026) */
@media (min-width:740px) and (max-width:900px){
section.mdvh .mdvh-grid.mdvh-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);column-gap:24px;align-items:start}
section.mdvh .mdvh-grid.mdvh-grid > .mdvh-visual{order:0;align-self:center}
}


/* MMV - PIED DE PAGE TABLETTE (768-1024) : la dame remontee, image calee sur son bas (25/09) */
@media (min-width:768px) and (max-width:1024px){html body .mmv-f .mmv-f__bg{background-position:center 100% !important}}


/* MMV - PIED DE PAGE TABLETTE (768-1024) : barre legale sur une seule ligne (26/09) */
@media (min-width:768px) and (max-width:1024px){html body .mmv-f .mmv-f__bar .mmv-f__legal{white-space:nowrap !important;max-width:none !important;width:auto !important}html body .mmv-f .mmv-f__bar .mmv-f__legal .mmv-f__sep{display:inline !important;height:auto !important;width:auto !important}}

/* PIED DE PAGE TABLETTE (740-899 px) : BARRE LEGALE EN TROIS LIGNES CENTREES, LANGUE AU-DESSUS DU COPYRIGHT (26/09/2026) */
@media (min-width:740px) and (max-width:899px){
.mmv-f .mmv-f__bar.mmv-f__bar{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:8px}
.mmv-f .mmv-f__bar .mmv-f__evin.mmv-f__evin{width:auto;max-width:none;white-space:nowrap;text-align:center;margin:0}
.mmv-f .mmv-f__bar .mmv-f__legal .mmv-f__sep.mmv-f__sep{display:inline;font-size:11px;line-height:inherit;height:auto;overflow:visible;width:auto}
}

/* AU PLAISIR DE VOUS RECEVOIR, TABLETTE (740-900 px) : ESSAI ADRESSE AU MILIEU DU TABLEAU DES HORAIRES (26/09/2026) */
@media (min-width:740px) and (max-width:900px){
section.mmv-visite.mmv-visite .mmv-visite__hor.mmv-visite__hor{grid-column:1/-1;grid-row:4;margin:40px 0 0;width:100%;max-width:none;justify-self:stretch;align-self:stretch}
section.mmv-visite.mmv-visite .mmv-visite__hor .xp-hor-strip{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr)!important;width:100%;max-width:none}
section.mmv-visite.mmv-visite .mmv-visite__hor .xp-hor-strip > div:nth-of-type(1){grid-column:1;border-right:1px solid rgba(178,151,96,.3)}
section.mmv-visite.mmv-visite .mmv-visite__hor .xp-hor-strip > div:nth-of-type(2){grid-column:3}
section.mmv-visite.mmv-visite .mmv-visite__hor .xp-hor-ico{display:none}
section.mmv-visite.mmv-visite .mmv-visite__grid > .mmv-visite__col:first-child{grid-column:1/-1;grid-row:4;justify-self:center;align-self:center;margin:40px 0 0;position:relative;z-index:1;max-width:42%}
section.mmv-visite.mmv-visite .mmv-visite__grid > .mmv-visite__col:first-child h3{margin-bottom:8px}
section.mmv-visite.mmv-visite .mmv-visite__grid > .mmv-visite__col:first-child p{margin-bottom:0}
}

/* LA CARTE ET LES MENUS : ONGLETS SUR DEUX LIGNES EN TABLETTE (768-860 px, 26/09/2026) - 6 + 6 centres */
@media (min-width:768px) and (max-width:860px){.mdv-tabs .mdv-tabs-in{flex-wrap:wrap!important;justify-content:center!important;overflow-x:visible!important;max-width:720px;margin-left:auto!important;margin-right:auto!important}}


/* MENU MOBILE ET TABLETTE (TIROIR) : SOUS-PAGES EN RECTANGLES AU TOUCHER D UNE CARTE (26/09/2026) - JS : extrait WPCode 6246 */
@media (max-width:921px){
.mdv-tcs{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.22,.61,.36,1),margin .42s cubic-bezier(.22,.61,.36,1);margin:-30px 0 0}
.mdv-tcs>div{overflow:hidden;display:flex;flex-direction:column;gap:10px}
.mdv-tcs.is-open{grid-template-rows:1fr;margin:-20px 0 0}
.mdv-tcs a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:0 20px;background:#1C140B;border:1px solid rgba(178,151,96,.55);color:#FFFBF0!important;text-decoration:none!important;font-family:"Alegreya SC",Georgia,serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;opacity:0;transform:translateY(-6px);transition:opacity .35s ease,transform .35s ease}
.mdv-tcs.is-open a{opacity:1;transform:none}
.mdv-tcs.is-open a:nth-child(2){transition-delay:.06s}.mdv-tcs.is-open a:nth-child(3){transition-delay:.12s}.mdv-tcs.is-open a:nth-child(4){transition-delay:.18s}.mdv-tcs.is-open a:nth-child(5){transition-delay:.24s}
.mdv-tcs a::after{content:"\2192";letter-spacing:0;color:#FFFBF0}
}


/* === EN-TETE - TITRE DU SITE MASQUE VISUELLEMENT (26/09) : reste lu par les lecteurs d'ecran === */
html body .ast-site-title-wrap .site-title,
html body .ast-site-title-wrap .site-title a{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;clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important;}


/* MDV — En-tête ivoire aussi en tablette/mobile (27/09/2026) */
body.ast-header-break-point.mdv-entete-ivoire:not(.mmv-scrolled) #masthead,
body.ast-header-break-point.mdv-entete-ivoire:not(.mmv-scrolled) #ast-mobile-header,
body.ast-header-break-point.mdv-entete-ivoire:not(.mmv-scrolled) #ast-mobile-header .ast-main-header-wrap,
body.ast-header-break-point.mdv-entete-ivoire:not(.mmv-scrolled) #ast-mobile-header .main-header-bar{
  background:#FFFBF0 !important;
}


/* MDV — Fiche produit en tablette (27/09/2026) : « L'essentiel en un regard » sur une ligne, colonnes réparties à espaces égaux + hero image/infos côte à côte dès 768 px */
@media (min-width:768px) and (max-width:1199px){
.wine-summary-grid{grid-template-columns:auto auto auto !important;row-gap:26px !important;justify-content:space-between !important;column-gap:0 !important;align-items:center !important;padding:0 !important}
.wine-summary-grid>.summary-card{width:auto !important;min-width:0 !important}
.wine-summary-grid .wine-col1-inner{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:0 !important}
.wine-summary-grid .grape-logo{margin-left:-16px !important}
.wine-summary-grid .wine-info-text p{font-size:14px !important;line-height:1.55 !important;margin:0 !important}
.wine-summary-grid .grape-logo,.wine-summary-grid .grape-logo img{width:98px !important;height:auto !important;flex:0 0 auto !important}
.wine-summary-grid .wine-region{font-size:15px !important;margin-bottom:6px !important}
.wine-summary-grid .wine-appellation{font-size:13px !important;padding:7px 13px !important;white-space:nowrap !important}
.wine-summary-grid .producer-logo img{width:124px !important;height:auto !important}
.wine-summary-grid .wine-badges{justify-content:center !important;gap:6px !important}
.wine-summary-grid .wine-badge{font-size:10.5px !important;padding:4px 9px !important}
.wine-summary-grid .portrait-button{font-size:9.5px !important;padding:8px 11px !important;white-space:nowrap !important}
.wine-summary-grid .portrait-button{display:none !important}
.wine-summary-grid>.summary-card:has(.wine-badges){grid-column:1 / -1 !important;justify-self:center !important;order:-1 !important;min-height:0 !important;height:auto !important;margin:-14px 0 6px !important}
.wine-summary-grid .wine-badges{gap:10px !important}
.wine-summary-grid .wine-badge{font-size:12px !important;padding:5px 14px !important}
}
@media (min-width:768px) and (max-width:920px){
.wine-hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr) !important;column-gap:32px !important;align-items:start !important}
}

/* MDV — Tablette : 3 colonnes égales centrées (27/09) */
@media (min-width:768px) and (max-width:1199px){
.wine-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;justify-content:stretch !important;column-gap:24px !important;padding:0 !important}
.wine-summary-grid>.summary-card{width:100% !important;display:flex !important;justify-content:center !important;align-items:center !important}
.wine-summary-grid .wine-col1-inner{justify-content:center !important;gap:10px !important}
.wine-summary-grid .grape-logo{margin-left:0 !important}
.wine-summary-grid .grape-logo,.wine-summary-grid .grape-logo img{width:112px !important}
.wine-summary-grid .producer-logo{display:flex !important;justify-content:center !important}
.wine-summary-grid .producer-logo img{width:170px !important}
}

/* MDV — Tablette : tailles agrandies (27/09) */
@media (min-width:768px) and (max-width:1199px){
.wine-summary-grid .wine-info-text p{font-size:17px !important;line-height:1.6 !important}
.wine-summary-grid .grape-logo,.wine-summary-grid .grape-logo img{width:132px !important}
.wine-summary-grid .wine-col1-inner{gap:14px !important}
.wine-summary-grid .wine-region{font-size:19px !important;margin-bottom:8px !important}
.wine-summary-grid .wine-appellation{font-size:16px !important;padding:9px 18px !important}
.wine-summary-grid .wine-aoc span{font-size:12px !important}
.wine-summary-grid .producer-logo img{width:200px !important}
.wine-summary-grid .wine-badge{font-size:13px !important;padding:6px 16px !important}
.wine-summary-grid{row-gap:10px !important}
}

/* MDV — Tablette : colonnes 1fr auto 1fr + texte collé au médaillon (27/09) */
@media (min-width:768px) and (max-width:1199px){
.wine-summary-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;column-gap:28px !important}
.wine-summary-grid .wine-col1-inner{gap:4px !important;justify-content:center !important}
.wine-summary-grid .wine-info-text{margin:0 !important;padding:0 !important;flex:0 0 auto !important}
.wine-summary-grid .grape-logo{margin-left:-22px !important}
}

/* MDV — Tablette : marges gauche/droite égales (27/09) */
@media (min-width:768px) and (max-width:1199px){
.wine-summary-grid>.summary-card:has(.wine-col1-inner),.wine-summary-grid .wine-col1-inner{justify-content:flex-start !important}
.wine-summary-grid>.summary-card:has(.producer-logo),.wine-summary-grid .producer-logo{justify-content:flex-end !important}
.wine-summary-grid{padding:0 24px !important}
.wine-summary-grid .producer-logo{margin-left:auto !important;margin-right:0 !important;align-self:center !important}
.wine-summary-grid>.summary-card:has(.producer-logo){align-items:flex-end !important}
.wine-summary-grid .wine-col1-inner{margin-right:auto !important;margin-left:0 !important}
}

/* MDV — Lien « retrouvez-le au restaurant » des fiches produit (27/09) */
.wine-restaurant-availability a.mdv-resto-lien{color:inherit !important;text-decoration:underline !important;text-decoration-color:rgba(178,151,96,.55) !important;text-underline-offset:3px;transition:text-decoration-color .3s ease,color .3s ease}
.wine-restaurant-availability a.mdv-resto-lien:hover{color:#402E15 !important;text-decoration-color:#B29760 !important}

/* MMV-2709-ICONES-FICHE : icones des titres de fiche produit a la meme hauteur de dessin (mobile/tablette) */
@media (max-width:900px){
html body .wine-details-grid > .wine-details-column:has(img[alt="Accords"]) > h2::before{background-size:auto 94.6px !important;background-position:50% -7.2px !important;background-repeat:no-repeat !important}
html body .wine-details-grid > .wine-details-column:has(img[alt="Profil sensoriel"]) > h2::before{background-size:auto 69.1px !important;background-position:50% 4.1px !important;background-repeat:no-repeat !important}
}

/* MMV-2709-FOOTER-BOUTONS-SURVOL : texte brun fonce au survol (fond ivoire) */
html body .mmv-f a.mmv-f__newsBtn:hover, html body .mmv-f a.mmv-f__newsBtn:focus-visible, html body .mmv-f .mmv-f__btnwrap a.mmv-f__btn:hover, html body .mmv-f .mmv-f__btnwrap a.mmv-f__btn:focus-visible{color:#150E06 !important}

/* MMV-2709-FOOTER-FEMME : visuel du pied de page remonte, bas de l image cale sur le filet de la barre legale (48 px sous 1256 px, 30 px au-dessus) */
@media (min-width:900px) and (max-width:1256px){html body .mmv-f .mmv-f__bg{bottom:52px !important}} @media (min-width:1257px){html body .mmv-f .mmv-f__bg{bottom:33px !important}}

/* MMV-2709-MINI-PANIER : au survol du panier, la mini page glisse depuis la droite en fondu (desktop) */
@media (min-width:922px){
html body #masthead .ast-site-header-cart .widget_shopping_cart{right:-10px !important;left:auto !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translate3d(36px,0,0) !important;will-change:transform,opacity;transition:opacity .38s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.16,1,.3,1),visibility 0s linear .6s !important}
html body #masthead .ast-site-header-cart:hover .widget_shopping_cart,html body #masthead .ast-site-header-cart:focus-within .widget_shopping_cart{right:-10px !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translate3d(0,0,0) !important;transition:opacity .45s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s !important}
}
@media (prefers-reduced-motion:reduce){html body #masthead .ast-site-header-cart .widget_shopping_cart{transform:none !important;transition:opacity .2s,visibility 0s linear .2s !important}}

/* MMV-2709-MINI-PANIER-POINTE : panneau decale de 37 px vers la droite pour que la pointe tombe au centre de l icone panier (verifie 1114 a 1920 px) */
@media (min-width:922px){html body #masthead .ast-site-header-cart .widget_shopping_cart,html body #masthead .ast-site-header-cart:hover .widget_shopping_cart,html body #masthead .ast-site-header-cart:focus-within .widget_shopping_cart{right:-47px !important}}

/* MMV-2709-FOCUS : plus de pointilles au clic ; au clavier seulement, un filet or fin et continu (accessibilite) */
html body *:focus:not(:focus-visible),html body *:focus:not(:focus-visible)::before,html body *:focus:not(:focus-visible)::after{outline:none !important}
html body a:focus-visible,html body button:focus-visible,html body [role="button"]:focus-visible,html body summary:focus-visible,html body input:focus-visible,html body select:focus-visible,html body textarea:focus-visible,html body [tabindex]:focus-visible{outline:1px solid #B29760 !important;outline-offset:3px !important}

/* MMV-2709-FOCUS-IVOIRE : filet de focus clavier en ivoire #FFFBF0 sur les fonds sombres (en-tete sombre, pied de page) ; brun sur l en-tete ivoire, sinon il serait invisible */
html body #masthead a:focus-visible,html body #masthead button:focus-visible,html body #masthead [role="button"]:focus-visible,html body #masthead summary:focus-visible,html body #masthead input:focus-visible,html body #masthead select:focus-visible,html body #masthead textarea:focus-visible,html body #masthead [tabindex]:focus-visible,html body .mmv-f a:focus-visible,html body .mmv-f button:focus-visible,html body .mmv-f [role="button"]:focus-visible,html body .mmv-f summary:focus-visible,html body .mmv-f input:focus-visible,html body .mmv-f select:focus-visible,html body .mmv-f textarea:focus-visible,html body .mmv-f [tabindex]:focus-visible{outline-color:#FFFBF0 !important}
html body.mdv-entete-ivoire:not(.mmv-scrolled) #masthead a:focus-visible,html body.mdv-entete-ivoire:not(.mmv-scrolled) #masthead button:focus-visible,html body.mdv-entete-ivoire:not(.mmv-scrolled) #masthead [role="button"]:focus-visible,html body.mdv-entete-ivoire:not(.mmv-scrolled) #masthead summary:focus-visible,html body.mdv-entete-ivoire:not(.mmv-scrolled) #masthead input:focus-visible,html body.mdv-entete-ivoire:not(.mmv-scrolled) #masthead select:focus-visible,html body.mdv-entete-ivoire:not(.mmv-scrolled) #masthead textarea:focus-visible,html body.mdv-entete-ivoire:not(.mmv-scrolled) #masthead [tabindex]:focus-visible{outline-color:#402E15 !important}

/* MMV-2709-FOCUS-CROIX : aucun cadre de focus sur les boutons de fermeture ; au clavier, seule la croix passe en or */
html body :is([class*="close"],[class*="fermer"],[aria-label*="ermer" i],[aria-label*="close" i],.astra-cart-drawer-close,.ast-mobile-popup-close,.mfp-close,.dialog-close-button,.cmplz-close):focus,html body :is([class*="close"],[class*="fermer"],[aria-label*="ermer" i],[aria-label*="close" i],.astra-cart-drawer-close,.ast-mobile-popup-close,.mfp-close,.dialog-close-button,.cmplz-close):focus-visible{outline:none !important;box-shadow:none !important}
html body :is([class*="close"],[class*="fermer"],[aria-label*="ermer" i],[aria-label*="close" i],.astra-cart-drawer-close,.ast-mobile-popup-close,.mfp-close,.dialog-close-button,.cmplz-close):focus-visible,html body :is([class*="close"],[class*="fermer"],[aria-label*="ermer" i],[aria-label*="close" i],.astra-cart-drawer-close,.ast-mobile-popup-close,.mfp-close,.dialog-close-button,.cmplz-close):focus-visible *{color:#B29760 !important;fill:#B29760 !important;stroke:#B29760 !important}


/* MDV — Cartes cadeaux : textes des modes de remise en romain, pas en italique (27/09/2026) */
body .mmvcc-f .mmvcc-r i{font-style:normal!important}


/* MMV-2709-TYPO-UNIFORME : harmonisation des titres, surtitres et textes (desktop >= 1025 px)
   Reference = accueil : titre de section Alegreya capitales 36 px graisse 200 espacement 1 px + mot script Parisienne 54 px ;
   titre de rubrique 26 px ; surtitre Alegreya SC 13 px capitales espacement 2,4 px ; texte 17 px interligne 1,2 */
@media (min-width:1025px){
/* mot script des titres : 54 px partout */
html body:not(.single-product) #content h2 .script,html body:not(.single-product) #content h2 .mdv-ch-b,html body:not(.single-product) #content h2.mdvh-title i{font-size:54px !important}
/* titres de section en 36 px */
html body:not(.single-product) #content .mmv-visite h2,
html body.page-id-43 #content h2.moments-title,
html body.page-id-2129 #content :is(.mdv-degl-titre,.mdv-degi-titre),
html body #content :is(.mdv-degl-titre,.mdv-degi-titre),
html body.page-id-2131 #content .mmv-part-h,
html body.page-id-1904 #content h2.mdvh-title{font-size:36px !important;font-family:'Alegreya',serif !important;font-weight:200 !important;text-transform:uppercase !important;letter-spacing:1px !important;line-height:1.2 !important}
html body.page-id-2131 #content :is(.mdv-cuvees-title,.mmv-vue-titre,.mmv-cep-titre,.mmv-part-titre,.mdv-degust-title) :is(.pre,.post),
html body.page-id-1904 #content :is(.mdv-carte-heading,.mdv-formules-heading) .mdv-ch-a{font-size:36px !important;font-family:'Alegreya',serif !important;font-weight:200 !important;text-transform:uppercase !important;letter-spacing:1px !important}
html body.page-id-1904 #content h2,html body.page-id-2131 #content h2{font-family:'Alegreya',serif}
html body.page-id-2138 #content h2.x-t{font-weight:200 !important}
/* titres de rubrique (Livraison) en 26 px */
html body.page-id-2889 #content h2:is(.mdv-mv-vu,.mdv-mv-bloc){font-size:26px !important;font-family:'Alegreya',serif !important;font-weight:200 !important;text-transform:uppercase !important;letter-spacing:1px !important;line-height:1.2 !important}
/* surtitres : un seul style */
html body #content :is(.mmv-visite__subtitle,.mdv-esp-kicker){font-family:'Alegreya SC',serif !important;font-size:13px !important;font-weight:400 !important;text-transform:uppercase !important;letter-spacing:2.4px !important}
/* texte courant */
html body:is(.page-id-43,.page-id-2129,.page-id-2131,.page-id-2889) #content p:not([class]){font-size:17px !important;line-height:1.2 !important}
}

/* MMV-2709-TYPO-UNIFORME-TSC : systeme de titres (mdv-tsc) - capitales 36 px, mot script 54 px, sur tous les h2 hors fiches produit (desktop) */
@media (min-width:1025px){html body:not(.single-product) #content h2 .mdv-tsc-n{font-size:36px !important;font-weight:200 !important;letter-spacing:1px !important}html body:not(.single-product) #content h2 .mdv-tsc-m{font-size:54px !important}}


/* MMV-2709-GRANDS-PROJETS-FLUIDE : bandeau « Et pour les grands projets » pleine largeur, voile brun chaud en degrade, photo qui se pose en douceur */
html body.page-id-1336 #content .mdv-esp-grands{position:relative !important;overflow:hidden !important;width:100vw !important;max-width:none !important;margin-left:calc(50% - 50vw) !important;margin-right:0 !important;padding:96px 28px !important;background-image:none !important}
html body.page-id-1336 #content .mdv-esp-grands::after{content:"" !important;position:absolute !important;inset:0 !important;z-index:0 !important;background:url(/wp-content/uploads/2026/09/mmv-groupes-grands-projets-auditorium.webp) 50% 45%/cover no-repeat !important;transform:scale(1.08);transition:transform 2.4s cubic-bezier(.16,1,.3,1) !important;will-change:transform}
html body.page-id-1336 #content .mdv-esp-grands.gfx-in::after{transform:scale(1)}
html body.page-id-1336 #content .mdv-esp-grands::before{z-index:1 !important;background:radial-gradient(ellipse 60% 75% at 50% 50%,rgba(21,14,6,.8) 0%,rgba(21,14,6,.7) 55%,rgba(21,14,6,.62) 100%),linear-gradient(180deg,rgba(21,14,6,.25),rgba(21,14,6,0) 30%,rgba(21,14,6,0) 70%,rgba(21,14,6,.3)) !important}
html body.page-id-1336 #content .mdv-esp-grands > *{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){html body.page-id-1336 #content .mdv-esp-grands::after{transform:none !important;transition:none !important}}

/* MMV-2709-BOUTON-CAVEAU-TABLE : « Decouvrir nos vins » (bloc Du Caveau a la table) au style du bouton « Demander un devis » */
html body.page-id-1336 #content#content .mdv-vin .mdv-vin-in p a.mdv-vin-lien.mdv-vin-lien{display:inline-block !important;border:1px solid #FFFBF0 !important;border-bottom-color:#FFFBF0 !important;padding:15px 32px !important;font-family:'Alegreya SC',serif !important;font-size:13px !important;font-weight:400 !important;letter-spacing:2.6px !important;line-height:20px !important;text-transform:uppercase !important;color:#FFFBF0 !important;background:transparent !important;text-decoration:none !important;transition:background-color .35s,color .35s !important}
html body.page-id-1336 #content#content .mdv-vin .mdv-vin-in p a.mdv-vin-lien.mdv-vin-lien:hover,html body.page-id-1336 #content#content .mdv-vin .mdv-vin-in p a.mdv-vin-lien.mdv-vin-lien:focus-visible{background:#FFFBF0 !important;color:#150E06 !important}


/* MMV-2709-TYPO-UNIFORME-MOBILE : meme logique sous 1025 px (titres 24 px / script 39 px, rubriques 18 px, surtitre 13 px, texte 17 px interligne 1,2) */
@media (max-width:1024px){
html body #content :is(.mdv-degl-titre,.mdv-degi-titre){font-size:24px !important;font-family:'Alegreya',serif !important;font-weight:200 !important;text-transform:uppercase !important;letter-spacing:1px !important;line-height:1.2 !important}
html body.page-id-2889 #content h2:is(.mdv-mv-vu,.mdv-mv-bloc){font-size:18px !important;font-family:'Alegreya',serif !important;font-weight:200 !important;text-transform:uppercase !important;letter-spacing:1px !important;line-height:1.2 !important}
html body #content :is(.mmv-visite__subtitle,.mdv-esp-kicker){font-family:'Alegreya SC',serif !important;font-size:13px !important;font-weight:400 !important;text-transform:uppercase !important;letter-spacing:2.4px !important}
html body:is(.page-id-43,.page-id-2129,.page-id-2131,.page-id-2889) #content p:not([class]){font-size:17px !important;line-height:1.2 !important}
}

/* MMV-2709-RESA-TEL : sous le bouton Reserver une table (Ta Table), lien discret pour reserver par telephone */
html body .mmv-visite .mmv-visite__colbtn .mmv-visite__alt{display:block;margin-top:12px;font-family:'Alegreya',serif;font-style:italic;font-size:15px;letter-spacing:0;text-transform:none;color:rgb(91, 75, 60) !important;opacity:.85;text-decoration:none;background:linear-gradient(currentColor,currentColor) 50% 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .42s cubic-bezier(.22,.61,.36,1),opacity .3s}
html body .mmv-visite .mmv-visite__colbtn .mmv-visite__alt:hover,html body .mmv-visite .mmv-visite__colbtn .mmv-visite__alt:focus-visible{background-size:100% 1px;opacity:1}
html body .mmv-visite .mmv-visite__colbtn:has(.mmv-visite__alt){display:flex;flex-direction:column;align-items:center}

/* MMV-2709 NEWSLETTER : un seul cadre au focus — le filet de focus du champ e-mail doublait la bordure du formulaire */
html body .mmv-f .mmv-f__newsForm .mmv-f__newsInput:focus,html body .mmv-f .mmv-f__newsForm .mmv-f__newsInput:focus-visible{outline:none !important;box-shadow:none !important}

/* MMV-2709 NEWSLETTER : bouton d'envoi tout en ivoire #FFFBF0 (plus d'or, au repos comme au survol) */
html body .mmv-f .mmv-f__newsForm .mmv-f__newsSend{color:#FFFBF0 !important;border-color:#FFFBF0 !important}
html body .mmv-f .mmv-f__newsForm .mmv-f__newsSend:hover,html body .mmv-f .mmv-f__newsForm .mmv-f__newsSend:focus-visible{background:#FFFBF0 !important;color:#160E06 !important;border-color:#FFFBF0 !important}

/* MMV-2709 MENU MOBILE : bouton « Réserver une table » du tiroir en brun foncé #402E15 (au lieu du doré), survol #5B4B3C, texte ivoire */
html body .mdv-tc-pied .mdv-tc-resa{background:#402E15 !important;border-color:#402E15 !important;color:#FFFBF0 !important}
html body .mdv-tc-pied .mdv-tc-resa:hover,html body .mdv-tc-pied .mdv-tc-resa:focus-visible,html body .mdv-tc-pied .mdv-tc-resa:active{background:#5B4B3C !important;border-color:#5B4B3C !important;color:#FFFBF0 !important}


/* ===== ACCUEIL - TITRES DE SECTION : UN SEUL GABARIT DES 768 PX (27/09/2026) ===== */
@media (min-width:768px){
 html body.home #content h2.mdv-tsc:not(.mmv-lr-titre){font-family:"Alegreya",Georgia,serif !important;font-size:36px !important;font-weight:200 !important;letter-spacing:1px !important;text-transform:uppercase !important;color:#402E15 !important;line-height:1.3 !important}
 html body.home #content h2.mdv-tsc:not(.mmv-lr-titre) .script{font-family:"Parisienne",cursive !important;font-size:54px !important;font-weight:400 !important;text-transform:none !important;color:#402E15 !important}
}

@media (min-width:768px) and (max-width:1024px){ html body.home #content h2.mdv-tsc:not(.mmv-lr-titre){white-space:normal !important;text-wrap:balance;max-width:100% !important} }



/* MMV - Le Caveau TABLETTE + DESKTOP : memes changements que le mobile du 24/09 - pastilles gravees autour de la carte, Comptoir sur photo, filet du conseil retire (29/09) */
@media (min-width:768px){
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-inner{position:relative}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-col,html body.page-id-2129 .mdv-terroirs .mdv-terroirs-col .mdv-terroirs-pastilles{position:static!important}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-col .mdv-terroirs-pastilles{display:block!important;height:0!important;margin:0!important;padding:0!important}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille{position:absolute!important;width:110px!important;text-align:center;z-index:2;margin:0!important}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille > span{border:0!important;background:center/contain no-repeat!important;width:76px!important;height:76px!important}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille > span::after{display:none!important}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(1) > span{background-image:url(/wp-content/uploads/2026/09/mmv-pastille-cote-chalonnaise-trait.webp)!important}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(2) > span{background-image:url(/wp-content/uploads/2026/09/mmv-pastille-maconnais-trait.webp)!important}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(3) > span{background-image:url(/wp-content/uploads/2026/09/mmv-pastille-beaujolais-trait.webp)!important}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(1){top:40px}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(2){top:190px}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(3){top:330px}
html body.page-id-2129 section.mdv-degust{background:linear-gradient(rgba(21,14,6,.62),rgba(21,14,6,.62)),url(/wp-content/uploads/2026/09/salle-de-degustation-maison-maconnaise-des-vins-1536x864.jpg.webp) center/cover no-repeat!important}
html body.page-id-2129 section.mdv-degust::before,html body.page-id-2129 section.mdv-degust::after{content:none!important;display:none!important}
html body.page-id-2129 section.mdv-degust .mdv-degust-rack{display:none!important}
html body.page-id-2129 section.mdv-degust .mdv-degust-title,html body.page-id-2129 section.mdv-degust .mdv-degust-title span,html body.page-id-2129 section.mdv-degust .mdv-degust-sub,html body.page-id-2129 section.mdv-degust .mdv-degust-text{color:#FFFBF0!important}
html body.page-id-2129 section.mdv-degust .mmv-section-btn{color:#FFFBF0!important;border-color:#FFFBF0!important;background:transparent!important}
html body.page-id-2129 section.mdv-degust .mmv-section-btn:hover{background:#FFFBF0!important;color:#150E06!important}
html body.page-id-2129 .mdv-conseil .mdv-conseil-filet{display:none!important}
}
/* tablette, carte seule au centre : pastilles de part et d'autre du dessin (197 px) */
@media (min-width:768px) and (max-width:900px){
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(2){left:calc(50% - 98.5px - 40px - 110px)}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(1),html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(3){left:calc(50% + 98.5px + 40px)}
}
@media (min-width:768px) and (max-width:900px){html body.page-id-2129 .mdv-terroirs .mdv-terroirs-col .mdv-terroirs-intro{margin-left:auto!important;margin-right:auto!important}}
/* desktop, deux colonnes : la colonne carte s'elargit pour loger les pastilles, calees sur ses bords */
@media (min-width:901px){
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-inner{--L:440px;--G:32px;grid-template-columns:var(--L) minmax(0,460px)!important;column-gap:var(--G)!important;justify-content:center!important}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(2){left:max(0px,calc((100% - var(--L) - var(--G) - 460px) / 2))}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(1),html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(3){left:calc(max(0px,calc((100% - var(--L) - var(--G) - 460px) / 2)) + var(--L) - 110px)}
}
@media (min-width:1025px){
html body.page-id-2129 section.mdv-degust{background-image:linear-gradient(rgba(21,14,6,.62),rgba(21,14,6,.62)),url(/wp-content/uploads/2026/09/salle-de-degustation-maison-maconnaise-des-vins.jpg.webp)!important}
}
@media (min-width:1200px){
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-inner{--L:520px;--G:48px}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille{width:140px!important}
html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(1),html body.page-id-2129 .mdv-terroirs .mdv-terroirs-pastilles .mdv-terroirs-pastille:nth-child(3){left:calc(max(0px,calc((100% - var(--L) - var(--G) - 460px) / 2)) + var(--L) - 140px)}
}


/* MMV - Le Caveau TABLETTE + DESKTOP : bloc « Le Caveau, en pratique » masque aussi (conteneur 2b60de4) (29/09) */
@media (min-width:768px){html body.page-id-2129 .elementor-element.elementor-element-2b60de4{display:none!important}}


/* MMV - Le Caveau TABLETTE + DESKTOP : bloc « Poursuivre la decouverte » masque en entier (widget d730eca) (29/09) */
@media (min-width:768px){html body.page-id-2129 .elementor-element.elementor-element-d730eca{display:none!important}}


/* MMV - Nos vins et terroirs TABLETTE + DESKTOP : medaillons des 3 vignobles avec les dessins des pastilles, comme le mobile (29/09) */
@media (min-width:768px){
html body.page-id-2131 .mmv-vue .mmv-vue-regs .mmv-vue-med{border:0!important;background:center/contain no-repeat!important;box-shadow:none;border-radius:50%;transition:box-shadow .3s ease}
html body.page-id-2131 .mmv-vue .mmv-vue-regs .mmv-vue-med::after,html body.page-id-2131 .mmv-vue .mmv-vue-regs .mmv-vue-med::before{display:none!important}
html body.page-id-2131 .mmv-vue .mmv-vue-regs .mmv-vue-reg-cc .mmv-vue-med{background-image:url(/wp-content/uploads/2026/09/mmv-pastille-cote-chalonnaise-trait.webp)!important}
html body.page-id-2131 .mmv-vue .mmv-vue-regs .mmv-vue-reg-mac .mmv-vue-med{background-image:url(/wp-content/uploads/2026/09/mmv-pastille-maconnais-trait.webp)!important}
html body.page-id-2131 .mmv-vue .mmv-vue-regs .mmv-vue-reg-bj .mmv-vue-med{background-image:url(/wp-content/uploads/2026/09/mmv-pastille-beaujolais-trait.webp)!important}
html body.page-id-2131 .mmv-vue .mmv-vue-regs .mmv-vue-reg.on .mmv-vue-med{box-shadow:0 0 0 3px rgba(178,151,96,.28)!important}
}


/* MMV - Nos vins et terroirs DESKTOP : fiche region revue - en-tete, carte d'appellations agrandie (29/09) */
@media (min-width:1025px){
html body.page-id-2131 .mdv-terr-left{grid-template-columns:200px minmax(0,500px) 360px!important;column-gap:56px!important;justify-content:center!important;align-items:start!important}
html body.page-id-2131 .mdv-terr-left > h3{font-size:13px!important;letter-spacing:2.4px!important;text-transform:uppercase!important;color:#B29760!important;margin:0 0 14px!important;line-height:1.4!important}
html body.page-id-2131 .mdv-terr-left > p{text-wrap:pretty}
html body.page-id-2131 .mdv-terr-head img{width:96px!important;height:96px!important;object-fit:contain!important}
html body.page-id-2131 .mdv-terr-ceps{display:flex!important;gap:14px!important;flex-wrap:nowrap!important;justify-content:center!important}
html body.page-id-2131 .mdv-terr-cep{width:auto!important;flex:0 0 78px!important}
html body.page-id-2131 .mdv-terr-cep img{width:78px!important;height:78px!important;object-fit:contain!important}
html body.page-id-2131 .mdv-terr-carte{display:grid!important;grid-template-columns:300px minmax(0,1fr) 250px!important;column-gap:48px!important;align-items:start!important;max-width:1180px;margin-left:auto!important;margin-right:auto!important}
html body.page-id-2131 .mdv-terr-fiche{position:sticky!important;top:140px;align-self:start!important;margin:40px 0 0!important;width:auto!important}
html body.page-id-2131 .mdv-terr-map{height:680px!important;width:100%!important;justify-content:center!important}
html body.page-id-2131 .mdv-terr-map .mdv-map-svg{height:100%!important;width:auto!important;max-width:100%!important}
html body.page-id-2131 .mdv-terr-leg{width:auto!important;align-self:start!important}
}


/* MMV - Nos vins et terroirs : pictos des cepages de la fiche region agrandis, tous ecrans (29/09) */
@media (max-width:767px){html body.page-id-2131 .mdv-terr .mdv-terr-ceps .mdv-terr-cep{flex:0 0 112px!important;width:112px!important}html body.page-id-2131 .mdv-terr .mdv-terr-ceps .mdv-terr-cep img{width:112px!important;height:112px!important;object-fit:contain!important}}
@media (min-width:768px) and (max-width:1024px){html body.page-id-2131 .mdv-terr .mdv-terr-ceps{display:flex!important;flex-wrap:wrap!important;gap:16px!important;justify-content:center!important}html body.page-id-2131 .mdv-terr .mdv-terr-ceps .mdv-terr-cep{flex:0 0 112px!important;width:112px!important}html body.page-id-2131 .mdv-terr .mdv-terr-ceps .mdv-terr-cep img{width:112px!important;height:112px!important;object-fit:contain!important}}
@media (min-width:1025px){html body.page-id-2131 .mdv-terr-left{grid-template-columns:200px minmax(0,470px) 410px!important;column-gap:48px!important}html body.page-id-2131 .mdv-terr .mdv-terr-ceps{gap:16px!important;flex-wrap:wrap!important}html body.page-id-2131 .mdv-terr .mdv-terr-ceps .mdv-terr-cep{flex:0 0 122px!important;width:122px!important}html body.page-id-2131 .mdv-terr .mdv-terr-ceps .mdv-terr-cep img{width:122px!important;height:122px!important}}


/* MMV - Nos vins et terroirs TABLETTE + DESKTOP : carte des appellations restructuree - carte a gauche, fiche puis liste a droite (29/09) */
@media (min-width:768px){
html body.page-id-2131 .mdv-terr .mdv-terr-carte{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(300px,36vw,460px)!important;grid-template-areas:'map fiche' 'map leg'!important;grid-template-rows:auto 1fr!important;column-gap:clamp(32px,4vw,64px)!important;row-gap:32px!important;align-items:start!important;width:100%!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;padding:0 24px!important;box-sizing:border-box!important}
html body.page-id-2131 .mdv-terr .mdv-terr-map{grid-area:map!important;height:clamp(480px,48vw,660px)!important;width:100%!important;justify-content:center!important;align-self:start!important}
html body.page-id-2131 .mdv-terr .mdv-terr-map .mdv-map-svg{height:100%!important;width:auto!important;max-width:100%!important}
html body.page-id-2131 .mdv-terr .mdv-terr-fiche{grid-area:fiche!important;position:static!important;margin:0!important;width:auto!important;max-width:none!important;align-self:stretch!important;min-height:0!important}
html body.page-id-2131 .mdv-terr .mdv-terr-leg{grid-area:leg!important;width:auto!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-content:start!important}
html body.page-id-2131 .mdv-terr .mdv-terr-leg > h4{margin:8px 0 4px!important;text-align:left!important}
html body.page-id-2131 .mdv-terr .mdv-terr-leg > h4:first-child{margin-top:0!important}
html body.page-id-2131 .mdv-terr .mdv-terr-leg .mdv-terr-app{width:auto!important;max-width:none!important;margin:0!important}
}


/* MMV - Nos vins et terroirs : MAQUETTES A / B des onglets Carte des appellations + Les domaines, visibles seulement avec ?mq=a ou ?mq=b dans l'URL (29/09) */
@media (min-width:768px){
html body.mdv-mq-a .mdv-terr .mdv-terr-tabs{display:flex!important;justify-content:center!important;gap:48px!important;max-width:1120px!important;margin:0 auto 44px!important;border-bottom:1px solid rgba(178,151,96,.35)!important;width:auto!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-tabs button{background:none!important;border:0!important;border-bottom:1px solid transparent!important;box-shadow:none!important;outline:0!important;width:auto!important;min-width:0!important;height:auto!important;padding:0 2px 14px!important;margin:0 0 -1px!important;font-size:14px!important;letter-spacing:2.6px!important;color:#B29760!important;transition:color .25s,border-color .25s}
html body.mdv-mq-a .mdv-terr .mdv-terr-tabs button::before,html body.mdv-mq-a .mdv-terr .mdv-terr-tabs button::after{display:none!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-tabs button.on,html body.mdv-mq-a .mdv-terr .mdv-terr-tabs button:hover{color:#402E15!important;border-bottom-color:#402E15!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-fiche{border:0!important;border-top:1px solid rgba(178,151,96,.5)!important;border-bottom:1px solid rgba(178,151,96,.5)!important;background:none!important;padding:26px 4px!important;text-align:left!important;align-items:flex-start!important;box-shadow:none!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-fiche *{text-align:left!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-leg{gap:0!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-leg > h4{font-size:12px!important;letter-spacing:2.4px!important;color:#B29760!important;margin:26px 0 6px!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-leg > h4:first-child{margin-top:0!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-leg .mdv-terr-app{display:flex!important;justify-content:space-between!important;align-items:baseline!important;border-bottom:1px solid rgba(178,151,96,.25)!important;padding:11px 2px!important;cursor:pointer}
html body.mdv-mq-a .mdv-terr .mdv-terr-leg .mdv-terr-app b,html body.mdv-mq-a .mdv-terr .mdv-terr-leg .mdv-terr-app i{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;height:auto!important;min-height:0!important;width:auto!important;justify-content:flex-start!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-leg .mdv-terr-app b{font-size:14px!important;letter-spacing:1.8px!important;color:#402E15!important;transition:color .2s,padding .2s}
html body.mdv-mq-a .mdv-terr .mdv-terr-leg .mdv-terr-app.sous b{padding-left:16px!important;color:#7A6A55!important;font-size:13px!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-leg .mdv-terr-app i{font-family:'Alegreya',serif!important;font-style:italic!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;color:#B29760!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-leg .mdv-terr-app:hover b{color:#B29760!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-doms{gap:0!important;border-top:1px solid rgba(178,151,96,.28)!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-dom{border-bottom:1px solid rgba(178,151,96,.28)!important;border-right:1px solid rgba(178,151,96,.28)!important;padding:22px 26px!important;height:auto!important;background:none!important;transition:background-color .25s}
html body.mdv-mq-a .mdv-terr .mdv-terr-dom:nth-child(5n){border-right:0!important}
html body.mdv-mq-a .mdv-terr .mdv-terr-dom:hover,html body.mdv-mq-a .mdv-terr .mdv-terr-dom.vise{background:#F7F1E2!important}
html body.mdv-mq-a .mdv-terr .mdv-dom-fiche{border:0!important;border-bottom:1px solid rgba(178,151,96,.5)!important;background:none!important;box-shadow:none!important;width:100%!important;max-width:1180px!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:30px 8px!important;display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:40px!important;align-items:center!important;text-align:left!important}
html body.mdv-mq-a .mdv-terr .mdv-dom-fiche.att{display:block!important;border-bottom:0!important;padding:22px 0 0!important;text-align:center!important}
html body.mdv-mq-a .mdv-terr .mdv-dom-fiche.att .mdv-dom-invite{font-style:italic!important;font-size:15px!important;margin:0!important}
html body.mdv-mq-a .mdv-terr .mdv-dom-fiche .mdv-dom-logo{width:180px!important;height:auto!important;max-height:130px!important;object-fit:contain!important;margin:0!important}
html body.mdv-mq-a .mdv-terr .mdv-dom-fiche .mdv-dom-corps,html body.mdv-mq-a .mdv-terr .mdv-dom-fiche .mdv-dom-corps *{text-align:left!important}
html body.mdv-mq-b .mdv-terr .mdv-terr-tabs{display:flex!important;justify-content:center!important;gap:0!important;width:max-content!important;margin:0 auto 44px!important;border:1px solid #B29760!important;padding:4px!important}
html body.mdv-mq-b .mdv-terr .mdv-terr-tabs button{border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;color:#B29760!important;padding:12px 30px!important;height:auto!important;min-width:0!important;width:auto!important;margin:0!important;font-size:13px!important;letter-spacing:2.4px!important;transition:background-color .25s,color .25s}
html body.mdv-mq-b .mdv-terr .mdv-terr-tabs button::before,html body.mdv-mq-b .mdv-terr .mdv-terr-tabs button::after{display:none!important}
html body.mdv-mq-b .mdv-terr .mdv-terr-tabs button.on{background:#B29760!important;color:#FFFBF0!important}
html body.mdv-mq-b .mdv-terr .mdv-terr-fiche{border:0!important;background:#F7F1E2!important;padding:28px 30px!important;box-shadow:none!important}
html body.mdv-mq-b .mdv-terr .mdv-terr-leg > h4{font-size:12px!important;letter-spacing:2.4px!important;color:#B29760!important;text-align:left!important}
html body.mdv-mq-b .mdv-terr .mdv-terr-leg .mdv-terr-app b,html body.mdv-mq-b .mdv-terr .mdv-terr-leg .mdv-terr-app i{border-color:rgba(178,151,96,.4)!important}
html body.mdv-mq-b .mdv-terr .mdv-dom-wrap{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:56px!important;align-items:start!important;max-width:1120px!important;margin:0 auto!important;padding:0 24px!important;box-sizing:border-box!important}
html body.mdv-mq-b .mdv-terr .mdv-terr-doms{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:auto!important}
html body.mdv-mq-b .mdv-terr .mdv-terr-dom{border:1px solid rgba(178,151,96,.28)!important;padding:18px 20px!important;height:auto!important;background:none!important;transition:border-color .25s,background-color .25s}
html body.mdv-mq-b .mdv-terr .mdv-terr-dom:hover,html body.mdv-mq-b .mdv-terr .mdv-terr-dom.vise{border-color:#B29760!important;background:#FFFDF6!important}
html body.mdv-mq-b .mdv-terr .mdv-dom-fiche{position:sticky!important;top:130px!important;align-self:start!important;width:auto!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;border:0!important;background:#F7F1E2!important;box-shadow:none!important;padding:30px 30px 32px!important;display:block!important;text-align:left!important}
html body.mdv-mq-b .mdv-terr .mdv-dom-fiche.att{padding:40px 30px!important;text-align:center!important}
html body.mdv-mq-b .mdv-terr .mdv-dom-fiche.att .mdv-dom-invite{font-style:italic!important;margin:0!important}
html body.mdv-mq-b .mdv-terr .mdv-dom-fiche .mdv-dom-logo{display:block!important;width:150px!important;height:auto!important;max-height:110px!important;object-fit:contain!important;margin:0 0 20px!important}
html body.mdv-mq-b .mdv-terr .mdv-dom-fiche .mdv-dom-corps,html body.mdv-mq-b .mdv-terr .mdv-dom-fiche .mdv-dom-corps *{text-align:left!important}
}


/* MMV - Nos vins et terroirs : MAQUETTE C compacte des onglets (visible avec ?mq=c) (29/09) */
@media (min-width:768px){
html body.mdv-mq-c .mdv-terr .mdv-terr-tabs{display:flex!important;justify-content:center!important;gap:36px!important;width:auto!important;max-width:none!important;margin:0 auto 28px!important;border:0!important;padding:0!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-tabs button{background:none!important;border:0!important;border-bottom:1px solid transparent!important;box-shadow:none!important;outline:0!important;width:auto!important;min-width:0!important;height:auto!important;padding:0 0 8px!important;margin:0!important;font-size:13px!important;letter-spacing:2.4px!important;color:#B29760!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-tabs button::before,html body.mdv-mq-c .mdv-terr .mdv-terr-tabs button::after{display:none!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-tabs button.on,html body.mdv-mq-c .mdv-terr .mdv-terr-tabs button:hover{color:#402E15!important;border-bottom-color:#402E15!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-carte{grid-template-columns:minmax(0,340px) minmax(0,520px)!important;justify-content:center!important;column-gap:56px!important;row-gap:18px!important;max-width:1000px!important;align-items:start!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-map{height:420px!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-fiche{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;text-align:left!important;align-items:flex-start!important;align-self:start!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-fiche *{text-align:left!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-fiche .mdv-fiche-nom{font-size:22px!important;margin:0 0 4px!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-fiche .mdv-fiche-txt,html body.mdv-mq-c .mdv-terr .mdv-terr-fiche .mdv-fiche-txt p{font-size:15px!important;line-height:1.5!important;margin:8px 0 0!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-leg{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important;align-content:flex-start!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-leg > h4{flex:0 0 100%!important;font-size:11px!important;letter-spacing:2.2px!important;color:#B29760!important;margin:10px 0 2px!important;text-align:left!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-leg > h4:first-child{margin-top:0!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-leg .mdv-terr-app{display:inline-flex!important;align-items:center!important;gap:0!important;width:auto!important;border:1px solid rgba(178,151,96,.55)!important;padding:0!important;cursor:pointer;transition:background-color .2s,border-color .2s}
html body.mdv-mq-c .mdv-terr .mdv-terr-leg .mdv-terr-app b,html body.mdv-mq-c .mdv-terr .mdv-terr-leg .mdv-terr-app i{border:0!important;background:none!important;box-shadow:none!important;height:auto!important;min-height:0!important;width:auto!important;padding:7px 12px!important;font-size:11.5px!important;letter-spacing:1.6px!important;color:#402E15!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-leg .mdv-terr-app i{padding-left:0!important;font-family:'Alegreya',serif!important;font-style:italic!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;color:#B29760!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-leg .mdv-terr-app.sous{border-color:rgba(178,151,96,.28)!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-leg .mdv-terr-app.sous b{color:#7A6A55!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-leg .mdv-terr-app:hover{background:#F2EBD9!important;border-color:#B29760!important}
html body.mdv-mq-c .mdv-terr .mdv-dom-wrap{display:block!important;max-width:1000px!important;margin:0 auto!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-doms{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px 34px!important;border:0!important;width:auto!important}
html body.mdv-mq-c .mdv-terr .mdv-terr-dom{flex:0 0 auto!important;width:auto!important;height:auto!important;padding:6px 4px!important;border:0!important;background:none!important;opacity:.78;transition:opacity .2s}
html body.mdv-mq-c .mdv-terr .mdv-terr-dom img{height:72px!important;width:auto!important;max-width:170px!important;object-fit:contain!important;mix-blend-mode:multiply}
html body.mdv-mq-c .mdv-terr .mdv-terr-dom:hover,html body.mdv-mq-c .mdv-terr .mdv-terr-dom.vise{opacity:1}
html body.mdv-mq-c .mdv-terr .mdv-dom-fiche.att{display:none!important}
html body.mdv-mq-c .mdv-terr .mdv-dom-fiche{border:0!important;border-top:1px solid rgba(178,151,96,.4)!important;background:none!important;box-shadow:none!important;width:auto!important;max-width:760px!important;min-height:0!important;height:auto!important;margin:22px auto 0!important;padding:18px 0 0!important;display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:28px!important;align-items:center!important;text-align:left!important}
html body.mdv-mq-c .mdv-terr .mdv-dom-fiche .mdv-dom-logo{width:110px!important;height:auto!important;max-height:80px!important;object-fit:contain!important;margin:0!important}
html body.mdv-mq-c .mdv-terr .mdv-dom-fiche .mdv-dom-corps,html body.mdv-mq-c .mdv-terr .mdv-dom-fiche .mdv-dom-corps *{text-align:left!important}
html body.mdv-mq-c .mdv-terr .mdv-dom-fiche .mdv-dom-txt{font-size:15px!important;line-height:1.5!important}
}


/* MMV - Nos vins et terroirs : fiche appellation, mini-carte de l'appellation placee a droite du texte et agrandie (29/09) */
@media (min-width:768px){
html body.page-id-2131 .mdv-terr .mdv-terr-fiche:has(.mdv-fiche-mini){display:grid!important;grid-template-columns:minmax(0,1fr) clamp(130px,14vw,180px)!important;column-gap:28px!important;align-items:start!important}
html body.page-id-2131 .mdv-terr .mdv-terr-fiche:has(.mdv-fiche-mini) > *{grid-column:1!important}
html body.page-id-2131 .mdv-terr .mdv-terr-fiche .mdv-fiche-mini{grid-column:2!important;grid-row:1 / span 8!important;align-self:center!important;justify-self:center!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important}
html body.page-id-2131 .mdv-terr .mdv-terr-fiche .mdv-fiche-mini svg{width:100%!important;max-width:none!important;height:auto!important;max-height:200px!important;display:block!important}
}


/* MMV - Carrousel de bannieres : DESKTOP texte une banniere sur deux a droite (photo retournee) + La Ritournelle allegee (29/09) */
@media (min-width:861px){
.mmv-bn .mmv-bn__s--plein:nth-child(even) .mmv-bn__media{transform:scaleX(-1)}
.mmv-bn .mmv-bn__s--plein:nth-child(even) .mmv-bn__txt{left:auto!important;right:5%!important}
}
.mmv-bn .mmv-bn__s--vins:has(.mmv-bn__vprix) .mmv-bn__vphr,.mmv-bn .mmv-bn__s--vins:has(.mmv-bn__vprix) .mmv-bn__ment{display:none!important}


/* MMV - Carrousel de bannieres : La Ritournelle, nom + prix seulement pour chaque vin (appellation masquee) (29/09) */
.mmv-bn .mmv-bn__s--vins:has(.mmv-bn__vprix) .mmv-bn__vapp{display:none!important}
.mmv-bn .mmv-bn__s--vins:has(.mmv-bn__vprix) .mmv-bn__vnom{margin-bottom:.35em!important}


/* ACCUEIL - VISITE : TELEPHONE AU-DESSUS DU BOUTON RESERVER (01/10/2026) */
.mmv-visite__colbtn{position:relative}
.mmv-visite__colbtn .mmv-visite__alt{position:absolute;left:0;right:0;bottom:100%;margin:0 0 14px !important;order:0}
/* le telephone passe au-dessus du bouton sans le pousser : les deux boutons restent alignes */


/* H1 SEO MASQUE PROPREMENT (01/10/2026) : lisible par Google et les lecteurs d ecran, invisible a l ecran, taille de texte normale */
.mmv-seo-title,.mdv-herog-seo{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;font-size:16px !important;line-height:1.2 !important}


/* ACCUEIL - Texte d'intro (bloc 874192e) centré sur toutes les largeurs comme les autres textes, plus de justification (03/10/2026) */
html body.home .elementor-element-874192e .section-hero__text{text-align:center !important;text-align-last:center !important}


/* ACCUEIL MOBILE - UNE MAISON NEE DU VIN CENTREE SUR L'IMAGE (03/10/2026)
   Le bloc texte etait cale en bas de la section (align-items:flex-end).
   Il prend toute la hauteur et centre son contenu ; le degrade sombre
   couvre ainsi toute l'image, sans bord net au milieu. Desktop inchange. */
@media (max-width:767px){
  html body.home .mdv-maison-section{align-items:stretch !important}
  html body.home .mdv-maison-section .mdv-maison-content{justify-content:center !important;min-height:100%;box-sizing:border-box}
  /* alignement inter-bloc : le texte court (3 lignes) se coupe en bloc equilibre, plus de mot orphelin */
  html body.home .mdv-maison-section .mdv-maison-text{text-wrap:balance !important}
}

/* BANNIERES MOBILE ALLEGEES (03/10/2026) - accueil (5610) + boutique (5471), <= 860 px
   Vins du mois : sans phrase sensorielle ni mention du bas (il reste nom + appellation/millesime).
   Cocktail du mois : sans mention du bas. Desktop inchange. */
@media (max-width:860px){
  .mmv-bn__s--vins:not(:has(.mmv-bn__vprix)) .mmv-bn__vphr,
  .mmv-bn__s--vins:not(:has(.mmv-bn__vprix)) .mmv-bn__ment,
  .mmv-bn__s--cocktail .mmv-bn__ment{display:none !important}
}

/* ACCUEIL MOBILE - BLOCS A IMAGE DE FOND MEME HAUTEUR (03/10/2026)
   Reference : « Une Maison nee du vin » = 700 px. « Un Lieu de rencontre » passe de ~460 a 700 px,
   photo en cover calee en bas a droite (facade entiere sous le bouton). Desktop inchange. */
@media (max-width:767px){
  html body.home .mmv-lieu-rencontre{min-height:700px !important;height:700px !important;box-sizing:border-box !important;background-size:cover !important;background-position:85% 100% !important}
}

/* BANNIERES - ALIGNEMENT INTER-BLOC (03/10/2026) - accueil + boutique, tous ecrans
   Tous les textes des bannieres se coupent en blocs equilibres (plus de mot orphelin). */
.mmv-bn__txt .mmv-bn__sur, .mmv-bn__txt .mmv-bn__nom, .mmv-bn__txt .mmv-bn__prod,
.mmv-bn__txt .mmv-bn__phr, .mmv-bn__txt .mmv-bn__ment, .mmv-bn__txt .mmv-bn__btn,
.mmv-bn__txt .mmv-bn__vnom, .mmv-bn__txt .mmv-bn__vapp, .mmv-bn__txt .mmv-bn__vphr,
.mmv-bn__txt .mmv-bn__vprix, .mmv-bn__txt p, .mmv-bn__txt h2, .mmv-bn__txt h3{text-wrap:balance !important}

/* BANNIERES - VINS DU MOIS - NOMS EN ALEGREYA SC (03/10/2026) - accueil + boutique
   Les noms des vins passent de Parisienne a Alegreya SC - vins du mois ET La Ritournelle (etendu le 03/10). */
.mmv-bn__s--vins .mmv-bn__vnom{font-family:"Alegreya SC",serif !important;font-weight:400 !important;font-size:22px !important;letter-spacing:.05em !important;line-height:1.2 !important;text-transform:none !important}
@media (max-width:860px){.mmv-bn__s--vins .mmv-bn__vnom{font-size:19px !important}}

/* MMV-0310 HERO ACCUEIL : TEXTES AU-DESSUS DU KEN BURNS (03/10/2026) */
/* Le calque .mmv-kb (position absolute, z-index 0) se peignait par-dessus le contenu statique du hero. */
.mmv-hero > .mmv-hero-content{position:relative;z-index:1}

/* LE CAVEAU (2129) - BLOC ORIGINE CENTRE SOUS 900PX (11/10/2026) */
@media (max-width:900px){html body.page-id-2129 .mdv-histoire .mdv-histoire-content{align-self:center !important;margin-left:auto !important;margin-right:auto !important}}

/* LE CAVEAU (2129) - BANDEAU DEFILANT AU-DESSUS DES PRESENTOIRS (11/10/2026) */
html body.page-id-2129 .elementor-element.elementor-element-c4c806d{position:relative !important;z-index:5 !important}
html body.page-id-2129 .elementor-element.elementor-element-123d5eb{position:relative;z-index:1}

/* BOUTONS - AUCUN SOULIGNEMENT, TOUT LE SITE (11/10/2026) */
.mmv-section-btn,.mmv-section-btn:hover,.mmv-section-btn:focus,.mmv-section-btn:active,.mmv-section-btn *,.elementor-button,.elementor-button:hover,.elementor-button:focus,.elementor-button:active,.elementor-button *,.wp-element-button,.wp-element-button:hover,.wp-element-button:focus,.wp-element-button:active,.wp-element-button *,.button,.button:hover,.button:focus,.button:active,.button *,a[class*="btn"],a[class*="btn"]:hover,a[class*="btn"]:focus,a[class*="btn"]:active,a[class*="btn"] *,a[class*="-cta"],a[class*="-cta"]:hover,a[class*="-cta"]:focus,a[class*="-cta"]:active,a[class*="-cta"] *,button:not(.mdv-pop-non),button:not(.mdv-pop-non):hover,button:not(.mdv-pop-non):focus,button:not(.mdv-pop-non):active,button:not(.mdv-pop-non) *,input[type="submit"],input[type="submit"]:hover,input[type="submit"]:focus,input[type="submit"]:active,input[type="submit"] *{text-decoration:none !important}

/* COMPTOIR DU CAVEAU (2129) - TEXTES REDUITS EN MOBILE - 11/10/2026 */
@media (max-width:767px){html body.page-id-2129 .mdv-degust .mdv-degust-text{font-size:13.5px !important;line-height:1.55 !important}}
/* POURSUIVRE LA DECOUVERTE (d730eca) MASQUE AUSSI EN MOBILE - 11/10/2026 */
html body.page-id-2129 .elementor-element.elementor-element-d730eca{display:none !important}
/* TITRE "TOUT A COMMENCE PAR LE CAVEAU" (2129) - MEME GRAISSE QUE LES AUTRES TITRES EN MOBILE - 11/10/2026 */
@media (max-width:767px){html body.page-id-2129 .mdv-histoire-title .mdv-tsc-n{font-weight:400 !important}}
/* PAGE LE CAVEAU (2129) - REFONTE MOBILE ET FRISE - 11/10/2026 */
/* Frise des appellations : plus de fondu sur les cotes (tous ecrans, toutes pages) */
html body .mdv-fresque{-webkit-mask-image:none !important;mask-image:none !important}
/* Frise deplacee juste avant "Au plaisir de vous recevoir" (tous ecrans) */
html body.page-id-2129 .elementor-element.elementor-element-0f78aca{order:3 !important}
@media (max-width:767px){
/* Boutons retires : Venir deguster, Nous contacter (Appeler le caveau deplace par l'extrait 6060) */
html body.page-id-2129 .mdv-degust-content > a.mmv-section-btn{display:none !important}
html body.page-id-2129 .mmv-visite__colbtn:has(a:not([href^="tel"])){display:none !important}
/* Voir toute la boutique en simple lien souligne */
html body.page-id-2129 .mdv-boutique-cta a.mmv-section-btn{background:transparent !important;border:0 !important;box-shadow:none !important;padding:4px 0 !important;min-height:0 !important;text-decoration:underline !important;text-underline-offset:5px !important;text-decoration-thickness:1px !important;color:#402E15 !important;letter-spacing:.14em !important}
html body.page-id-2129 .mdv-boutique-cta a.mmv-section-btn *{color:#402E15 !important}
/* Espacements entre blocs */
html body.page-id-2129 .mdv-histoire{padding-top:72px !important}
html body.page-id-2129 .mdv-terroirs{padding-top:64px !important;padding-bottom:80px !important}
html body.page-id-2129 .mdv-degust{padding-top:80px !important;padding-bottom:80px !important}
html body.page-id-2129 .mdv-conseil{padding-top:80px !important;padding-bottom:16px !important}
html body.page-id-2129 .mdv-logos{padding-top:40px !important;padding-bottom:80px !important}
html body.page-id-2129 .mdv-saveurs-header{padding-top:0 !important;padding-bottom:28px !important}
html body.page-id-2129 .mdv-cats-section{padding-bottom:72px !important}
html body.page-id-2129 .elementor-element.elementor-element-d65b98b{margin-top:72px !important}
html body.page-id-2129 .mdv-boutique-cta{padding-top:16px !important;padding-bottom:88px !important}
}
/* PAGE LE CAVEAU (2129) - PRESENTOIRS REMONTES EN MOBILE - 11/10/2026 (etaient caches de 20 px par le bandeau, plus que 4 px) */
@media (max-width:767px){html body.page-id-2129 .mdv-histoire .mdv-histoire-ronds-vis{padding-bottom:16px !important}}
/* CARTES PRODUIT EN PROMO - le widget prix barre (wine-price-old) recoit le prix WooCommerce complet (ancien barre + nouveau) : on n'y garde que l'ancien prix, le nouveau est deja affiche par wine-price-promo - 12/10/2026 */
.elementor-widget.wine-price-old ins{display:none !important}
/* CARTES PRODUIT EN PROMO - nouveau prix a la place habituelle (aligne avec les autres cartes), ancien prix barre centre en dessous - 12/10/2026 */
.e-loop-item .elementor-widget.wine-price-old{order:1 !important;width:100% !important;transform:none !important;display:flex !important;justify-content:center !important;align-items:baseline;margin-top:2px}
/* CARTES PRODUIT EN PROMO (suite) - ancien prix sous le nouveau sans decaler la carte : prix et domaine restent alignes sur les cartes voisines, bouton descendu d'autant ; une seule etiquette par carte (la derniere : Vin en Ritournelle > Vin du Mois > Premier Cru > BIO) - 12/10/2026 */
.e-loop-item .e-con:has(> .elementor-widget.wine-price-old del){position:relative}
.e-loop-item .elementor-widget.wine-price-old{position:absolute !important;left:0;right:0;top:29px;width:auto !important;transform:none !important;display:flex !important;justify-content:center !important;margin:0 !important}

.e-loop-item .wine-etiquette:has(> span + span){font-size:0 !important}
.e-loop-item .wine-etiquette:has(> span + span) > span{font-size:12px}
.e-loop-item .wine-etiquette > span:not(:last-of-type){display:none}
/* CARTES PRODUIT EN PROMO (v3) - avec l'extrait 6060, l'ancien prix est dans le widget du nouveau prix : affiche juste dessous, centre, sans decaler la carte ; en colonne (<=1024 px) le bouton descend pour lui laisser la place - 12/10/2026 */
.e-loop-item .wine-price-promo{position:relative}
.e-loop-item .wine-price-promo:has(> .wine-price-old){overflow:visible !important}
.e-loop-item .wine-price-promo > .elementor-widget.wine-price-old{position:absolute !important;top:100% !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;width:auto !important;white-space:nowrap;margin:2px 0 0 !important}
.e-loop-item .wine-price-promo > .elementor-widget.wine-price-old, .e-loop-item .wine-price-promo > .elementor-widget.wine-price-old *{color:#B29760 !important;font-size:15px !important;font-weight:400 !important;overflow:visible !important;text-overflow:clip !important;max-width:none !important;line-height:1.3 !important}

/* CARTES PRODUIT EN PROMO (v4, remplace la v3) - ancien prix barre A COTE du nouveau, sur la meme ligne, a gauche ; bouton a sa place normale - 12/10/2026 */
.e-loop-item .wine-price-promo:has(> .wine-price-old){display:inline-flex !important;align-items:baseline;flex-direction:row-reverse;gap:5px;white-space:nowrap}
.e-loop-item .wine-price-promo > .elementor-widget.wine-price-old{position:static !important;transform:none !important;margin:0 !important}
.e-loop-item .wine-price-promo > .elementor-widget.wine-price-old, .e-loop-item .wine-price-promo > .elementor-widget.wine-price-old *{font-size:13px !important}
.e-loop-item .e-con:has(> .wine-price-promo .wine-price-old del) > .elementor-widget.wine-btn{transform:none !important}
/* PASTILLE VIN EN RITOURNELLE -20 % : sur une seule ligne - 12/10/2026 */
html body .cv-sidebar .cv-pills .cv-pill.mmv-pill-rit, html body .cv-sidebar .cv-pills .cv-pill.mmv-pill-rit::after{white-space:nowrap !important;letter-spacing:.5px !important}
html body .cv-sidebar .cv-pills .cv-pill.mmv-pill-rit{padding-left:8px !important;padding-right:8px !important;text-align:center}
/* MEGA-MENUS : surtitre des cartes a la une (A decouvrir, A la une...) en ivoire FFFBF0 au lieu du dore clair - 12/10/2026 */
html body #masthead .mdv-mm a.mdv-mm-une span.k, html body .mdv-mm a.mdv-mm-une span.k{color:#FFFBF0 !important}
/* PASTILLE VIN EN RITOURNELLE : pourcentage retire (les remises different d'un vin a l'autre : -15 % et -11 % en octobre ; chaque taux est sur la banniere) - 12/10/2026 */
html body .cv-sidebar .cv-pills .cv-pill.mmv-pill-rit::after{content:none !important}

/* ===== SAFARI - GARDE-FOUS (12/10/2026) ===== */
/* Page 2131, bloc « Une Maison née du vin » (7a8331b) : la colonne alignait ses enfants a gauche ; le titre, sans marge auto, restait decale de 53 px sur grand ecran (tres visible dans Safari) */
html body.page-id-2131 .mdv-maison-content{align-items:center !important}
/* iPhone / iPad (Safari iOS uniquement) : champ date des formulaires - evite le champ natif en pilule, ecrase ou qui deborde, et la date centree */
@supports (-webkit-touch-callout:none){
  #content form input[type="date"]{-webkit-appearance:none !important;appearance:none !important;display:block;min-width:0 !important;max-width:100%;min-height:47px;text-align:left}
  #content form input[type="date"]::-webkit-date-and-time-value{text-align:left;margin:0}
}


/* ===== SAFARI - PRESENTOIRS DU BLOC ORIGINE, PAGE LE CAVEAU (12/10/2026) =====
   Safari calcule mal la largeur naturelle de la rangee de presentoirs (il ignore les marges negatives du chevauchement) :
   la colonne texte etait repoussee au centre et le 4e presentoir coupe hors cadre.
   On donne a la rangee sa largeur exacte, calculee avec les memes clamp que les presentoirs : 4 presentoirs - 3 chevauchements.
   Rendu Chrome inchange (583 px a 1364 px de large). Desktop seulement (>= 901 px). */
@media (min-width:901px){
  html body.page-id-2129 .mdv-histoire .mdv-histoire-ronds-vis{
    --mdv-rd: clamp(130px, 15.5vw, 250px);
    --mdv-ch: clamp(-90px, -6.4vw, -48px);
    flex: 0 0 auto !important;
    width: calc(4 * var(--mdv-rd) + 3 * var(--mdv-ch)) !important;
    min-width: 0 !important;
  }
  html body.page-id-2129 .mdv-histoire .mdv-histoire-ronds{width:100% !important;justify-content:flex-start !important}
  html body.page-id-2129 .mdv-histoire .mdv-histoire-ronds .rond-item{flex:0 0 auto !important;min-width:0 !important}
  html body.page-id-2129 .mdv-histoire .mdv-histoire-content{min-width:0 !important}
}