.elementor-kit-10{--e-global-color-primary:#5D7755;--e-global-color-secondary:#7B5D14;--e-global-color-text:#FBF8F2;--e-global-color-accent:#E2DACB;--e-global-color-ecd2f31:#FBF8F2;--e-global-color-d0b152c:#000000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-be73419-font-family:"PPEditorialNew";--e-global-typography-be73419-font-size:2.0625em;--e-global-typography-be73419-font-weight:100;--e-global-typography-be73419-line-height:1em;--e-global-typography-9e22c75-font-family:"PPEditorialNew";--e-global-typography-9e22c75-font-size:1.625em;--e-global-typography-9e22c75-font-weight:100;--e-global-typography-9e22c75-line-height:1em;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:var( --e-global-color-primary );}.elementor-kit-10 a:hover{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --e-gv-853f337:#d10000; ----font-editorial:PPEditorialNew; ----font-sans:DM Sans; --fs-h1:4rem; --fs-h2:3.125rem; --fs-h3:2.5rem; --fs-h4:2.0625rem; --fs-h5:1.625rem; --fs-h6:1.3125em; --fs-overline:0.875em; --fs-body:1rem; --fs-button:1rem; --Vert-primaire:#5D7755; --Terre:#7B5D14; --Back1:#FBF8F2; --Back2:#E2DACB; --ls-overline:10%; --lh-h2:1em; --lh-h3:1.2em; --lh-button:1.3em; --Vert-primaire-hover:#44573e; ----sp-0:0em; ----sp-1:0.25em; --sp-2:0.5em; ----sp-3:0.75em; ----sp-4:1em; ----sp-5:1.5em; ----sp-6:2em; ----sp-7:3em; ----sp-8:4em; ----sp-9:6em; --e-gv-867330c:0.6em; --e-gv-5fb7501:0.7em; --fs-overline-product:0.8rem; --fs-essai-title:2em; --fs-essai2:45px; --lh-h1:1em; ----mt-1:2em; --e-gv-8b8e3dc:3em; }
/* Start custom CSS *//* =========================================================
   VMG — TYPO SYSTEM DEFINITIF
   Source de vérité = CSS global
   - clamp() = responsive
   - type-scale = zoom global
   - widgets V4 + widgets classiques = alignés
   ========================================================= */


/* =========================================================
   0) TOKENS À ADAPTER PAR SITE
   Tu modifies seulement ce bloc d’un site à l’autre
   ========================================================= */

:root{
  /* Fonts */
  --font-sans: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
--font-editorial: "PPEditorialNew", Georgia, serif;

  /* Font weights */
  --fw-display: 100;
  --fw-heading: 100;
  --fw-body: 400;
  --fw-overline: 400;
  --fw-label: 400;
  --fw-button: 600;
  --fw-link: 600;

  /* Type scale */
  --type-scale: 1.05;

  /* Max sizes desktop */
  --fs-display: 5.5rem;
  --fs-h1: 4rem;
  --fs-h2: 3.125rem;
  --fs-h3: 2.5rem;
  --fs-h4: 2.0625rem;
  --fs-h5: 1.625rem;
  --fs-h6: 1.3125rem;

  --fs-body: 1rem;
  --fs-overline: 0.875rem;
  --fs-overline-product: 0.875rem;
  --fs-label: 0.8125rem;
  --fs-button: 1rem;
  --fs-link: 1rem;

  /* Line heights */
  --lh-display: .95;
  --lh-h1: .95;
  --lh-h2: 1.05;
  --lh-h3: 1.10;
  --lh-h4: 1.15;
  --lh-h5: 1.20;
  --lh-h6: 1.25;
  --lh-body: 1.6;
  --lh-link: 1.4;

  /* Letter spacing */
  --ls-overline: .08em;
  --ls-button: .02em;
}

@media (max-width: 768px){
  :root{
    --type-scale: .95;
  }
}


/* =========================================================
   1) TYPO UTILITIES — widgets V4
   Les classes existent dans V4, mais leur style typo vient d’ici
   ========================================================= */

.elementor .u-display{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-display) !important;
  font-size: calc(clamp(calc(var(--fs-display) * .85), 6vw, var(--fs-display)) * var(--type-scale)) !important;
  line-height: var(--lh-display) !important;
}

