/* ========== Banner thème désactivée (test) ========== */
.banner-section, .site-banner { display:none !important; }

/* ========== HERO FEYI — Flamingo-like (full-bleed) ========== */

/* sécurité : aucun wrapper ne doit clipper le 100vw */
#page, .site, .site-content, .content-area, .container, .wrapper, .entry-content, .hentry{
  overflow: visible !important;
}

/* ancre du hero */
#fe-hero > a { display:block !important; }

/* sortir du container, gouttière viewport */
#fe-hero{
  --g: clamp(16px, 2vw, 28px);
  --radius: 24px;

  inline-size: 100vw !important;
  margin-inline: calc(50% - 50vw) !important;
  padding-inline: var(--g) !important;
  background: transparent !important;
}

/* carte du hero */
#fe-hero .wrap{
  max-inline-size: none !important;
  width: calc(100vw - (var(--g) * 2)) !important;

  height: 108dvh !important;
  min-height: 108dvh !important;

  background: transparent !important;
  border: none !important;
  outline: none !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;

  box-shadow:
    0 20px 44px rgba(0,0,0,.14),
    0 2px 8px rgba(0,0,0,.06) !important;
}

/* hero mobile */
@media (max-width: 767.98px){
  #fe-hero .wrap{
    height: 95dvh !important;
    min-height: 95dvh !important;
  }
}

/* admin bar compensation */
.admin-bar #fe-hero .wrap{
  height: calc(108dvh - 32px) !important;
  min-height: calc(108dvh - 32px) !important;
}
@media (max-width: 782px){
  .admin-bar #fe-hero .wrap{
    height: calc(95dvh - 46px) !important;
    min-height: calc(95dvh - 46px) !important;
  }
}

/* hairlines thème */
#fe-hero .wrap::before,
#fe-hero .wrap::after{ content:none !important; }