.elementor .u-h1{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-heading) !important;
  font-size: calc(clamp(calc(var(--fs-h1) * .85), 3.5vw, var(--fs-h1)) * var(--type-scale)) !important;
  line-height: var(--lh-h1) !important;
}

.elementor .u-h2{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-heading) !important;
  font-size: calc(clamp(calc(var(--fs-h2) * .85), 3vw, var(--fs-h2)) * var(--type-scale)) !important;
  line-height: var(--lh-h2) !important;
}

.elementor .u-h3{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-heading) !important;
  font-size: calc(clamp(calc(var(--fs-h3) * .85), 2.5vw, var(--fs-h3)) * var(--type-scale)) !important;
  line-height: var(--lh-h3) !important;
}

.elementor .u-h4{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-heading) !important;
  font-size: calc(clamp(calc(var(--fs-h4) * .88), 2vw, var(--fs-h4)) * var(--type-scale)) !important;
  line-height: var(--lh-h4) !important;
}

.elementor .u-h5{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-heading) !important;
  font-size: calc(clamp(calc(var(--fs-h5) * .90), 1.6vw, var(--fs-h5)) * var(--type-scale)) !important;
  line-height: var(--lh-h5) !important;
}

.elementor .u-h6{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-heading) !important;
  font-size: calc(clamp(calc(var(--fs-h6) * .92), 1.2vw, var(--fs-h6)) * var(--type-scale)) !important;
  line-height: var(--lh-h6) !important;
}

.elementor .u-text{
  font-family: var(--font-sans) !important;
  font-weight: var(--fw-body) !important;
  font-size: calc(clamp(calc(var(--fs-body) * .92), 1vw, var(--fs-body)) * var(--type-scale)) !important;
  line-height: var(--lh-body) !important;
}

.elementor .u-overline{
  font-family: var(--font-sans) !important;
  font-weight: var(--fw-overline) !important;
  font-size: calc(clamp(calc(var(--fs-overline) * .95), .6vw, var(--fs-overline)) * var(--type-scale)) !important;
  line-height: 1.3 !important;
  letter-spacing: var(--ls-overline) !important;
  text-transform: uppercase !important;
}

.elementor .u-overline-product{
  font-family: var(--font-sans) !important;
  font-weight: var(--fw-overline) !important;
  font-size: calc(clamp(calc(var(--fs-overline-product) * .95), .6vw, var(--fs-overline-product)) * var(--type-scale)) !important;
  line-height: 1.3 !important;
}

.elementor .u-label{
  font-family: var(--font-sans) !important;
  font-weight: var(--fw-label) !important;
  font-size: calc(clamp(calc(var(--fs-label) * .95), .5vw, var(--fs-label)) * var(--type-scale)) !important;
  line-height: 1.2 !important;
}

.elementor .u-btn{
  font-family: var(--font-sans) !important;
  font-weight: var(--fw-button) !important;
  font-size: calc(clamp(calc(var(--fs-button) * .92), 1vw, var(--fs-button)) * var(--type-scale)) !important;
  line-height: 1.2 !important;
  letter-spacing: var(--ls-button) !important;
}

/* LINK */
.elementor a.u-link,
.elementor .u-link a,
.elementor a.e-button-base.u-link{
  font-family: var(--font-sans) !important;
  font-weight: var(--fw-link) !important;
  font-size: calc(clamp(calc(var(--fs-link) * .92), 1vw, var(--fs-link)) * var(--type-scale)) !important;
  line-height: var(--lh-link) !important;

  text-decoration: none !important;
  border-bottom: 1px solid currentColor;
  padding-bottom: .65em;
  border-radius: 0;

  transition: border-bottom-width .3s ease;
}

.elementor a.u-link:hover,
.elementor .u-link a:hover,
.elementor a.e-button-base.u-link:hover{
  border-bottom-width: 2px;
}


/* =========================================================
   2) WIDGETS TEXT EDITOR — uniformisation automatique
   Tous les h1..h6 / p / li suivent le système
   ========================================================= */

.elementor .elementor-widget-text-editor h1{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-heading) !important;
  font-size: calc(clamp(calc(var(--fs-h1) * .85), 3.5vw, var(--fs-h1)) * var(--type-scale)) !important;
  line-height: var(--lh-h1) !important;
}

.elementor .elementor-widget-text-editor h2{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-heading) !important;
  font-size: calc(clamp(calc(var(--fs-h2) * .85), 3vw, var(--fs-h2)) * var(--type-scale)) !important;
  line-height: var(--lh-h2) !important;
}