/* ========== FONTS LOCALES — Coconat + Ortica Linear ========== */
@font-face{ font-family:"Coconat"; src:url("/wp-content/fonts/Coconat-Regular.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:"Coconat"; src:url("/wp-content/fonts/Coconat-Demi.woff2") format("woff2"); font-weight:600; font-style:normal; font-display:swap; }
@font-face{ font-family:"Coconat"; src:url("/wp-content/fonts/Coconat-Bold.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; }

@font-face{ font-family:"Ortica Linear"; src:url("/wp-content/fonts/OrticaLinear-Light.woff2") format("woff2"); font-weight:300; font-style:normal; font-display:swap; }
@font-face{ font-family:"Ortica Linear"; src:url("/wp-content/fonts/OrticaLinear-Regular.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:"Ortica Linear"; src:url("/wp-content/fonts/OrticaLinear-Bold.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; }

/* ========== HERO — TYPO + BOUTON ========== */
#fe-hero .inner h1{
  font-family:"Coconat", serif !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  line-height:1.06 !important;
  text-shadow:none !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
#fe-hero .inner p{
  font-family:"Ortica Linear", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight:300 !important;
  letter-spacing:.01em;
  text-shadow:none !important;
}
html body #fe-hero .inner .btn,
html body #fe-hero .inner .button,
html body #fe-hero .inner a[class*="button"],
html body #fe-hero .inner a[class*="btn"]{
  font-family:"Ortica Linear", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight:400 !important;
  letter-spacing:.02em;
  background:#ffffff !important;
  color:#111 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

/* overlay bas hero */
#fe-hero .shade{
  background: linear-gradient(to top,
    rgba(0,0,0,.46) 0%,
    rgba(0,0,0,.22) 30%,
    rgba(0,0,0,0) 58%
  ) !important;
}

/* ========== FEYI – Strip Réserves (Flamingo-like) ========== */

/* Squelette carte : pile (image puis textes) */
.fe-strip--v2 .fe-card{
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  background: transparent;
  border: 0;
  box-shadow: none;
  aspect-ratio: auto !important;   /* pas de ratio imposé sur le container */
}
.fe-strip--v2 .fe-card__media{ position: relative !important; }

/* Image en “boîte” avec arrondi et ombre */
.fe-strip--v2 .fe-card__imgWrap{
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;  /* format stable */
  overflow: hidden !important;
  border-radius: 16px !important;
  background: #f2f2f2 !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.07) !important;
}
.fe-strip--v2 .fe-card__imgEl{
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Dégradé doux en bas de l’image (optionnel) */
.fe-strip--v2 .fe-card__imgWrap::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 26%;
  background: linear-gradient(to top, rgba(0,0,0,.16), rgba(0,0,0,0));
  pointer-events: none;
}

/* Badges “glass” en haut */
.fe-strip--v2 .fe-badges{
  position: absolute; top: 12px; left: 12px; right: 12px;
  display: flex; justify-content: space-between; gap: 10px;
  z-index: 2; pointer-events: none;
}
.fe-strip--v2 .fe-badge{
  pointer-events: auto;
  padding: 4px 9px; border-radius: 999px;
  font: 600 10px/1 "Ortica Linear", system-ui;
  letter-spacing: .06em; text-transform: uppercase;
  color: #fff;
  background: rgba(0,0,0,.38);
  border: 0.5px solid rgba(255,255,255,.22);
  backdrop-filter: saturate(115%) blur(2px);
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}

/* CTA centré sur l’image */
.fe-strip--v2 .fe-card__ctaWrap{
  position: absolute; left: 14px; right: 14px; bottom: 14px;
  display: flex; justify-content: center; z-index: 3;
}
.fe-strip--v2 .fe-btn.fe-btn--overlay{
  height: 36px; padding: 0 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.08);
  font: 600 12.5px/1 "Ortica Linear", system-ui;
  color: #111;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
/* Pastille prix (affichée seulement si data-price présent) */
.fe-strip--v2 .fe-btn.fe-btn--overlay::after{
  content: attr(data-price);
  margin-left: 10px;
  min-width: 28px; height: 20px; padding: 0 7px;
  border-radius: 999px; border: 1px solid rgba(0,0,0,.10);
  font: 600 10.5px/1 "Ortica Linear", system-ui; background: #fff;
}
.fe-strip--v2 .fe-btn.fe-btn--overlay:not([data-price])::after,
.fe-strip--v2 .fe-btn.fe-btn--overlay[data-price=""]::after{ content: none; }

/* Titre du strip centré (sur-titre de la section) */
.fe-strip--v2 .fe-strip__head{ width:100%; margin:0 0 var(--fe-title-gap,14px); }
.fe-strip--v2 .fe-strip__headInner{
  display:flex !important; justify-content:center !important; align-items:center !important;
  text-align:center !important; width:100% !important;
}
.fe-strip--v2 .fe-strip__title{
  display:block !important; float:none !important;
  margin:0 auto !important; text-align:center !important; width:auto !important;
}
/* au cas où */
.fe-strip--v2{ text-align:initial !important; }

/* Masquer styles de flèches natives d’autres libs */
.slick-dots li button:before,
.swiper-button-next::after,
.swiper-button-prev::after{ display:none !important; }
.slick-prev, .slick-next, .swiper-button-prev, .swiper-button-next{
  background:none !important; border:none !important; box-shadow:none !important;
}

/* Masquer la scrollbar native horizontale */
.fe-strip__track{ -ms-overflow-style:none; scrollbar-width:none; }
.fe-strip__track::-webkit-scrollbar{ height:0; }

/* Titre/texte sous l’image */
.fe-strip--v2 .fe-card__body{
  display:block !important;
  position: static !important;
  padding: 12px 6px 0 !important;
  margin: 0 !important;
  z-index: auto !important;
  pointer-events: auto !important;
}
.fe-strip--v2 .fe-card__title,
.fe-strip--v2 .fe-card__title a{
  font-family:"Ortica Linear", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-size:18px !important;
  line-height:1.25 !important;
  color:#45523e !important;
  text-decoration:none !important;
}
.fe-strip--v2 .fe-card__subtitle{
  font-family:"Ortica Linear", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight:400 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  color:#6a6a6a !important;
  margin:0 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

/* Traçabilités (2 lignes max) */
.fe-strip--v2 .fe-card__engagements{
  font-family:"Ortica Linear", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight:300 !important;
  color:#45523e !important;
  margin:10px 0 0 !important;
  line-height:1.45 !important;
  letter-spacing:.005em !important;
  font-size:clamp(12.5px,1.1vw,14px) !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.fe-strip--v2 .fe-card__rating,
.fe-strip--v2 .fe-card__price{ display:none !important; }



/* Cible le bloc dont l'attribut ARIA porte le titre "RÉSERVES FEYI" */
.fe-strip[aria-label="RÉSERVES FEYI"] .fe-card__engagements{ 
  display: none !important; 
}

/* Garde-fous si la classe diffère */
.fe-strip[aria-label="RÉSERVES FEYI"] .fe-card .engagements,
.fe-strip[aria-label="RÉSERVES FEYI"] .fe-card .traceabilites,
.fe-strip[aria-label="RÉSERVES FEYI"] .fe-card [data-engagements]{
  display: none !important;
}



/* === Footer en blanc — global (Customizer > CSS additionnel) =============== */
:root{
  --footer-ink: #fff;
  --footer-ink-dim: rgba(255,255,255,.85);
  --footer-border: rgba(255,255,255,.18);
}

/* Scope footer (3 alias fréquents) */
.site-footer, footer, .footer{
  color: var(--footer-ink) !important;
}

/* Texte & liens */
.site-footer *, footer *, .footer *{
  color: var(--footer-ink) !important;
}
.site-footer a, footer a, .footer a{
  color: var(--footer-ink) !important;
  text-decoration: none;
}
.site-footer a:hover, footer a:hover, .footer a:hover{
  color: var(--footer-ink-dim) !important;   /* blanc adouci au survol */
}

/* Titres/widgets/menus */
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer h5, .site-footer h6,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6{
  color: var(--footer-ink) !important;
}

/* Icônes (SVG / font-icons) */
.site-footer svg [fill], footer svg [fill], .footer svg [fill],
.site-footer svg path,  footer svg path,  .footer svg path{
  fill: var(--footer-ink) !important;
}
.site-footer .dashicons, .site-footer .fa, .site-footer .icon,
footer .dashicons, footer .fa, footer .icon,
.footer .dashicons, .footer .fa, .footer .icon{
  color: var(--footer-ink) !important;
}

/* Séparateurs / bordures fines dans le footer */
.site-footer hr, footer hr, .footer hr{
  border-color: var(--footer-border) !important;
  color: var(--footer-border) !important;
}
.site-footer .widget, footer .widget, .footer .widget{
  border-color: var(--footer-border) !important;
}

/* (Optionnel) Champs de formulaire dans le footer sur fond sombre */
.site-footer input, .site-footer select, .site-footer textarea,
footer input, footer select, footer textarea,
.footer input, .footer select, .footer textarea{
  color: var(--footer-ink) !important;
  background: transparent !important;
  border-color: var(--footer-border) !important;
}
.site-footer ::placeholder, footer ::placeholder, .footer ::placeholder{
  color: var(--footer-ink-dim) !important;
}

/* Ne pas affecter les médias */
.site-footer img, footer img, .footer img,
.site-footer video, footer video, .footer video{
  filter: none !important; /* aucune inversion */
}



/* Badge “Best-seller” (look “glass”) */
.fe-strip--v2 .fe-badge--best{
  position:absolute !important;
  top:36px !important; left:12px !important;
  padding:4px 9px !important; border-radius:999px !important;
  font:700 10px/1 "Ortica Linear", system-ui !important;
  letter-spacing:.06em !important; text-transform:uppercase !important;
  color:#fff !important; background:rgba(0,0,0,.38) !important;
  border:0.5px solid rgba(255,255,255,.22) !important;
  backdrop-filter:saturate(115%) blur(2px) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.05) !important;
  z-index:3 !important; max-width:55% !important;
  white-space:nowrap !important; overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Strip — forcer Ortica Regular et bloquer la graisse synthétique */
body .entry-content .fe-strip--v2 .fe-strip__title,
body .entry-content .fe-strip--v2 h1.fe-strip__title,
body .entry-content .fe-strip--v2 h2.fe-strip__title,
body .entry-content .fe-strip--v2 .section-title{
  font-family:"Ortica Linear","Ortica Light",serif !important;
  font-weight:400 !important;
  font-synthesis:none !important;
}
body .entry-content .fe-strip--v2 .fe-strip__title::before,
body .entry-content .fe-strip--v2 .fe-strip__title::after,
body .entry-content .fe-strip--v2 .section-title::before,
body .entry-content .fe-strip--v2 .section-title::after{
  content:none !important;
}

/* ===== MOBILE FIXES (≤ 640px) =====
   Compatible: aucun slider (fallback), Slick, Swiper.
   → on NE force PAS grid / 100% partout.
*/
@media (max-width: 640px){

  /* Fallback SANS plugin (pas Slick/Swiper) : on fait un carrousel natif */
  .fe-strip--v2 .fe-strip__track:not(.slick-track):not(.swiper-wrapper){
    display: flex !important;
    gap: 14px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
  }
  .fe-strip--v2 .fe-strip__track:not(.slick-track):not(.swiper-wrapper) > *{
    flex: 0 0 auto !important;
    width: calc(100% - 28px) !important;   /* 1 carte par vue, avec un petit “gouttière” */
    scroll-snap-align: start;
  }

  /* Cartes : pas de width/min-width fixes qui bloquent le slider */
  .fe-strip--v2 .fe-card{
    margin: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.08);
  }

  /* Image stable */
  .fe-strip--v2 .fe-card__imgWrap{ aspect-ratio: 4 / 5 !important; }
  .fe-strip--v2 .fe-card__imgEl{
    width: 100% !important; height: 100% !important; object-fit: cover !important;
  }

  /* Corps de carte + CTA */
  .fe-strip--v2 .fe-card__body{ padding: 12px 14px 16px !important; }
  .fe-strip--v2 .fe-btn.fe-btn--overlay{ height: 42px !important; }

  /* Badges légèrement rapprochés */
  .fe-strip--v2 .fe-badge{ transform: translateY(2px); margin-right: 6px; }
}

/* ===== SLIDER (Slick/Swiper) — largeur de slide mobile ===== */
@media (max-width: 640px){
  /* Slick */
  .fe-strip--v2 .slick-track{ display: flex !important; gap: 14px !important; }
  .fe-strip--v2 .slick-slide{
    width: calc(100% - 28px) !important;  /* 1 slide par vue */
    margin: 0 !important;                 /* Slick met souvent un margin par défaut */
  }

  /* Swiper */
  .fe-strip--v2 .swiper{ overflow: visible !important; }
  .fe-strip--v2 .swiper-wrapper{ align-items: stretch !important; gap: 14px !important; }
  .fe-strip--v2 .swiper-slide{ width: calc(100% - 28px) !important; }
}

/* ===== Réserves — cartes PLUS LARGES sur desktop (badges mieux logés) ===== */
@media (min-width: 1200px){
  /* largeur carte : passe ~340→368px (ajuste si besoin) */
  .fe-strip--v2 .fe-card{
    width: 340px !important;
    max-width: none !important;
    flex: 0 0 368px !important;   /* si le strip est en flex/slider */
  }

  /* on garde le ratio 4/5 (pas plus haut) */
  .fe-strip--v2 .fe-card__imgWrap{
    aspect-ratio: 4 / 5 !important;
  }

  /* un peu plus d’air pour les côtés du badge */
  .fe-strip--v2 .fe-badges{
    left: 14px !important;
    right: 14px !important;
  }

  /* écarte légèrement les cartes pour éviter qu’elles se touchent */
  .fe-strip--v2 .fe-strip__track{
    column-gap: 26px !important;   /* ajuste 22–30px selon ton œil */
  }
}


/* ===== FEYI — DUOS (titres verts + bouton vert, hover orange) ===== */

/* Taille du titre (modifiable) */
.fe-duo{ --fe-duo-title-size: 1.95rem; }

/* Centrer le texte sous l'image */
.fe-duo .fe-duo__text{ text-align:center !important; }

/* TITRE des cartes — Coconat, vert FEYI, 2 lignes propres, sans soulignement */
.fe-duo .fe-duo__cardTitle{
  font-family:"Coconat", serif !important;
  font-weight:300 !important;
  font-size:var(--fe-duo-title-size) !important;
  color:#45523e !important;                /* même vert que le titre de section */
  display:block !important;
  max-width:30ch;
  margin:6px auto !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow:visible !important;
  text-wrap:balance;
  text-decoration:none !important;
}
.fe-duo .fe-duo__cardTitle::before,
.fe-duo .fe-duo__cardTitle::after{ content:none !important; }

/* Sous-titre : jamais souligné (hérite du centrage) */
.fe-duo .fe-duo__sub,
.fe-duo .fe-duo__sub a{
  text-decoration:none !important;
  box-shadow:none !important;
  border:0 !important;
}

/* BOUTON — vert natif */
.fe-duo .fe-duo__btn{
  background:#1d310f !important;           /* vert FEYI foncé */
  color:#ffffff !important;
  border:2px solid #1d310f !important;
  box-shadow:0 4px 12px rgba(0,0,0,.10) !important;
  transition:background-color .2s,color .2s,border-color .2s,transform .12s !important;
}

/* Hover / Active — bouton blanc, texte + bordure #c46e26 */
.fe-duo .fe-duo__btn:hover,
.fe-duo .fe-duo__btn:active,
.fe-duo .fe-duo__card:hover .fe-duo__btn,
.fe-duo .fe-duo__card:active .fe-duo__btn{
  background:#ffffff !important;
  color:#c46e26 !important;
  border-color:#c46e26 !important;
  transform:translateY(-1px) !important;
}

/* Focus accessible */
.fe-duo .fe-duo__btn:focus-visible{
  outline:2px solid #c46e26 !important;
  outline-offset:2px !important;
}

/* Sécurité : jamais de soulignement à l’intérieur des cartes */
.fe-duo .fe-duo__card,
.fe-duo .fe-duo__card *{
  text-decoration:none !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
}

/* DUOS — bouton : contour identique à la couleur du texte au survol/clic */
.fe-duo .fe-duo__btn:hover,
.fe-duo .fe-duo__btn:active,
.fe-duo .fe-duo__card:hover .fe-duo__btn,
.fe-duo .fe-duo__card:active .fe-duo__btn{
  background:#ffffff !important;
  color:#c46e26 !important;
  border-color:#c46e26 !important;   /* contour = même couleur que le texte */
  border-width:2px !important;       /* au cas où le thème change l’épaisseur */
  border-style:solid !important;      /* verrouille le style de bordure */
  transform:translateY(-1px) !important;
}


/* =======================================================================
   FEYI — Comptoir : overrides SCOPÉS (ne touche pas "Réserves")
   À placer TOUT EN BAS de "CSS additionnel"
   ======================================================================= */

/* 1) Scope principal : section Comptoir */
.entry-content .fe-strip--v2.fe-strip--comptoir {
  /* rien ici : on renforce juste la spécificité avec .entry-content */
}

/* 2) Titre section (tokens) */
.entry-content .fe-strip--v2.fe-strip--comptoir .fe-strip__title{
  font-family:"Ortica Linear","Ortica Light",serif !important;
  font-weight:400 !important;
  text-transform:uppercase !important;
  color:#45532e !important;
  text-decoration:none !important;
  font-synthesis:none !important;
}
.entry-content .fe-strip--v2.fe-strip--comptoir .fe-strip__title::before,
.entry-content .fe-strip--v2.fe-strip--comptoir .fe-strip__title::after{ content:none !important; }

/* 3) Comptoir : AUCUN badge */
.entry-content .fe-strip--v2.fe-strip--comptoir .fe-badges,
.entry-content .fe-strip--v2.fe-strip--comptoir .fe-badge,
.entry-content .fe-strip--v2.fe-strip--comptoir .fe-badge--best,
.entry-content .fe-strip--v2.fe-strip--comptoir .onsale{
  display:none !important;
}

/* 4) Bouton Comptoir = vert (normal) + blanc/#c46e26 en hover */
.entry-content .fe-strip--v2.fe-strip--comptoir .fe-btn.fe-btn--overlay{
  background:#1d310f !important;
  color:#fff !important;
  border-color:#1d310f !important;
}
.entry-content .fe-strip--v2.fe-strip--comptoir .fe-btn.fe-btn--overlay:hover,
.entry-content .fe-strip--v2.fe-strip--comptoir .fe-btn.fe-btn--overlay:active{
  background:#fff !important;
  color:#c46e26 !important;
  border-color:#c46e26 !important;
}

/* 5) Retirer "Traçabilités" UNIQUEMENT sur Comptoir */
.entry-content .fe-strip--v2.fe-strip--comptoir .fe-card__engagements{
  display:none !important;
  margin:0 !important;
}

/* 6) Sécurité : garantir que les autres strips (ex: Réserves) restent BLANCS */
.entry-content .fe-strip--v2:not(.fe-strip--comptoir) .fe-btn.fe-btn--overlay{
  background:rgba(255,255,255,.92) !important;
  color:#111 !important;
  border:1px solid rgba(0,0,0,.08) !important;
}
.entry-content .fe-strip--v2:not(.fe-strip--comptoir) .fe-btn.fe-btn--overlay:hover,
.entry-content .fe-strip--v2:not(.fe-strip--comptoir) .fe-btn.fe-btn--overlay:active{
  background:#fff !important;
  color:#111 !important;
  border-color:rgba(0,0,0,.10) !important;
}

/* (optionnel) Masquer aussi le sous-titre sous le titre produit, Comptoir seul */
/* .entry-content .fe-strip--v2.fe-strip--comptoir .fe-card__subtitle{ display:none !important; } */

/* ===== Pastille prix: visible seulement au survol/focus ===== */

/* Cacher par défaut (ne prend pas de place) */
.fe-strip--v2 .fe-btn.fe-btn--overlay::after{
  opacity:0; visibility:hidden; transform:translateY(4px) scale(.98);
  transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}

/* Afficher au survol de la carte (desktop) */
.fe-strip--v2 .fe-card:hover .fe-btn.fe-btn--overlay::after,
.fe-strip--v2 .fe-card:active .fe-btn.fe-btn--overlay::after{
  opacity:1; visibility:visible; transform:none;
  transition-delay:0s;
}

/* Afficher à l’accessibilité (clavier) */
.fe-strip--v2 .fe-btn.fe-btn--overlay:focus-visible::after{
  opacity:1; visibility:visible; transform:none;
  transition-delay:0s;
}

/* Sécurité: si pas de data-price -> jamais afficher (déjà présent chez toi) */
.fe-strip--v2 .fe-btn.fe-btn--overlay:not([data-price])::after,
.fe-strip--v2 .fe-btn.fe-btn--overlay[data-price=""]::after{ content:none; display:none; }


/* Uniformiser la largeur des boutons overlay (Réserves + Comptoir) */
.fe-strip--v2 .fe-card__ctaWrap{ justify-content:center !important; }

/* Largeur commune (resp.) : mini 180px, ~68% de l'image, max 260px */
.fe-strip--v2 .fe-btn.fe-btn--overlay{
  width: clamp(180px, 68%, 260px) !important;
  justify-content: center !important; /* texte centré */
  display: inline-flex !important;
}

/* Mobile : un peu plus large pour la lisibilité */
@media (max-width: 640px){
  .fe-strip--v2 .fe-btn.fe-btn--overlay{
    width: clamp(180px, 80%, 280px) !important;
  }
}

/* Pastille prix: reste cachée par défaut (si tu as ajouté la règle) */
.fe-strip--v2 .fe-btn.fe-btn--overlay::after{
  opacity:0; visibility:hidden; transform:translateY(4px) scale(.98);
  transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
.fe-strip--v2 .fe-card:hover .fe-btn.fe-btn--overlay::after,
.fe-strip--v2 .fe-btn.fe-btn--overlay:focus-visible::after{
  opacity:1; visibility:visible; transform:none; transition-delay:0s;
}

/* File: styles/fe-usp.css */

/* DESKTOP : ~1 cm entre les items */
.fe-usp .fe-usp__inner{
  gap: 1cm !important; /* ≈ 37.8px */
}

/* TITRE → TEXTE (inchangé) */
.fe-usp .fe-usp__eyebrow{ 
  margin-bottom: .55rem !important;
}

/* MOBILE : ~1 cm entre les slides, reste inchangé */
@media (max-width:700px){
  .fe-usp .fe-usp__inner{
    gap: 1cm !important;  /* ≈ 37.8px */
    padding: 0 22px 14px !important;
  }
  .fe-usp .fe-usp__item{
    flex: 0 0 86% !important;
    max-width: 86% !important;
    scroll-snap-align: center !important;
  }
}

/* Option alternative si tu préfères en px exacts :
   remplace `1cm` par `38px`. */

/* File: styles/fe-usp.css */

/* DESKTOP : ~1.2 cm entre les items */
.fe-usp .fe-usp__inner{
  gap: 1.2cm !important; /* ≈ 45.4px */
}

/* TITRE → TEXTE (inchangé) */
.fe-usp .fe-usp__eyebrow{ 
  margin-bottom: .55rem !important;
}

/* MOBILE : un item centré par slide + ~1.2 cm entre les slides */
@media (max-width:700px){
  .fe-usp .fe-usp__inner{
    gap: 1.2cm !important;                 /* écart entre slides */
    padding: 0 22px 14px !important;
    overflow-x: auto !important;           /* nécessaire pour le swipe */
    -webkit-overflow-scrolling: touch !important; /* inertie iOS */
    scroll-snap-type: x mandatory !important;     /* active le snap */
    scroll-padding-inline: calc((100% - 86%) / 2) !important; /* centre visuellement */
    overscroll-behavior-x: contain !important;    /* évite scroll parent */
  }
  .fe-usp .fe-usp__item{
    flex: 0 0 86% !important;       
    max-width: 86% !important;
    scroll-snap-align: center !important;  /* centré à l’arrêt */
  }
}

/* File: styles/fe-usp.css */

/* DESKTOP : ~1.2 cm entre les items */
.fe-usp .fe-usp__inner{
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;             /* centre la rangée quand largeur dispo */
  gap: 1.2cm !important;               /* ≈ 45.4px */
}

/* TITRE → TEXTE */
.fe-usp .fe-usp__eyebrow{ 
  margin-bottom: .55rem !important;
}

/* MOBILE : un item centré par slide + ~1.2 cm entre les slides */
@media (max-width:700px){
  .fe-usp .fe-usp__inner{
    gap: 1.2cm !important;
    padding: 0 22px 14px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scroll-snap-stop: always !important;                 /* arrêt net sur un slide */
    scroll-padding-inline: calc((100% - 86%) / 2) !important; /* centre visuel */
    overscroll-behavior-x: contain !important;
  }

  /* Spacers pour centrer parfaitement le 1er et le dernier slide
     en tenant compte du padding horizontal (22px) */
  .fe-usp .fe-usp__inner::before,
  .fe-usp .fe-usp__inner::after{
    content: "";
    flex: 0 0 max(0px, calc((100% - 86%) / 2 - 22px));   /* largeur du spacer */
    /* Pourquoi: addition spacer + padding = demi-espace restant => centrage exact */
    pointer-events: none;
  }

  .fe-usp .fe-usp__item{
    flex: 0 0 86% !important;
    max-width: 86% !important;
    scroll-snap-align: center !important;
  }
}

/* Fallback si flex-gap non supporté (vieux Safari iOS 14-) */
@supports not (gap: 1rem) {
  .fe-usp .fe-usp__inner {
    margin-inline: calc(1.2cm / -2);
  }
  .fe-usp .fe-usp__item {
    margin-inline: calc(1.2cm / 2);
  }
}

/* Focus visible pour navigation clavier */
.fe-usp .fe-usp__item:focus-visible {
  outline: 2px solid currentColor; /* pourquoi: contraste sans couleur figée */
  outline-offset: 2px;
}

/* Option alternative si tu préfères en px exacts :
   remplace `1.2cm` par `45px`. */


/* ===================== FE — MANIFESTE (clean) ===================== */
.fe-culture{
  /* Vars locales (peuvent être surchargées via Customizer en CSS vars) */
  --fe-heading-font-family: "Ortica Linear","Ortica Light", serif;
  --fe-heading-font-weight: 400;
  --fe-text-font-family: "Coconat", Georgia, serif;
  --fe-text-font-weight: 400;
  --fe-ink: #45523e;
  --fe-ink-soft: #5a5a53;
  --fe-bg: #ffffff;

  /* Padding par défaut (overridable via --fe-cu-pt / --fe-cu-pb) */
  padding: var(--fe-cu-pt, clamp(4rem, 6vw, 8rem)) 0
           var(--fe-cu-pb, clamp(3.5rem, 5vw, 6.5rem));
  background: var(--fe-bg);
}
.fe-culture .fe-culture__inner{
  width: var(--fe-cu-width, min(920px, 92vw));
  margin: 0 auto;
  padding: 0 16px;
  display: grid;
  gap: 1.1rem;
  text-align: center;
}

/* Surtitre */
.fe-culture .fe-culture__eyebrow{
  margin: 0 0 1rem;
  color: var(--fe-ink);
  font-family: var(--fe-heading-font-family);
  font-weight: var(--fe-heading-font-weight);
  font-variant-caps: all-small-caps;
  letter-spacing: .08em;
  font-synthesis: none;
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.2;
}

/* Phrase manifeste — Ortica Light (léger) */
.fe-culture .fe-culture__manifesto{
  margin: 0 auto;
  color: var(--fe-ink);
  font-family: "Ortica Linear","Ortica Light", serif;
  font-weight: 300;                  /* léger */
  font-synthesis: none;
  letter-spacing: .01em;
  font-size: clamp(30px, 4.6vw, 44px);
  line-height: 1.28;
  max-width: var(--fe-cu-maxw, 820px);
}

/* Témoignages (optionnels) */
.fe-culture .fe-culture__testis{
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin: 2rem auto 0;
  list-style: none;
  padding: 0;
  max-width: min(920px,92vw);
}
@media (min-width: 900px){
  .fe-culture .fe-culture__testis{ grid-template-columns: 1fr 1fr; }
}
.fe-culture .fe-culture__te{ display: grid; gap: .35rem; justify-items: center; }
.fe-culture .fe-culture__quote{
  font-family: var(--fe-text-font-family);
  font-weight: 400;
  color: var(--fe-ink-soft);
  font-size: clamp(15px, 1.1vw, 16px);
  line-height: 1.5;
}
.fe-culture .fe-culture__src{
  font-family: var(--fe-heading-font-family);
  font-weight: 400;
  color: var(--fe-ink-soft);
  font-size: 13px;
  opacity: .9;
}

/* Hygiène neutre */
.fe-culture *{
  text-decoration: none;
  background-image: none;
  box-shadow: none;
  border: 0;
}
.fe-culture .fe-culture__inner::before,
.fe-culture .fe-culture__inner::after,
.fe-culture .fe-culture__eyebrow::before,
.fe-culture .fe-culture__eyebrow::after{ content:none; }

/* Mobile tweaks */
@media (max-width: 640px){
  .fe-culture{
    padding: calc(var(--fe-cu-pt, 8rem) * .65) 0
             calc(var(--fe-cu-pb, 6.5rem) * .65);
  }
  .fe-culture .fe-culture__manifesto{
    font-size: clamp(26px, 7vw, 30px);
    line-height: 1.32;
    max-width: min(var(--fe-cu-maxw, 820px), 92vw);
  }
  .fe-culture .fe-culture__eyebrow{
    font-size: clamp(13px, 3.5vw, 16px);
    letter-spacing: .09em;
    margin-bottom: .9rem;
  }
  .fe-culture .fe-culture__testis{ gap: .75rem; }
}

/* === Gap entre "Le Comptoir FEYI" (strip produits) et le Manifeste === */
/* → Valeur finale convenue */
.fe-strip--v2 + .fe-culture,
.fe-strip--comptoir + .fe-culture{
  --fe-cu-pt: 4.65rem !important;   /* desktop/tablet */
}
@media (max-width: 640px){
  .fe-strip--v2 + .fe-culture,
  .fe-strip--comptoir + .fe-culture{
    --fe-cu-pt: 4.15rem !important; /* mobile */
  }
}
/* Sécurité : pas de marge parasite en tête du Manifeste */
.fe-culture .fe-culture__inner > *:first-child{ margin-top: 0; }


/* Réduire l'espace AVANT "NOTRE PLACE DANS LA CULTURE" */
.fe-culture{ --fe-cu-pt: 4rem !important; }      /* desktop/tablette */
@media (max-width:700px){
  .fe-culture{ --fe-cu-pt: 3rem !important; }    /* mobile */
}

/* Fallback au cas où (selon thème/cache) */
.fe-culture{ padding-top: 4rem !important; }
@media (max-width:700px){
  .fe-culture{ padding-top: 3rem !important; }
}


/* ===== FE — Duo Édito (Maison & Club) ===== */
.fe-edito{
  width:min(1400px,97vw);
  margin:var(--fe-edito-mt,40px) auto 0;
  padding:0 16px;
}

/* Surtitre de section (optionnel) */
.fe-edito__head{ margin:0 0 16px; text-align:center !important; }
.fe-edito__title{
  all:unset;
  display:block !important; text-align:center !important;
  font-family:"Ortica Linear","Ortica Light",serif !important;
  font-weight:400 !important; font-synthesis:none !important;
  font-size:clamp(18px,2vw,22px) !important;
  letter-spacing:.08em !important; text-transform:uppercase !important;
  color:#45532e !important;
}
.fe-edito__title::before,.fe-edito__title::after{ content:none !important; }

/* Grille */
.fe-edito__grid{ display:grid; grid-template-columns:1fr; gap:var(--fe-edito-gap,28px); }
@media (min-width:900px){ .fe-edito__grid{ grid-template-columns:1fr 1fr; } }

/* Carte */
.fe-edito__card{ display:block; text-decoration:none !important; color:inherit !important; }

/* Média — ratio ≈ 9/10, arrondi & ombre douce */
.fe-edito__media{ margin:0; border-radius:var(--fe-edito-radius,24px); overflow:hidden;
  box-shadow:0 14px 36px rgba(0,0,0,.10);
}
.fe-edito__media img, .fe-edito__ph{
  width:100%; height:100%; object-fit:cover; display:block;
  aspect-ratio: 9 / 10; /* ≈ 0.9 */
  background:#f2f2f2;
}

/* Texte sous image */
.fe-edito__text{ padding:14px 8px 0; text-align:center; }
.fe-edito__cardTitle{
  font-family:"Coconat",serif !important; font-weight:300 !important;
  font-size:clamp(22px,3.6vw,34px) !important; line-height:1.1 !important;
  margin:6px 0 4px !important; color:#1a1a1a !important;
  text-decoration:none !important;
}
.fe-edito__sub{
  font-family:"Ortica Linear",system-ui !important; font-weight:300 !important;
  font-size:clamp(13px,1.2vw,15px) !important; line-height:1.45 !important;
  color:#45523e !important; margin:0 0 10px !important;
  text-decoration:none !important;
}

/* Bouton — tokens FEYI (mêmes que Réserves/Comptoir) */
.fe-edito__btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:38px; padding:0 18px; border-radius:999px;
  background:#1d310f; color:#fff; border:2px solid #1d310f;
  font:600 12.5px/1 "Ortica Linear",system-ui;
  box-shadow:0 6px 18px rgba(0,0,0,.10);
  transition:background-color .2s,color .2s,border-color .2s,transform .12s;
}
.fe-edito__card:hover .fe-edito__btn,
.fe-edito__btn:hover, .fe-edito__btn:active{
  background:#fff; color:#c46e26; border-color:#c46e26; transform:translateY(-1px);
}
.fe-edito__btn:focus-visible{ outline:2px solid #c46e26; outline-offset:2px; }

/* Hygiène: jamais de soulignements décoratifs */
.fe-edito, .fe-edito *{
  text-decoration:none !important; background-image:none !important; box-shadow:none !important; border:0;
}




/* =========================================================
   FE — Newsletter Hero (CSS additionnel)
   Lit les variables injectées par le Customizer:
   --fe-hero-bg / --fe-hero-veil / --fe-hero-minh
   + Espacements: --fe-hero-pad-top / --fe-hero-pad-bot / --fe-hero-gap-before
   ========================================================= */

/* Fallbacks si le Customizer n’a pas encore défini les valeurs */
:root{
  --fe-hero-bg: none;
  --fe-hero-veil: .25;        /* 0 → 1 */
  --fe-hero-minh: 52vh;       /* min-height du hero */

  /* Espaces (tu peux changer ici ou via les contrôles PHP optionnels) */
  --fe-hero-pad-top: 3cm;     /* ≈ 113.39px — air DANS le hero */
  --fe-hero-pad-bot: clamp(28px, 6vw, 84px);
  --fe-hero-gap-before: 0px;  /* blanc AVANT le hero (entre sections) */
}

/* ====== Conteneur HERO (Groupe externe: classes `fe-reach fe-reach--hero`) ====== */
.fe-reach.fe-reach--hero{
  margin: 0 !important;
  margin-top: var(--fe-hero-gap-before) !important;
  position: relative;
  padding: var(--fe-hero-pad-top) 16px var(--fe-hero-pad-bot);
  display: grid; place-items: center;
  background-image: var(--fe-hero-bg);
  background-size: cover; background-position: center;
  min-height: var(--fe-hero-minh);
  color: #fff; overflow: hidden;
}
.fe-reach.fe-reach--hero::before{
  content:""; position:absolute; inset:0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,var(--fe-hero-veil)) 0%,
    rgba(0,0,0,calc(var(--fe-hero-veil)*.9)) 40%,
    rgba(0,0,0,calc(var(--fe-hero-veil)*.8)) 100%
  );
}

/* ====== Carte “verre dépoli” (Groupe interne: classe `fe-reach__card`) ====== */
.fe-reach__card{
  position: relative; z-index: 1;
  width: min(920px, 92vw);
  padding: clamp(22px, 4vw, 48px);
  border-radius: 28px;
  color: rgba(255,255,255,.94);
  background: linear-gradient(to bottom right, rgba(255,255,255,.10), rgba(255,255,255,.06));
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: 0 24px 60px rgba(0,0,0,.35);
}
/* Fallback si backdrop-filter indisponible */
@supports not (backdrop-filter: blur(1px)) {
  .fe-reach__card{ background: rgba(20,20,20,.35); }
}
.fe-reach__card h2{
  margin: 0 0 8px; text-align: center;
  font-family: var(--heading-font-family,'Ortica Light',serif);
  font-weight: var(--heading-font-weight,300);
  letter-spacing: .02em; text-transform: uppercase;
  font-size: clamp(28px, 6vw, 56px); line-height: 1.04; color:#fff;
}
.fe-reach__card p{
  margin: 0 0 clamp(14px,2.4vw,22px);
  text-align:center; font-size: clamp(14px,1.3vw,16px); line-height:1.6;
  color: rgba(255,255,255,.92);
}

/* ====== Reach form (le bloc qui contient le formulaire) ====== */
#newsletter, #newsletter * { outline: 0 !important; }
#newsletter form ul, #newsletter form li { list-style: none; margin: 0; padding: 0; }

#newsletter{ margin: 18px auto 40px; scroll-margin-top: 96px; }
#newsletter form{
  max-width: clamp(360px, 56vw, 720px);
  margin: 0 auto;
  display: grid !important;
  grid-template-columns: 1fr auto;
  grid-template-areas: "email submit";
  gap: 12px; align-items: center;
}
@media (max-width: 700px){
  #newsletter form{
    grid-template-columns: 1fr;
    grid-template-areas: "email" "submit";
  }
}

/* Champ email */
#newsletter form :is(input[type="email"], input[type="text"], input[type="search"]){
  grid-area: email;
  height: 52px; border-radius: 999px;
  border: 1px solid rgba(0,0,0,.18);
  background: #fff; color: #2b2b2b;
  padding: 0 18px; font-size: 16px; box-sizing: border-box; min-width: 0;
}
#newsletter input::placeholder{ color: rgba(0,0,0,.45); }

/* Bouton */
#newsletter form :is(button, input[type="submit"]){
  grid-area: submit;
  height: 52px; padding: 0 28px; min-width: 170px;
  border-radius: 999px; border: 1px solid rgba(0,0,0,.18);
  background: var(--button-secondary-background,#fff);
  color: var(--button-secondary-text-color,#45523e);
  font-weight: 700; cursor: pointer;
  transition: transform .06s, background .2s, color .2s, box-shadow .2s;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
#newsletter form :is(button, input[type="submit"]):hover{
  background: var(--button-tertiary-background,#45523e);
  color: var(--button-tertiary-text-color,#fff);
}

/* Focus visible (a11y) */
#newsletter :is(
  input[type="email"], input[type="text"], input[type="search"],
  button, input[type="submit"]
):focus-visible{
  outline: 2px solid #45523e; outline-offset: 2px;
}

/* Option: masquer les anciens modules newsletter du thème si doublon */
.site-footer .footer-newsletter,
.footer-newsletter, .newsletter-section,
.footer-widget-area .widget_blossomthemes_email_newsletter,
.footer-widget-area .blossomthemes-email-newsletter{ display: none !important; }

/* Défilement fluide vers /#newsletter */
html{ scroll-behavior: smooth; }

/* ====== Mobile tweaks ====== */
@media (max-width: 700px){
  .fe-reach.fe-reach--hero{ min-height: max(56vh, 420px); }
  .fe-reach__card{ padding: 18px; border-radius: 20px; }
}

/* NOTE: la ligne orpheline "background:#fff; color:#c46e26; …"
   a été supprimée car hors d’un sélecteur → invalide. */


/* Fallbacks (au cas où Customizer pas encore réglé) */



/* === Espace AVANT le hero (blanc entre sections) === */
/* change la valeur ici; 3cm ≈ 113.39px */
:root{
  --fe-hero-gap-before: 3cm;
}

/* applique la marge avant le hero */
.fe-reach.fe-reach--hero{
  margin-top: var(--fe-hero-gap-before) !important; /* pourquoi: override margin:0 existant */
}

/* (option) réduire l'espace sur mobile */
@media (max-width: 700px){
  :root{ --fe-hero-gap-before: 24px; }
}

/* --- Alternative sans variable (choisis une seule méthode) ---
.fe-reach.fe-reach--hero{ margin-top: 3cm !important; }
*/



/* Masque tous les marqueurs d'édition + leur bordure rose */
.edit-link, .post-edit-link, a.post-edit-link {
  display: none !important;
  border: 0 !important;
  padding: 0 !important;
}


/* Cartes recette plus premium */
.fe-rec-grid{ gap:24px; } /* si on a défini cette classe côté shortcode */
.fe-rec-card img{ border-radius:12px; aspect-ratio: 4 / 3; object-fit: cover; }
.fe-rec-card h3{ font-weight:400; letter-spacing:.01em; }
.fe-rec-card .meta{ opacity:.8; font-weight:300; }



/* FEYI — Recettes (final, minimal & robuste) */
.recipes-block{ --fe-green:#1d310f; }

/* Titres des vignettes (liens ou non-liens) */
.recipes-block h2,
.recipes-block h3,
.recipes-block h2 a,
.recipes-block h3 a{
  font-family:"Ortica Linear","Ortica Light",serif !important;
  font-weight:300 !important;
  color:var(--fe-green) !important;
  text-decoration:none !important;
  border-bottom:0 !important;
}

/* Ligne “par FEYI” / meta */
.recipes-block small,
.recipes-block .byline,
.recipes-block .entry-meta,
.recipes-block .post-meta,
.recipes-block .author,
.recipes-block .vcard{
  font-family:"Ortica Linear","Ortica Light",system-ui !important;
  font-weight:300 !important;
  color:var(--fe-green) !important;
  text-decoration:none !important;
  opacity:1 !important;
}
.recipes-block small a,
.recipes-block .byline a,
.recipes-block .entry-meta a,
.recipes-block .post-meta a,
.recipes-block .author a,
.recipes-block .vcard a{
  color:var(--fe-green) !important;
  text-decoration:none !important;
  border-bottom:0 !important;
}

/* Tous les liens dans le bloc (incl. :visited/:active) */
.recipes-block a,
.recipes-block a:visited,
.recipes-block a:active{
  color:var(--fe-green) !important;
  text-decoration:none !important;
  border-bottom:0 !important;
}
.recipes-block a:hover{ color:var(--fe-green) !important; opacity:.9; }

/* (optionnel) Titre principal s’il existe dans le bloc */
.recipes-block .recipes__title{
  font-family:"Ortica Linear","Ortica Light",serif !important;
  color:var(--fe-green) !important;
}


/* Forcer la byline "par FEYI" en vert dans le bloc recettes */
.recipes-block :where(.byline,.entry-meta,.post-meta,.meta,.author,.vcard,.fe-rec__by,small,p),
.recipes-block :where(.byline,.entry-meta,.post-meta,.meta,.author,.vcard,.fe-rec__by,small,p) a,
.recipes-block :where(.byline,.entry-meta,.post-meta,.meta,.author,.vcard,.fe-rec__by,small,p) a:visited,
.recipes-block :where(.byline,.entry-meta,.post-meta,.meta,.author,.vcard,.fe-rec__by,small,p) a:active,
.recipes-block :where(.byline,.entry-meta,.post-meta,.meta,.author,.vcard,.fe-rec__by,small,p) a:hover{
  color:#1d310f !important;
  opacity:1 !important;
  text-decoration:none !important;
  -webkit-text-fill-color:#1d310f !important; /* au cas où le thème force une teinte WebKit */
}




/* ===== Palette miroir de tes Appearance Settings ===== */
:root{
  --primary-color:    #ffffff;  /* Primary = blanc */
  --secondary-color:  #45523e;  /* Secondary = vert des écritures */
  --body-font-color:  #ffffff;  /* Body Font = blanc (on ne l'utilise PAS pour le texte) */
  --background-color: #ffffff;  /* Background = blanc */
}

/* ===== Fond de la barre (ex-rose) → BLANC + texte VERT ===== */
:where(
  .page-header,
  .archive-header,
  .entry-header,
  .page-title-wrap,
  .page-title,
  .breadcrumbs,
  .breadcrumb,
  .site-breadcrumbs,
  .woocommerce-breadcrumb,
  .elementor-location-breadcrumbs,
  .elementor-widget-theme-breadcrumbs,
  .woocommerce-products-header
){
  background: var(--background-color) !important; /* blanc */
  color: var(--secondary-color) !important;       /* vert */
  border: 0 !important;
  box-shadow: none !important;
}
:where(
  .breadcrumbs a,
  .breadcrumb a,
  .site-breadcrumbs a,
  .woocommerce-breadcrumb a,
  .elementor-widget-theme-breadcrumbs a
){
  color: var(--secondary-color) !important;
  text-decoration-color: rgba(69,82,62,.35) !important;
}

/* ===== Texte global lisible : vert (pas blanc) ===== */
body{
  color: var(--secondary-color) !important;       /* force le vert pour le texte */
  background: var(--background-color) !important; /* fond blanc */
}

/* ===== Liens & boutons : en vert ===== */
a{ color: var(--secondary-color) !important; }
a:hover{ text-decoration-color: rgba(69,82,62,.35) !important; }

button, .button, .btn, .elementor-button--primary, .elementor-button{
  background: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: #fff !important;
}

/* (Optionnel) normalise aussi les variables internes potentielles du thème */
:root{
  --primary:   var(--primary-color);
  --secondary: var(--secondary-color);
  --body-font: var(--body-font-color);
  --background:var(--background-color);
}



/* ===================== CSS additionnel (Customizer) ===================== */
/* On NE STYLE PAS les cartes; on agit seulement sur le conteneur .recipes-block */
.recipes-block{
  position: relative;             /* pour positionner les flèches */
  padding-inline: clamp(16px,4vw,40px);
  padding-bottom: 10px;           /* espace pour la barre */
  scroll-behavior: smooth;        /* défilement doux */
}

/* Barre de défilement visible (navigateur) */
.recipes-block::-webkit-scrollbar{ height: 6px; }
.recipes-block::-webkit-scrollbar-track{ background: rgba(0,0,0,.06); border-radius: 4px; }
.recipes-block::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.28); border-radius: 4px; }
.recipes-block{ scrollbar-color: rgba(0,0,0,.28) rgba(0,0,0,.06); scrollbar-width: thin; }

/* Petites flèches latérales (ne touchent pas le layout interne) */
.recipes-block .rb-arrow{
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 34px; height: 34px; display: grid; place-items: center;
  background: #fff; border: 1px solid rgba(0,0,0,.10); border-radius: 999px;
  box-shadow: 0 4px 18px rgba(0,0,0,.08);
  color: #1a1a1a; text-decoration: none; z-index: 2; opacity: .9;
}
.recipes-block .rb-prev{ left: calc(clamp(16px,4vw,40px) - 6px); }
.recipes-block .rb-next{ right: calc(clamp(16px,4vw,40px) - 6px); }

/* Option: masquer les flèches quand rien à scroller (simple heuristique) */
@media (max-width: 480px){
  .recipes-block .rb-arrow{ width: 30px; height: 30px; }
}



/* Container */
.cat-container{max-width:1200px;margin:0 auto;padding:0 20px}

/* HERO */
.cat-hero{background:#f3f1ec;border-bottom:1px solid #e8e4dc;padding:38px 0 26px}
.cat-breadcrumbs{font-size:.9rem;color:#6b6a66;margin-bottom:6px;text-align:center}
.cat-breadcrumbs a{text-decoration:none}
.cat-breadcrumbs .sep{margin:0 .4rem}
.cat-title{font-size:clamp(2rem,3.2vw,3rem);line-height:1.05;text-align:center;margin:0}
.cat-subtitle{color:#5c5952;text-align:center;margin:.35rem 0 0}

/* Toolbar (résultats + tri Woo) */
.cat-toolbar{border-bottom:1px solid #eee7db}
.cat-toolbar .cat-container{display:flex;justify-content:flex-end;align-items:center;padding:12px 0}

/* Grille produits (ul.products) → grid responsive */
ul.products{--gap:22px;display:grid !important;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--gap);list-style:none;margin:24px 0 18px;padding:0}
@media(min-width:640px){ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1280px){ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Carte produit (native Woo, on embellit) */
ul.products li.product{
  border-radius:18px;overflow:hidden;background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 6px 18px rgba(0,0,0,.06);
  transition:transform .18s ease, box-shadow .18s ease;
  padding-bottom:.75rem;
}
ul.products li.product:hover{transform:translateY(-2px);box-shadow:0 2px 0 rgba(0,0,0,.05),0 12px 26px rgba(0,0,0,.10)}
ul.products li.product a.woocommerce-LoopProduct-link img{aspect-ratio:1/1;object-fit:cover;display:block;width:100%;height:auto}
ul.products li.product .woocommerce-loop-product__title{font-size:1rem;line-height:1.35;padding:.75rem 1rem 0;margin:0}
ul.products li.product .price{padding:.25rem 1rem 0;color:#2d2a26}
ul.products li.product .button{margin:.65rem 1rem 0;width:calc(100% - 2rem);border-radius:999px;padding:.6rem 1rem}

/* Pagination centrée */
.woocommerce nav.woocommerce-pagination{display:flex;justify-content:center;margin:20px 0 28px}
.woocommerce .woocommerce-pagination ul.page-numbers{gap:6px}



.cat-container{max-width:1200px;margin:0 auto;padding:0 20px}
.cat-hero{background:#f3f1ec;border-bottom:1px solid #e8e4dc;padding:38px 0 26px}
.cat-breadcrumbs{font-size:.9rem;color:#6b6a66;margin-bottom:6px;text-align:center}
.cat-breadcrumbs a{text-decoration:none}
.cat-breadcrumbs .sep{margin:0 .4rem}
.cat-title{font-size:clamp(2rem,3.2vw,3rem);line-height:1.05;text-align:center;margin:0}
.cat-subtitle{color:#5c5952;text-align:center;margin:.35rem 0 0}

.cat-toolbar{border-bottom:1px solid #eee7db}
.cat-toolbar .cat-container{display:flex;justify-content:flex-end;align-items:center;padding:12px 0}

ul.products{--gap:22px;display:grid !important;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--gap);list-style:none;margin:24px 0 18px;padding:0}
@media(min-width:640px){ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1280px){ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}}

ul.products li.product{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04),0 6px 18px rgba(0,0,0,.06);transition:transform .18s,box-shadow .18s;padding-bottom:.75rem}
ul.products li.product:hover{transform:translateY(-2px);box-shadow:0 2px 0 rgba(0,0,0,.05),0 12px 26px rgba(0,0,0,.10)}
ul.products li.product a.woocommerce-LoopProduct-link img{aspect-ratio:1/1;object-fit:cover;width:100%;height:auto;display:block}
ul.products li.product .woocommerce-loop-product__title{font-size:1rem;line-height:1.35;padding:.75rem 1rem 0;margin:0}
ul.products li.product .price{padding:.25rem 1rem 0;color:#2d2a26}
ul.products li.product .button{margin:.65rem 1rem 0;width:calc(100% - 2rem);border-radius:999px;padding:.6rem 1rem}
.woocommerce nav.woocommerce-pagination{display:flex;justify-content:center;margin:20px 0 28px}
.woocommerce .woocommerce-pagination ul.page-numbers{gap:6px}




/* ===== Cacher l'en-tête Woo par défaut sur catégories & archive produits ===== */
/* Pourquoi : supprimer la bande violette + titre/compteur du thème */
.tax-product_cat .woocommerce-products-header,
.post-type-archive-product .woocommerce-products-header,
.tax-product_tag .woocommerce-products-header {
  display: none !important;
}

/* Variantes fréquentes selon les thèmes (sécurité) */
.tax-product_cat .archive-header,
.post-type-archive-product .archive-header,
.tax-product_cat .page-header,
.post-type-archive-product .page-header,
.tax-product_cat .entry-header,
.post-type-archive-product .entry-header {
  display: none !important;
}

/* Au cas où seul le titre est injecté */
.tax-product_cat .woocommerce-products-header__title,
.post-type-archive-product .woocommerce-products-header__title {
  display: none !important;
}

/* Nettoyage des espaces résiduels en haut de page */
.tax-product_cat .site-main,
.post-type-archive-product .site-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
  background: #fff; /* évite qu'un fond violet reste visible */
}

/* Garder les fils d’Ariane ? Décommente pour les masquer aussi */
/*
.tax-product_cat .woocommerce-breadcrumb,
.post-type-archive-product .woocommerce-breadcrumb {
  display: none !important;
}
*/



/* ===== FEYI — Passer le carrousel en GRILLE (mobile/tablette) ===== */
@media (max-width: 1024px){
  /* 1) Le “track” devient une vraie grille 2 colonnes */
  .fe-strip--v2 .fe-strip__track{
    display: grid !important;
    grid-auto-flow: row !important;                 /* plus de carrousel horizontal */
    grid-auto-columns: initial !important;          /* annule minmax(300px,1fr) du carrousel */
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;  /* 2 colonnes */
    gap: 14px !important;
    overflow: visible !important;
    padding: 0 !important;
    scroll-snap-type: none !important;              /* désactive le snap */
  }

  /* 2) Les cartes deviennent des cellules de grille “normales” */
  .fe-strip--v2 .fe-card{
    width: 100% !important;
    min-width: 0 !important;
    scroll-snap-align: unset !important;
  }

  /* 3) Cache les flèches et la barre de progression sur mobile */
  .fe-strip--v2 .fe-arrow--side,
  .fe-strip--v2 .fe-strip__progress{
    display: none !important;
  }
}

/* Option : très petits écrans → 1 colonne */
@media (max-width: 380px){
  .fe-strip--v2 .fe-strip__track{
    grid-template-columns: 1fr !important;
  }
}





/* FEYI — GRID : 2 colonnes mobile/tablette (écrase 1fr hérités) */
@media (max-width: 1024px){
  .fe-strip.fe-strip--grid > .fe-strip__track{
    display: grid !important;
    grid-auto-flow: row !important;
    grid-auto-columns: initial !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: var(--fe-grid-gap, 16px) !important;
    overflow: visible !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
  }
  .fe-strip.fe-strip--grid > .fe-strip__track > .fe-card{
    grid-column: auto !important;
    width: auto !important;
    min-width: 0 !important;
  }
  /* carte “wide” */
  .fe-archive .fe-card[data-product-id="16561"]{ grid-column: span 1 !important; }
}

/* Très petits écrans uniquement → 1 colonne */
@media (max-width: 360px){
  .fe-strip.fe-strip--grid > .fe-strip__track{ grid-template-columns: 1fr !important; }
}

/* Neutralise l'ancienne règle fautive si elle existe */
@media (max-width: 640px){
  .fe-strip--grid .fe-strip__track{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}



/* ===== FEYI — “Acte d’Amour” (adaptation du strip v2) ===== */

/* Squelette carte */
.fe-aa .fe-aa__card{
  position: relative;
  display: flex;
  flex-direction: column;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* Media */
.fe-aa .fe-aa__media{ position: relative; }

/* Image en “boîte” 4:5 + ombre */
.fe-aa .fe-aa__imgWrap{
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;              /* format stable */
  overflow: hidden;
  border-radius: 16px;
  background: #f2f2f2;
  box-shadow: 0 10px 26px rgba(0,0,0,.07);
}

/* Image fill */
.fe-aa .fe-aa__img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Dégradé doux en bas de l’image */
.fe-aa .fe-aa__imgWrap::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 26%;
  background: linear-gradient(to top, rgba(0,0,0,.16), rgba(0,0,0,0));
  pointer-events: none;
}

/* Titre/texte sous l’image */
.fe-aa .fe-aa__body{
  display:block;
  position: static;
  padding: 12px 6px 0;
  margin: 0;
}

.fe-aa .fe-aa__name,
.fe-aa .fe-aa__name a{
  font-family:"Ortica Linear", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight:400;
  font-style:normal;
  font-size:18px;
  line-height:1.25;
  color:#45523e;
  text-decoration:none;
  margin:8px 0 6px;
}

/* (si tu utilises un sous-titre/desc dans le futur) */
.fe-aa .fe-aa__desc{
  font-family:"Ortica Linear", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight:400;
  font-size:13px;
  line-height:1.35;
  color:#6a6a6a;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* CTA capsule (sous l’image) */
.fe-aa .fe-aa__cta{ margin-top:10px; }
.fe-aa .fe-aa__btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:36px; padding:0 18px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  font: 600 12.5px/1 "Ortica Linear", system-ui;
  color: #111;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
  text-decoration:none;
  transition: transform .12s ease, box-shadow .12s ease;
}
.fe-aa .fe-aa__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

/* Header section centré (optionnel) */
.fe-aa .fe-aa__head{ width:100%; margin:0 0 var(--fe-aa-title-gap, 24px); }
.fe-aa .fe-aa__title{
  display:block;
  margin:0 auto;
  text-align:center;
  font-family: var(--heading-font-family,'Exposure VAR',serif);
  color: var(--heading-color,#45523e);
  font-weight: 400;
  font-size: clamp(22px,3.8vw,36px);
  letter-spacing:.02em;
}

/* Grid gaps (reprend les variables inline du shortcode) */
.fe-aa .fe-aa__grid{
  gap: var(--fe-aa-gap, 24px);
}

/* Desktop : cartes un peu plus larges (si strip horizontal) */
@media (min-width: 1200px){
  /* Si jamais tu passes la grille en slider/flex, ces tailles aident visuellement */
  .fe-aa .fe-aa__card{
    max-width: 368px;
  }
  .fe-aa .fe-aa__imgWrap{
    aspect-ratio: 4 / 5;
  }
}

/* Mobile: petit resserrage si besoin */
@media (max-width: 520px){
  .fe-aa .fe-aa__name,
  .fe-aa .fe-aa__name a{ font-size:16px; }
  .fe-aa .fe-aa__btn{ height:34px; padding:0 16px; font-size:12px; }
}





/* Cacher les “Traçabilités” aussi pour la Collection L’Acte d’Amour */
.fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-card__engagements{
  display: none !important;
}



/* === [fe_acte_amour] — même look que [fe_reserves] en utilisant les variables === */
/* 1) Pose les variables du strip au lieu de forcer width/margin/padding */
.fe-strip[aria-label="Collection L’Acte d’Amour"]{
  /* mêmes valeurs que ton bloc Réserves v2 */
  --fe-strip-width: min(1400px,97vw);
  --fe-strip-px: 16px;
  --fe-strip-mt: 36px;
  --fe-title-gap: 14px;
  --fe-track-gap: 20px;
}

/* 2) Même largeur de carte / grille que Réserves (desktop) */
.fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track{
  /* on laisse le layout natif en grid; on aligne juste l’auto-col width */
  grid-auto-columns: minmax(340px, 1fr);
}

/* 3) Fallback mobile identique (1 carte par vue, “carrousel natif”) */
@media (max-width: 640px){
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track:not(.slick-track):not(.swiper-wrapper){
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
  }
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track:not(.slick-track):not(.swiper-wrapper) > *{
    flex: 0 0 auto;
    width: calc(100% - 28px);
    scroll-snap-align: start;
  }
}

/* 4) (Optionnel) cacher la ligne Traçabilités pour un rendu strictement jumeau */
.fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-card__engagements{ 
  display: none;
}

/* 5) (Optionnel) si tu veux le même “Best-seller”, tu peux réutiliser la règle existante : 
      rien à faire ici si ta CSS v2 est déjà chargée (fe-badge--best). */





/* === [fe_acte_amour] — forcer exactement le même gabarit visuel que Réserves === */
.fe-strip[aria-label="Collection L’Acte d’Amour"]{
  --fe-strip-width: min(1400px,97vw);
  --fe-strip-px: 16px;
  --fe-strip-mt: 36px;
  --fe-title-gap: 14px;
  --fe-track-gap: 20px;
}

/* même largeur de carte */
.fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track{
  grid-auto-columns: minmax(340px, 1fr);
}


/* === Harmoniser "Collection L’Acte d’Amour" avec [fe_reserves] === */

/* Conteneur (mêmes largeur/paddings/marge que Réserves) */
.fe-strip[aria-label="Collection L’Acte d’Amour"]{
  width: min(1400px,97vw) !important;      /* idem Réserves */
  margin-top: 36px !important;             /* réduit la “longueur” au-dessus */
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* Piste du carrousel : mêmes colonnes & écart */
.fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track{
  gap: 20px !important;                     /* écart cartes */
  grid-auto-columns: minmax(340px,1fr) !important; /* largeur carte desktop */
}

/* Mobile : conserve exactement le même fallback que Réserves (1 carte par vue) */
@media (max-width: 640px){
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track:not(.slick-track):not(.swiper-wrapper){
    display:flex !important;
    gap:14px !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track:not(.slick-track):not(.swiper-wrapper) > *{
    flex:0 0 auto !important;
    width:calc(100% - 28px) !important;
    scroll-snap-align:start;
  }
}





/* === Acte d’Amour — WIDE-CENTERED (plus large que le container, sans bleed) === */
/* A) Recommandé : élargit et centre en dehors du conteneur du thème */
.fe-strip[aria-label="Collection L’Acte d’Amour"]{
  /* largeur cible plus généreuse, ajuste à l'œil */
  --fe-strip-width: min(1600px, 98vw);
  --fe-strip-px: 16px;            /* mêmes gouttières que Réserves */
  --fe-track-gap: 20px;

  position: relative;
  left: 50%;
  transform: translateX(-50%);    /* centre même si plus large que le parent */
  width: var(--fe-strip-width);
  margin-top: 36px;
}

/* s’assure du carrousel horizontal cohérent */
.fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(340px,1fr);
  gap: var(--fe-track-gap);
  overflow-x: auto;
}

/* Option : si ton thème ajoute des guillemets au titre */
.fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__title::before,
.fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__title::after{ content:none; }

/* Mobile, identique à Réserves */
@media (max-width:640px){
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track:not(.slick-track):not(.swiper-wrapper){
    display:flex; gap:14px; overflow-x:auto;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:2px;
  }
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track:not(.slick-track):not(.swiper-wrapper) > *{
    flex:0 0 auto; width:calc(100% - 28px); scroll-snap-align:start;
  }
}
/* B) Alternative : largeur exactement comme Réserves (1400px max) */
.fe-strip[aria-label="Collection L’Acte d’Amour"].aa-wide-1400{
  --fe-strip-width: min(1400px,97vw);
  position: relative; left:50%; transform:translateX(-50%);
  width: var(--fe-strip-width);
}








/* === Acte d’Amour — wide-centered + 5 cartes visibles (desktop) === */
@media (min-width: 1200px){
  /* 1) Dépasse le container du thème, reste centré (pas full-bleed) */
  .fe-strip[aria-label="Collection L’Acte d’Amour"]{
    /* largeur “confort” : ajuste si tu veux plus/moins large */
    --fe-strip-width: min(1820px, 98vw);
    --fe-strip-px: 20px;
    --fe-track-gap: 24px;

    max-width: none !important;
    width: var(--fe-strip-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;

    /* centre même si parent est plus étroit */
    position: relative; left: 50%; transform: translateX(-50%);

    /* neutralise un éventuel bleed global pour CE bloc */
    padding-left: var(--fe-strip-px) !important;
    padding-right: var(--fe-strip-px) !important;
  }
  .fe-strip[aria-label="Collection L’Acte d’Amour"][data-bleed="1"]{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 2) Piste = carrousel grid + largeur de carte calculée pour 5 visibles */
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track{
    display: grid !important;
    grid-auto-flow: column !important;
    gap: var(--fe-track-gap) !important;
    overflow-x: auto;

    /* 5 cartes = ((largeur - 2*padding - 4*gouttières) / 5), bornée proprement */
    grid-auto-columns: clamp(
      280px,
      calc( (var(--fe-strip-width) - (2 * var(--fe-strip-px)) - (4 * var(--fe-track-gap))) / 5 ),
      360px
    );
  }

  /* (Optionnel) vire les guillemets décoratifs du thème sur le titre */
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__title::before,
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__title::after{ content:none !important; }
}

/* 3) Mobile: garde le fallback 1 carte par vue (comme Réserves) */
@media (max-width: 640px){
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track:not(.slick-track):not(.swiper-wrapper){
    display:flex !important;
    gap:14px !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:2px;
  }
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track:not(.slick-track):not(.swiper-wrapper) > *{
    flex:0 0 auto !important;
    width:calc(100% - 28px) !important;
    scroll-snap-align:start !important;
  }
}







/* === Acte d’Amour — wide-centered + 5 cartes visibles (desktop), CSS durci === */
@media (min-width: 1200px){
  /* Section : dépasse le container, reste centrée */
  .entry-content .fe-strip[id^="fe-aa-"][aria-label="Collection L’Acte d’Amour"]{
    /* Ajuste ces 3 variables si tu veux plus/moins large */
    --aa-width: 1720px;    /* largeur totale visée */
    --aa-gap: 24px;        /* écart entre cartes */
    --aa-px: 20px;         /* padding latéral du strip */

    max-width: none !important;
    width: min(var(--aa-width), 98vw) !important;
    margin-left: auto !important;
    margin-right: auto !important;

    /* centre même si le parent est plus étroit */
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    /* neutralise tout bleed résiduel */
    padding-left: var(--aa-px) !important;
    padding-right: var(--aa-px) !important;
  }

  /* Piste : grille horizontale + 5 colonnes calculées */
  .entry-content .fe-strip[id^="fe-aa-"][aria-label="Collection L’Acte d’Amour"] .fe-strip__track{
    display: grid !important;
    grid-auto-flow: column !important;
    gap: var(--aa-gap) !important;
    overflow-x: visible !important;

    /* 5 cartes = ((largeur - 2*padding - 4*gouttières) / 5) bornée proprement */
    grid-auto-columns: clamp(
      300px,
      calc( (min(var(--aa-width), 98vw) - (2 * var(--aa-px)) - (4 * var(--aa-gap))) / 5 ),
      360px
    ) !important;
  }

  /* (Optionnel) enlève les chevrons décoratifs du thème sur le titre */
  .entry-content .fe-strip[id^="fe-aa-"][aria-label="Collection L’Acte d’Amour"] .fe-strip__title::before,
  .entry-content .fe-strip[id^="fe-aa-"][aria-label="Collection L’Acte d’Amour"] .fe-strip__title::after{
    content: none !important;
  }
}

/* Mobile : inchangé (1 carte par vue comme Réserves) */
@media (max-width: 640px){
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track:not(.slick-track):not(.swiper-wrapper){
    display:flex !important; gap:14px !important; overflow-x:auto !important;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:2px;
  }
  .fe-strip[aria-label="Collection L’Acte d’Amour"] .fe-strip__track:not(.slick-track):not(.swiper-wrapper) > *{
    flex:0 0 auto !important; width:calc(100% - 28px) !important; scroll-snap-align:start !important;
  }
}