.elementor .elementor-widget-text-editor h3{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-heading) !important;
  font-size: calc(clamp(calc(var(--fs-h3) * .85), 2.5vw, var(--fs-h3)) * var(--type-scale)) !important;
  line-height: var(--lh-h3) !important;
}

.elementor .elementor-widget-text-editor h4{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-heading) !important;
  font-size: calc(clamp(calc(var(--fs-h4) * .88), 2vw, var(--fs-h4)) * var(--type-scale)) !important;
  line-height: var(--lh-h4) !important;
}

.elementor .elementor-widget-text-editor h5{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-heading) !important;
  font-size: calc(clamp(calc(var(--fs-h5) * .90), 1.6vw, var(--fs-h5)) * var(--type-scale)) !important;
  line-height: var(--lh-h5) !important;
}

.elementor .elementor-widget-text-editor h6{
  font-family: var(--font-editorial) !important;
  font-weight: var(--fw-heading) !important;
  font-size: calc(clamp(calc(var(--fs-h6) * .92), 1.2vw, var(--fs-h6)) * var(--type-scale)) !important;
  line-height: var(--lh-h6) !important;
}

.elementor .elementor-widget-text-editor p,
.elementor .elementor-widget-text-editor li{
  font-family: var(--font-sans) !important;
  font-weight: var(--fw-body) !important;
  font-size: calc(clamp(calc(var(--fs-body) * .92), 1vw, var(--fs-body)) * var(--type-scale)) !important;
  line-height: var(--lh-body) !important;
}

.elementor .elementor-widget-text-editor p:last-child{
  margin-bottom: 0;
}


/* =========================================================
   3) MAPPING ELEMENTOR GLOBAL FONTS
   Pour widgets classiques utilisant H1/H2/H3/Text/Accent
   ========================================================= */

:root{
  --e-global-typography-h1-font-family: var(--font-editorial);
  --e-global-typography-h1-font-weight: var(--fw-heading);
  --e-global-typography-h1-line-height: var(--lh-h1);
  --e-global-typography-h1-font-size: calc(clamp(calc(var(--fs-h1) * .85), 3.5vw, var(--fs-h1)) * var(--type-scale));

  --e-global-typography-h2-font-family: var(--font-editorial);
  --e-global-typography-h2-font-weight: var(--fw-heading);
  --e-global-typography-h2-line-height: var(--lh-h2);
  --e-global-typography-h2-font-size: calc(clamp(calc(var(--fs-h2) * .85), 3vw, var(--fs-h2)) * var(--type-scale));

  --e-global-typography-h3-font-family: var(--font-editorial);
  --e-global-typography-h3-font-weight: var(--fw-heading);
  --e-global-typography-h3-line-height: var(--lh-h3);
  --e-global-typography-h3-font-size: calc(clamp(calc(var(--fs-h3) * .85), 2.5vw, var(--fs-h3)) * var(--type-scale));

  --e-global-typography-h4-font-family: var(--font-editorial);
  --e-global-typography-h4-font-weight: var(--fw-heading);
  --e-global-typography-h4-line-height: var(--lh-h4);
  --e-global-typography-h4-font-size: calc(clamp(calc(var(--fs-h4) * .88), 2vw, var(--fs-h4)) * var(--type-scale));

  --e-global-typography-h5-font-family: var(--font-editorial);
  --e-global-typography-h5-font-weight: var(--fw-heading);
  --e-global-typography-h5-line-height: var(--lh-h5);
  --e-global-typography-h5-font-size: calc(clamp(calc(var(--fs-h5) * .90), 1.6vw, var(--fs-h5)) * var(--type-scale));

  --e-global-typography-h6-font-family: var(--font-editorial);
  --e-global-typography-h6-font-weight: var(--fw-heading);
  --e-global-typography-h6-line-height: var(--lh-h6);
  --e-global-typography-h6-font-size: calc(clamp(calc(var(--fs-h6) * .92), 1.2vw, var(--fs-h6)) * var(--type-scale));

  --e-global-typography-text-font-family: var(--font-sans);
  --e-global-typography-text-font-weight: var(--fw-body);
  --e-global-typography-text-line-height: var(--lh-body);
  --e-global-typography-text-font-size: calc(clamp(calc(var(--fs-body) * .92), 1vw, var(--fs-body)) * var(--type-scale));

  --e-global-typography-accent-font-family: var(--font-sans);
  --e-global-typography-accent-font-weight: var(--fw-overline);
  --e-global-typography-accent-font-size: calc(clamp(calc(var(--fs-overline) * .95), .6vw, var(--fs-overline)) * var(--type-scale));
}

.elementor .u-display strong,
.elementor .u-h1 strong,
.elementor .u-h2 strong,
.elementor .u-h3 strong,
.elementor .u-h4 strong,
.elementor .u-h5 strong,
.elementor .u-h6 strong,
.elementor .elementor-widget-text-editor h1 strong,
.elementor .elementor-widget-text-editor h2 strong,
.elementor .elementor-widget-text-editor h3 strong,
.elementor .elementor-widget-text-editor h4 strong,
.elementor .elementor-widget-text-editor h5 strong,
.elementor .elementor-widget-text-editor h6 strong{
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
}
/* =========================================================
   4) HELPERS / COMPOSANTS
   ========================================================= */

.Card-Fromage .u-link{
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .35s ease, transform .35s ease;
}

.Card-Fromage:hover .u-link{
  opacity: 1;
  transform: translateY(0);
}

.l-cols-3 > *{
  flex: 1 1 0;
  min-width: 0;
}

.accordion-fromage .e-n-accordion-item-title{
  font-family: var(--font-sans) !important;
  font-weight: 300 !important;
  letter-spacing: var(--ls-overline) !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  color: var(--Vert-primaire) !important;
  font-size: calc(clamp(calc(var(--fs-overline) * .95), .6vw, var(--fs-overline)) * var(--type-scale)) !important;
}

.accordion-fromage .e-n-accordion-item-title svg,
.accordion-fromage .e-n-accordion-item-title i{
  color: var(--Vert-primaire) !important;
  fill: var(--Vert-primaire) !important;
}

.pairings{
  display:flex;
  flex-direction:column;
  gap:1.2rem;
}

.pairing-item{
  display:flex;
  flex-direction:column;
  gap:.35rem;
}

.pairing-description p:last-child{
  margin-bottom:0;
}
/* =========================================================
   5) MASQUER ÉLÉMENTS
   ========================================================= */
.u-hide-mobile { }
.u-hide-tablet { }
.u-hide-desktop { }

@media (max-width: 767px) {
  .u-hide-mobile { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .u-hide-tablet { display: none !important; }
}

@media (min-width: 1025px) {
  .u-hide-desktop { display: none !important; }
}
.u-hidden {
  display: none !important;
}


/* CÉSURE TXT*/
p {
  hyphens: auto;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PPEditorialNew';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Italic.eot');
	src: url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Italic.eot?#iefix') format('embedded-opentype'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Italic.woff2') format('woff2'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Italic.woff') format('woff'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Italic.ttf') format('truetype'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Italic.svg#PPEditorialNew') format('svg');
}
@font-face {
	font-family: 'PPEditorialNew';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Light.eot');
	src: url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Light.eot?#iefix') format('embedded-opentype'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Light.woff2') format('woff2'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Light.woff') format('woff'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Light.ttf') format('truetype'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Light.svg#PPEditorialNew') format('svg');
}
@font-face {
	font-family: 'PPEditorialNew';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Regular.eot');
	src: url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Regular.woff2') format('woff2'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Regular.woff') format('woff'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Regular.ttf') format('truetype'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Regular.svg#PPEditorialNew') format('svg');
}
@font-face {
	font-family: 'PPEditorialNew';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Ultralight.eot');
	src: url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Ultralight.eot?#iefix') format('embedded-opentype'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Ultralight.woff2') format('woff2'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Ultralight.woff') format('woff'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Ultralight.ttf') format('truetype'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-Ultralight.svg#PPEditorialNew') format('svg');
}
@font-face {
	font-family: 'PPEditorialNew';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-UltralightItalic.eot');
	src: url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-UltralightItalic.eot?#iefix') format('embedded-opentype'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-UltralightItalic.woff2') format('woff2'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-UltralightItalic.woff') format('woff'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-UltralightItalic.ttf') format('truetype'),
		url('https://fromages-italiens.fr/wp-content/uploads/2026/03/PPEditorialNew-UltralightItalic.svg#PPEditorialNew') format('svg');
}
/* End Custom Fonts CSS */