body.ce-kit-3{color:#000000;font-family:"Tahoma", sans-serif;font-size:1rem;}a, .elementor a{color:#315B6C;font-family:"Tahoma", sans-serif;font-size:0.9rem;}a:hover, .elementor a:hover{color:#4054B2;font-family:"Tahoma", sans-serif;font-size:0.9rem;}body.ce-kit-3 h1{font-family:"Tahoma", sans-serif;font-size:1.5rem;font-weight:900;}body.ce-kit-3 h2{color:#7A7A7A;font-family:"Tahoma", sans-serif;font-size:1.1rem;font-weight:700;}body.ce-kit-3 h3{color:#7A7A7A;font-family:"Tahoma", sans-serif;font-size:1rem;}body.ce-kit-3 .ce-display-small{color:#000000;font-family:"Tahoma", sans-serif;}body.ce-kit-3 .ce-display-medium{color:#000000;font-family:"Tahoma", sans-serif;}body.ce-kit-3 .ce-display-large{color:#000000;font-family:"Tahoma", sans-serif;}body.ce-kit-3 .ce-display-xl{color:#000000;font-family:"Tahoma", sans-serif;}body.ce-kit-3 .ce-display-xxl{color:#000000;}body.ce-kit-3 #wrapper{background-color:#FFFFFF;}body.ce-kit-3 header.page-header, body.ce-kit-3 header.page-header *, body.ce-kit-3 .ce-page-title *{font-family:"Tahoma", sans-serif;font-size:1rem;}@media(max-width:767px){body.ce-kit-3{font-size:0.8rem;}body.ce-kit-3 p{margin-bottom:0.1em;}}/* Start custom CSS for page-settings *//* ================================================================== */
/* CSS PERSONNALISÉ COMPLET — Savonnerie de Ré                        */
/* Version propre du 2026-05-19 (dédoublonnée, scope body#product)    */
/* À COLLER À LA PLACE DE TOUT VOTRE CSS ACTUEL                       */
/* ================================================================== */


/* ================================================================== */
/* 1. RÈGLES SITE GLOBALES (existantes — INCHANGÉES)                  */
/* ================================================================== */

#subcategories {
  display: none !important;
}

.block-category .block-category-inner #category-description p,
.page-content.page-cms .block-category .block-category-inner #category-description ul {
  font-weight: 400;
  font-family: tahoma;
  line-height: 1.5em;
  margin-bottom: 0;
  text-align: justify;
  color: #232323;
  word-break: break-word;
}

.block-category .block-category-inner #category-description p {
  font-size: .9375rem;
  color: black;
}

.h3 {
  font-size: 0.8rem;
}

/* Cards miniatures sur pages catégorie (inchangé) */
[data-elementor-type="product-miniature"] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  box-sizing: border-box;
  background: #fff;
}

.elementor .elementor-row {
  align-items: stretch !important;
}

[data-elementor-type="product-miniature"] .product-title {
  min-height: 48px;
  display: block;
}

[data-elementor-type="product-miniature"] .product-prices {
  min-height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

[data-elementor-type="product-miniature"] .star-rating {
  min-height: 25px;
}

.category-additional-description {
  max-width: 80%;
  margin: 30px auto;
  display: block;
}

.block-category-inner {
  display: block !important;
}

.block-category {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

/* === FIX GRILLE PRODUITS (par Rémi) === */
.products.row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.products.row > .elementor {
  float: none !important;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.products.row > .elementor > article.elementor-section-wrap {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}


/* ================================================================== */
/* 2. BLOC DESCRIPTION LONGUE FICHE PRODUIT (.sdr-longdesc)            */
/* Classe unique aux fiches produit — pas besoin de scope             */
/* ================================================================== */

.sdr-longdesc {
  --sdr-cream: #faf6f0;
  --sdr-cream-2: #f3ece0;
  --sdr-ivory: #ffffff;
  --sdr-terracotta: #c66b4a;
  --sdr-terracotta-dark: #a8542f;
  --sdr-sage: #87937a;
  --sdr-sage-light: #b3bba6;
  --sdr-duck: #2d5762;
  --sdr-duck-dark: #1f4954;
  --sdr-ink: #2a2520;
  --sdr-ink-soft: #6b6660;
  --sdr-ink-mute: #9e9890;
  --sdr-line: #e8dfd0;
  --sdr-line-soft: #f0e8d8;
  --sdr-link-blog: #1a6b3c;
  --sdr-link-cat: #1a3d6b;
  --sdr-link-prod: #5b2d8e;
  background: var(--sdr-cream);
  padding: 24px 24px 30px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: var(--sdr-ink);
  line-height: 1.6;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  margin: 0 0 20px 0;
  border-radius: 4px;
}
.sdr-longdesc * { box-sizing: border-box; }

.sdr-longdesc .sdr-intro {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 30px;
}
.sdr-longdesc .sdr-eyebrow {
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--sdr-sage);
  font-weight: 500;
  margin-bottom: 14px;
}
.sdr-longdesc .sdr-intro h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.2;
  color: var(--sdr-ink);
  margin: 0 0 16px;
  text-align: center;
}
.sdr-longdesc .sdr-intro p {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 19px;
  color: var(--sdr-duck);
  line-height: 1.5;
  margin: 0;
}

/* Sommaire ancré */
.sdr-longdesc .sdr-toc {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px 0;
  margin: 0 auto 50px;
  padding: 18px 24px;
  background: var(--sdr-ivory);
  border: 1px solid var(--sdr-line);
  border-radius: 4px;
  max-width: 900px;
}
.sdr-longdesc .sdr-toc a {
  color: var(--sdr-ink);
  text-decoration: none;
  letter-spacing: 0.04em;
  padding: 8px 18px;
  border-radius: 3px;
  transition: background .2s, color .2s;
  position: relative;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 16px;
  border-bottom: none !important;
}
.sdr-longdesc .sdr-toc a:hover {
  background: var(--sdr-cream-2);
  color: var(--sdr-terracotta);
}
.sdr-longdesc .sdr-toc a:not(:last-child)::after {
  content: "·";
  position: absolute;
  right: -3px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--sdr-ink-mute);
  pointer-events: none;
}

/* Grille 2 colonnes */
.sdr-longdesc .sdr-grid {
  display: grid;
  grid-template-columns: 1fr 42%;
  gap: 56px;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
}

/* Sections texte */
.sdr-longdesc .sdr-text > .sdr-section {
  padding: 32px 0;
  border-top: 1px solid var(--sdr-line);
  scroll-margin-top: 80px;
}
.sdr-longdesc .sdr-text > .sdr-section:first-child {
  padding-top: 4px;
  border-top: none;
}
.sdr-longdesc .sdr-section-eyebrow {
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--sdr-terracotta);
  font-weight: 500;
  margin-bottom: 10px;
}
.sdr-longdesc .sdr-section h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.25;
  color: var(--sdr-ink);
  margin: 0 0 18px;
  text-align: left;
}
.sdr-longdesc .sdr-section h3 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: 19px;
  color: var(--sdr-duck);
  margin: 22px 0 12px;
}
.sdr-longdesc .sdr-section p {
  color: var(--sdr-ink);
  line-height: 1.75;
  margin: 0 0 14px;
  font-size: 15px;
  text-align: left;
}
.sdr-longdesc .sdr-section p:last-child { margin-bottom: 0; }
.sdr-longdesc .sdr-section p strong,
.sdr-longdesc .sdr-section li strong { font-weight: 500; color: var(--sdr-ink); }

/* Liens charte */
.sdr-longdesc a.l-blog { color: var(--sdr-link-blog); font-weight: 500; text-decoration: none; border-bottom: 1px solid rgba(26, 107, 60, 0.3); transition: border-color .2s; }
.sdr-longdesc a.l-cat  { color: var(--sdr-link-cat);  font-weight: 500; text-decoration: none; border-bottom: 1px solid rgba(26, 61, 107, 0.3); transition: border-color .2s; }
.sdr-longdesc a.l-prod { color: var(--sdr-link-prod); font-weight: 500; text-decoration: none; border-bottom: 1px solid rgba(91, 45, 142, 0.3); transition: border-color .2s; }
.sdr-longdesc a.l-blog:hover { border-bottom-color: var(--sdr-link-blog); }
.sdr-longdesc a.l-cat:hover  { border-bottom-color: var(--sdr-link-cat); }
.sdr-longdesc a.l-prod:hover { border-bottom-color: var(--sdr-link-prod); }

/* Listes */
.sdr-longdesc .sdr-list-dash { list-style: none; margin: 8px 0 0; padding: 0; }
.sdr-longdesc .sdr-list-dash li {
  position: relative; padding-left: 26px; margin-bottom: 12px;
  line-height: 1.6; color: var(--sdr-ink); font-size: 14.5px;
}
.sdr-longdesc .sdr-list-dash li::before {
  content: ""; position: absolute; left: 0; top: 10px;
  width: 14px; height: 1px; background: var(--sdr-terracotta);
}
.sdr-longdesc .sdr-list-dot { list-style: none; margin: 8px 0 0; padding: 0; }
.sdr-longdesc .sdr-list-dot li {
  position: relative; padding-left: 22px; margin-bottom: 10px;
  color: var(--sdr-ink); font-size: 14.5px; line-height: 1.6;
}
.sdr-longdesc .sdr-list-dot li::before {
  content: "●"; position: absolute; left: 0; top: 7px;
  color: var(--sdr-terracotta); font-size: 9px;
}

/* Routine étapes */
.sdr-longdesc .sdr-steps { counter-reset: step; list-style: none; margin: 8px 0 0; padding: 0; }
.sdr-longdesc .sdr-steps li {
  counter-increment: step; position: relative; padding-left: 60px;
  margin-bottom: 24px; min-height: 44px;
}
.sdr-longdesc .sdr-steps li:last-child { margin-bottom: 0; }
.sdr-longdesc .sdr-steps li::before {
  content: counter(step, decimal-leading-zero);
  position: absolute; left: 0; top: -4px;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 30px; color: var(--sdr-terracotta); font-weight: 500;
}
.sdr-longdesc .sdr-steps li strong {
  display: block; font-weight: 500; color: var(--sdr-ink);
  margin-bottom: 6px; font-size: 15px;
}
.sdr-longdesc .sdr-steps li > div {
  color: var(--sdr-ink); font-size: 14px; line-height: 1.65;
}

/* Callout duo/pack */
.sdr-longdesc .sdr-callout {
  margin-top: 20px; padding: 18px 22px;
  background: var(--sdr-cream-2);
  border-left: 3px solid var(--sdr-terracotta);
  border-radius: 2px;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic; font-size: 17px;
  color: var(--sdr-duck); line-height: 1.5;
}

/* Image inline */
.sdr-longdesc .sdr-inline-image { margin: 26px 0 6px; border-radius: 4px; overflow: hidden; }
.sdr-longdesc .sdr-inline-image img { width: 100%; height: auto; display: block; }
.sdr-longdesc .sdr-inline-image figcaption {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic; font-size: 13px; color: var(--sdr-ink-soft);
  text-align: center; margin-top: 10px; line-height: 1.4;
}

/* Caractéristiques sous-blocs */
.sdr-longdesc .sdr-feat-block { margin-bottom: 22px; }
.sdr-longdesc .sdr-feat-block:last-child { margin-bottom: 0; }

/* INCI repliable */
.sdr-longdesc .sdr-inci-wrapper { margin-top: 12px; }
.sdr-longdesc .sdr-inci-toggle {
  display: flex; align-items: center; justify-content: space-between;
  background: var(--sdr-cream-2); padding: 13px 18px;
  border-radius: 4px; cursor: pointer; font-size: 13px;
  color: var(--sdr-ink); border: none; width: 100%;
  font-family: inherit; text-align: left; letter-spacing: 0.04em;
  transition: background .2s; list-style: none;
}
.sdr-longdesc .sdr-inci-toggle::-webkit-details-marker { display: none; }
.sdr-longdesc .sdr-inci-toggle::marker { content: ""; }
.sdr-longdesc .sdr-inci-toggle:hover { background: var(--sdr-line-soft); }
.sdr-longdesc .sdr-inci-label-hide { display: none; }
.sdr-longdesc .sdr-inci-wrapper[open] .sdr-inci-label-show { display: none; }
.sdr-longdesc .sdr-inci-wrapper[open] .sdr-inci-label-hide { display: inline; }
.sdr-longdesc .sdr-inci-wrapper[open] .sdr-toggle-icon { transform: rotate(45deg); }
.sdr-longdesc .sdr-toggle-icon {
  display: inline-block; transition: transform .2s;
  font-size: 16px; line-height: 1;
}
.sdr-longdesc .sdr-inci-content {
  padding: 18px 20px; background: var(--sdr-ivory);
  border: 1px solid var(--sdr-line); border-top: none;
  font-size: 12px; color: var(--sdr-ink-soft); line-height: 1.7;
  border-radius: 0 0 4px 4px; font-style: italic;
  font-family: 'Cormorant Garamond', Georgia, serif; word-spacing: 1px;
}
.sdr-longdesc .sdr-inci-content-static {
  padding: 18px 20px; background: var(--sdr-ivory);
  border: 1px solid var(--sdr-line); font-size: 12px;
  color: var(--sdr-ink-soft); line-height: 1.7; border-radius: 4px;
  font-style: italic; font-family: 'Cormorant Garamond', Georgia, serif;
  word-spacing: 1px; margin-top: 8px;
}

/* Maillage catégories final */
.sdr-longdesc .sdr-cat-mesh {
  text-align: center; padding: 28px 24px;
  background: var(--sdr-cream-2); border-radius: 4px;
  margin-top: 32px; font-size: 13px; line-height: 1.7;
  color: var(--sdr-ink-soft);
}

/* Colonne visuel sticky */
.sdr-longdesc .sdr-visual { position: sticky; top: 30px; }
.sdr-longdesc .sdr-visual-stack { display: flex; flex-direction: column; gap: 22px; }
.sdr-longdesc .sdr-visual-item { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.sdr-longdesc .sdr-visual-main {
  aspect-ratio: 600/335; background: var(--sdr-cream-2);
  border-radius: 4px; overflow: hidden;
}
.sdr-longdesc .sdr-visual-main img {
  width: 100%; height: 100%; display: block; object-fit: cover;
}
.sdr-longdesc .sdr-visual-caption {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic; font-size: 13.5px;
  color: var(--sdr-ink-soft); text-align: center;
  line-height: 1.5; padding: 0 16px; margin: 0;
}
.sdr-longdesc .sdr-loc {
  display: block; font-family: 'Inter', sans-serif;
  font-style: normal; font-size: 10px;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--sdr-terracotta); margin-top: 6px;
}

/* Carte "fabriqué main" */
.sdr-longdesc .sdr-made-here {
  margin-top: 24px; padding: 22px;
  border: 1px solid var(--sdr-line); border-radius: 4px;
  background: var(--sdr-ivory); text-align: center;
}
.sdr-longdesc .sdr-made-here h3 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 19px; font-weight: 500;
  color: var(--sdr-duck); margin: 0 0 6px;
}
.sdr-longdesc .sdr-made-here p {
  font-size: 13px; color: var(--sdr-ink-soft);
  line-height: 1.6; margin: 0 0 12px; text-align: left;
}
.sdr-longdesc .sdr-made-here p strong { color: var(--sdr-ink); font-weight: 500; }
.sdr-longdesc .sdr-made-here .sdr-visit-line {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic; font-size: 14px; color: var(--sdr-duck);
  text-align: center; padding-top: 12px;
  border-top: 1px solid var(--sdr-line); margin: 0 0 14px;
}
.sdr-longdesc .sdr-made-here a {
  color: var(--sdr-terracotta); text-decoration: none;
  font-size: 12px; letter-spacing: 0.08em;
  text-transform: uppercase; font-weight: 500;
  border-bottom: 1px solid var(--sdr-terracotta);
  padding-bottom: 2px;
}

/* Responsive mobile description longue */
@media (max-width: 880px) {
  .sdr-longdesc { padding: 30px 16px; }
  .sdr-longdesc .sdr-grid { grid-template-columns: 1fr; gap: 32px; }
  .sdr-longdesc .sdr-visual { position: relative; top: 0; order: -1; }
  .sdr-longdesc .sdr-intro h2 { font-size: 28px; }
  .sdr-longdesc .sdr-section h2 { font-size: 22px; }
  .sdr-longdesc .sdr-toc { padding: 12px; }
  .sdr-longdesc .sdr-toc a { font-size: 14px; padding: 6px 12px; }
}


/* ================================================================== */
/* 3. FICHE PRODUIT — TOUT EST SCOPÉ body#product                     */
/* ================================================================== */

/* === 3.1 FOND CRÈME GLOBAL fiche produit === */
body#product {
  background: #faf6f0 !important;
}

/* === 3.2 SECTION HAUT DE FICHE — fond crème === */
body#product section.elementor-element-fee0e45 {
  background: #faf6f0 !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

/* === 3.3 PLEINE LARGEUR DU BLOC DESCRIPTION LONGUE === */
body#product .elementor-widget-container:has(> .sdr-longdesc),
body#product .ce-product-description {
  width: 100% !important;
  max-width: 100% !important;
}
body#product .elementor-element.elementor-element-eeb0d92 {
  width: 100% !important;
  max-width: 100% !important;
}
body#product .sdr-longdesc {
  width: 100% !important;
  max-width: 100% !important;
}

/* === 3.4 MASQUER LES ONGLETS === */
body#product section.elementor-section-tabbed nav.elementor-nav-tabs,
body#product .elementor-nav-tabs.elementor-nav--main {
  display: none !important;
}
body#product section.elementor-section-tabbed .elementor-tab-content,
body#product section.elementor-section-tabbed > .elementor-container > .elementor-column {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body#product .tabs .nav-tabs li:first-child,
body#product .tabs .tab-pane#description {
  display: none;
}


/* ================================================================== */
/* 4. TITRE H1 PRINCIPAL — TERRACOTTA #c66b4a                          */
/* Classe distinctive .ce-display-large pour ne PAS toucher miniatures */
/* ================================================================== */
body#product h1.ce-product-name.ce-display-large,
body#product .ce-product-name.ce-display-large,
body#product .ce-display-large.elementor-heading-title,
body#product .elementor-widget-product-name h1.ce-display-large {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 36px !important;
  line-height: 1.15 !important;
  color: #c66b4a !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 10px !important;
}


/* ================================================================== */
/* 5. RÉFÉRENCE PRODUIT — sauge discrète                              */
/* ================================================================== */
body#product .ce-product-meta__reference,
body#product .product-reference {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  color: #87937a !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-right: 12px !important;
}


/* ================================================================== */
/* 6. ACCROCHE / DESCRIPTION COURTE                                    */
/* ================================================================== */
body#product .ce-product-description-short h2,
body#product .ce-product-description-short h3,
body#product .product-description-short h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  color: #2d5762 !important;
  text-align: center !important;
  line-height: 1.3 !important;
  margin: 14px 0 16px !important;
}

body#product .ce-product-description-short p,
body#product .product-description-short p {
  font-family: 'Inter', sans-serif !important;
  color: #2a2520 !important;
  line-height: 1.7 !important;
  font-size: 14.5px !important;
}

/* Bullets ✅ : espacement compact, puces natives masquées */
body#product .ce-product-description-short ul,
body#product .product-description-short ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 6px 0 !important;
}
body#product .ce-product-description-short ul li,
body#product .product-description-short ul li {
  list-style: none !important;
  padding-left: 0 !important;
  font-family: 'Inter', sans-serif !important;
  color: #2a2520 !important;
  line-height: 1.4 !important;
  margin-bottom: 3px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 14px !important;
}
body#product .ce-product-description-short ul li::marker,
body#product .product-description-short ul li::marker {
  display: none !important;
  content: none !important;
}

/* Note "Le visuel peut varier" : encadré subtil */
body#product .ce-product-description-short > p:last-of-type strong,
body#product .ce-product-description-short p strong:only-child {
  display: inline-block !important;
  font-weight: 400 !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-size: 13px !important;
  color: #6b6660 !important;
  background: #f3ece0 !important;
  padding: 10px 16px !important;
  border-radius: 3px !important;
  margin-top: 8px !important;
  line-height: 1.45 !important;
}


/* ================================================================== */
/* 7. BLOC PRIX — espacement resserré, masquage TTC                    */
/* ================================================================== */
body#product .ce-product-price,
body#product .current-price,
body#product .product-price {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 38px !important;
  font-weight: 500 !important;
  color: #2a2520 !important;
  line-height: 1 !important;
}

body#product .elementor-widget-product-prices,
body#product [data-widget_type="product-prices.default"],
body#product .elementor-element.ce-product-prices--layout-inline {
  margin-bottom: 4px !important;
  margin-top: 6px !important;
}
body#product .ce-product-prices {
  gap: 12px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin-bottom: 0 !important;
}
body#product .ce-product-prices > * {
  margin: 0 !important;
}

/* Masquer le "TTC" sous le prix (gagner une ligne) */
body#product .ce-product-prices .ce-tax-shipping-delivery-label,
body#product .ce-tax-shipping-delivery-label {
  display: none !important;
}


/* ================================================================== */
/* 8. BLOC FIDÉLITÉ ("En achetant ce produit... 19 points")           */
/* ================================================================== */
body#product .totloyaltyadvanced-product-points,
body#product [class*="totloyalty"],
body#product [class*="loyalty"] {
  margin: 2px 0 !important;
  padding: 4px 0 !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  color: #6b6660 !important;
  font-family: 'Inter', sans-serif !important;
}


/* ================================================================== */
/* 9. BOUTON "AJOUTER AU PANIER" — TERRACOTTA                          */
/* ================================================================== */
body#product .elementor-widget-product-add-to-cart a.elementor-button,
body#product .elementor-widget-product-add-to-cart .elementor-button,
body#product [data-widget_type="product-add-to-cart.default"] a.elementor-button,
body#product [data-widget_type="product-add-to-cart.default"] .elementor-button,
body#product input.ce-add-to-cart,
body#product button.ce-add-to-cart,
body#product button[data-button-action="add-to-cart"] {
  background-color: #c66b4a !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid #c66b4a !important;
  border-radius: 4px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 18px 32px !important;
  transition: background-color .2s, transform .15s, border-color .2s !important;
  box-shadow: none !important;
}
body#product .elementor-widget-product-add-to-cart a.elementor-button:hover,
body#product .elementor-widget-product-add-to-cart .elementor-button:hover,
body#product [data-widget_type="product-add-to-cart.default"] a.elementor-button:hover,
body#product [data-widget_type="product-add-to-cart.default"] .elementor-button:hover,
body#product input.ce-add-to-cart:hover,
body#product button.ce-add-to-cart:hover,
body#product button[data-button-action="add-to-cart"]:hover {
  background-color: #a8542f !important;
  border-color: #a8542f !important;
  transform: translateY(-1px) !important;
}

/* Margin du widget CTA */
body#product .elementor-widget-product-add-to-cart,
body#product [data-widget_type="product-add-to-cart.default"] {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
}


/* ================================================================== */
/* 10. BOÎTE QUANTITÉ — fond cream, hover terracotta                  */
/* ================================================================== */
body#product .input-group.bootstrap-touchspin,
body#product .input-group.bootstrap-touchspin input.form-control,
body#product .input-group.bootstrap-touchspin .input-group-btn,
body#product .input-group.bootstrap-touchspin button,
body#product [class*="quantity"] input,
body#product [class*="quantity"] .input-group-btn button {
  background-color: #f3ece0 !important;
  border: 1px solid #e8dfd0 !important;
  color: #2a2520 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
body#product .input-group.bootstrap-touchspin {
  border-radius: 4px !important;
  overflow: hidden !important;
}
body#product .input-group.bootstrap-touchspin input.form-control {
  text-align: center !important;
  border-left: none !important;
  border-right: none !important;
}
body#product .input-group.bootstrap-touchspin button:hover {
  background-color: #e8dfd0 !important;
  color: #c66b4a !important;
}


/* ================================================================== */
/* 11. CŒUR FAVORIS — terracotta (au lieu de rouge vif)               */
/* ================================================================== */
body#product .ce-add-to-wishlist .ceicon-heart-o,
body#product .ce-add-to-wishlist i,
body#product [class*="wishlist"] .ceicon-heart-o,
body#product [class*="wishlist"] [class*="heart"] {
  color: #c66b4a !important;
  fill: #c66b4a !important;
  font-size: 22px !important;
  transition: color .2s !important;
}
body#product .ce-add-to-wishlist:hover i {
  color: #a8542f !important;
}
body#product .ce-add-to-wishlist {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* ================================================================== */
/* 12. "EN STOCK" — vert sauge                                         */
/* ================================================================== */
body#product .product-availability,
body#product .ce-product-availability,
body#product .product-availability .product-available {
  color: #87937a !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
}
body#product .product-availability svg,
body#product .product-availability i,
body#product .ce-product-availability svg,
body#product .ce-product-availability i {
  color: #87937a !important;
  fill: #87937a !important;
}


/* ================================================================== */
/* 13. LIEN INCI — terracotta avec underline subtil                   */
/* ================================================================== */
body#product a[href="#sdr-inci-anchor"],
body#product a[href*="sdr-inci-anchor"] {
  color: #c66b4a !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(198, 107, 74, 0.3) !important;
  transition: border-color .2s !important;
  padding-bottom: 2px !important;
}
body#product a[href="#sdr-inci-anchor"]:hover,
body#product a[href*="sdr-inci-anchor"]:hover {
  border-bottom-color: #c66b4a !important;
}


/* ================================================================== */
/* 14. RÉASSURANCES (Paiement / Livraison / Fidélité)                  */
/* ================================================================== */
body#product .product-reassurance li,
body#product .ce-product-reassurance li,
body#product .product-reassurance a {
  color: #6b6660 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
}
body#product .product-reassurance svg,
body#product .ce-product-reassurance svg,
body#product .product-reassurance i,
body#product .ce-product-reassurance i {
  color: #2d5762 !important;
}


/* ================================================================== */
/* 15. ÉTOILES AVIS — terracotta                                       */
/* ================================================================== */
body#product .star-rating,
body#product .star-rating svg,
body#product .star-rating i,
body#product [class*="star-rating"] svg,
body#product [class*="star-rating"] i,
body#product .ce-product-reviews-summary svg,
body#product .ce-product-reviews-summary i,
body#product [itemprop="aggregateRating"] svg,
body#product [data-elementor-type="product-miniature"] .star-rating,
body#product [data-elementor-type="product-miniature"] [class*="star"] {
  color: #c66b4a !important;
  fill: #c66b4a !important;
}


/* ================================================================== */
/* 16. MARGES INTERNES WIDGETS HAUT DE FICHE                          */
/* ================================================================== */
body#product .ce-product-info .elementor-widget {
  margin-bottom: 10px !important;
}
body#product .ce-product-info .elementor-widget:last-child {
  margin-bottom: 0 !important;
}


/* ================================================================== */
/* 17. CARDS CROSS-SELL (miniatures en bas de fiche)                  */
/* ================================================================== */

/* Card : fond transparent + bordure subtile */
body#product [data-elementor-type="product-miniature"] {
  background: transparent !important;
  border: 1px solid rgba(232, 223, 208, 0.6) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

/* Images miniatures : aspect-ratio carré (1:1) cover, hauteurs égales */
body#product [data-elementor-type="product-miniature"] .ce-product-image,
body#product [data-elementor-type="product-miniature"] .ce-product-image.elementor-image,
body#product [data-elementor-type="product-miniature"] .elementor-widget-product-miniature-image,
body#product [data-elementor-type="product-miniature"] .elementor-widget-product-miniature-image .elementor-widget-container,
body#product [data-elementor-type="product-miniature"] .elementor-widget-ce-product-image,
body#product [data-elementor-type="product-miniature"] .elementor-widget-ce-product-image .elementor-widget-container,
body#product [data-elementor-type="product-miniature"] .product-thumbnail {
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  position: relative !important;
}

/* Le <a> à l'intérieur doit prendre toute la place du conteneur image */
body#product [data-elementor-type="product-miniature"] .ce-product-image > a,
body#product [data-elementor-type="product-miniature"] .ce-product-image a,
body#product [data-elementor-type="product-miniature"] .elementor-widget-product-miniature-image a,
body#product [data-elementor-type="product-miniature"] .product-thumbnail a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

/* L'image elle-même : cover + mix-blend-mode multiply pour faire     */
/* disparaître le fond blanc des photos packshot                       */
body#product [data-elementor-type="product-miniature"] .ce-product-image img,
body#product [data-elementor-type="product-miniature"] .ce-product-image a img,
body#product [data-elementor-type="product-miniature"] .elementor-widget-product-miniature-image img,
body#product [data-elementor-type="product-miniature"] .product-thumbnail img,
body#product [data-elementor-type="product-miniature"] [class*="product-image"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  mix-blend-mode: multiply !important;
}

/* Le conteneur image doit garder le fond crème pour que le multiply  */
/* fonctionne (il "absorbe" le blanc des photos)                       */
body#product [data-elementor-type="product-miniature"] .ce-product-image,
body#product [data-elementor-type="product-miniature"] .product-thumbnail,
body#product [data-elementor-type="product-miniature"] [class*="product-image"] {
  background-color: #faf6f0 !important;
}

/* TITRES des cards : surcharge spécifique 16px ink centré              */
/* (pour ne PAS hériter du style H1 principal qui les envahirait)       */
body#product [data-elementor-type="product-miniature"] .product-title,
body#product [data-elementor-type="product-miniature"] .ce-product-title,
body#product [data-elementor-type="product-miniature"] .ce-product-name,
body#product [data-elementor-type="product-miniature"] .elementor-heading-title,
body#product [data-elementor-type="product-miniature"] h1,
body#product [data-elementor-type="product-miniature"] h2,
body#product [data-elementor-type="product-miniature"] h3 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #2a2520 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  margin-top: 10px !important;
  margin-bottom: 4px !important;
  padding: 0 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Boutons "Ajouter au panier" des cards : terracotta */
body#product [data-elementor-type="product-miniature"] a.elementor-button,
body#product [data-elementor-type="product-miniature"] .elementor-button,
body#product [data-elementor-type="product-miniature"] input.ce-add-to-cart,
body#product [data-elementor-type="product-miniature"] button.ce-add-to-cart,
body#product [data-elementor-type="product-miniature"] [data-button-action="add-to-cart"] {
  background-color: #c66b4a !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid #c66b4a !important;
  border-radius: 3px !important;
  font-family: 'Inter', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 10px 16px !important;
  transition: background-color .2s !important;
}
body#product [data-elementor-type="product-miniature"] a.elementor-button:hover,
body#product [data-elementor-type="product-miniature"] .elementor-button:hover {
  background-color: #a8542f !important;
  border-color: #a8542f !important;
}

/* Cœurs favoris dans cards : terracotta */
body#product [data-elementor-type="product-miniature"] [class*="wishlist"] svg,
body#product [data-elementor-type="product-miniature"] [class*="wishlist"] i,
body#product [data-elementor-type="product-miniature"] .wishlist-button-product,
body#product [data-elementor-type="product-miniature"] .heart {
  color: #c66b4a !important;
  fill: #c66b4a !important;
  stroke: #c66b4a !important;
}

/* Prix sur cards : 22px (plus petit que prix principal 38px) */
body#product [data-elementor-type="product-miniature"] .ce-product-price,
body#product [data-elementor-type="product-miniature"] .current-price,
body#product [data-elementor-type="product-miniature"] .product-price {
  font-size: 22px !important;
}
body#product [data-elementor-type="product-miniature"] .regular-price,
body#product [data-elementor-type="product-miniature"] .price-old {
  font-size: 14px !important;
  color: #9e9890 !important;
  text-decoration: line-through !important;
}

/* Marges internes des cards : resserrées */
body#product [data-elementor-type="product-miniature"] .elementor-widget {
  margin-bottom: 6px !important;
}
body#product [data-elementor-type="product-miniature"] .elementor-widget-wrap > *,
body#product [data-elementor-type="product-miniature"] .elementor-column-wrap > * {
  margin-bottom: 6px !important;
}

/* Bouton "Aperçu rapide" cross-sell : sauge */
body#product .elementor-button-link.elementor-button,
body#product .quickview .elementor-button {
  background-color: #87937a !important;
  background-image: none !important;
  color: #ffffff !important;
  border-radius: 3px !important;
}
body#product .elementor-button-link.elementor-button:hover,
body#product .quickview .elementor-button:hover {
  background-color: #6e7c64 !important;
}

/* Bouton "Voir plus" en bas du cross-sell : outline terracotta */
body#product .ce-product-loadmore .elementor-button,
body#product [class*="load-more"] .elementor-button,
body#product .elementor-widget-ce-products .elementor-button {
  background-color: transparent !important;
  background-image: none !important;
  color: #c66b4a !important;
  border: 1px solid #c66b4a !important;
  border-radius: 3px !important;
  font-family: 'Inter', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 12px 28px !important;
}
body#product .ce-product-loadmore .elementor-button:hover,
body#product [class*="load-more"] .elementor-button:hover {
  background-color: #c66b4a !important;
  color: #ffffff !important;
}


/* ================================================================== */
/* 18. GALERIE PRODUIT — masquer la vignette si une seule image       */
/* IMPORTANT : on ne cible QUE .elementor-thumbnails-swiper             */
/* (le swiper des THUMBNAILS, PAS le swiper de l'image principale)    */
/* ================================================================== */
body#product .elementor-thumbnails-swiper .swiper-wrapper > .swiper-slide:only-child {
  display: none !important;
}
body#product .elementor-thumbnails-swiper:has(> .swiper-wrapper > .swiper-slide:only-child) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}
body#product .elementor-thumbnails-swiper .swiper-wrapper:empty,
body#product .elementor-thumbnails-swiper:empty {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
}


/* ================================================================== */
/* 19. FIL D'ARIANE MODERNISÉ — horizontal, chevrons terracotta       */
/* ================================================================== */
body#product .breadcrumb,
body#product nav.breadcrumb,
body#product .ce-breadcrumb {
  background: transparent !important;
  padding: 16px 0 8px !important;
  margin: 0 !important;
  text-align: left !important;
  box-shadow: none !important;
  border: none !important;
}
body#product .breadcrumb ol,
body#product .ce-breadcrumb ol,
body#product .breadcrumb ul {
  display: flex !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  gap: 0 !important;
}
body#product .breadcrumb ol li,
body#product .ce-breadcrumb ol li,
body#product .breadcrumb ul li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #6b6660 !important;
  list-style: none !important;
}
body#product .breadcrumb ol li::marker,
body#product .breadcrumb ul li::marker {
  content: none !important;
  display: none !important;
}
body#product .breadcrumb ol li + li::before,
body#product .ce-breadcrumb ol li + li::before {
  content: "›" !important;
  display: inline-block !important;
  margin: 0 12px !important;
  color: #c66b4a !important;
  font-size: 16px !important;
}
body#product .breadcrumb ol li a,
body#product .ce-breadcrumb ol li a {
  color: #6b6660 !important;
  text-decoration: none !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  transition: color .2s !important;
}
body#product .breadcrumb ol li a:hover {
  color: #c66b4a !important;
}
body#product .breadcrumb ol li:last-child,
body#product .ce-breadcrumb ol li:last-child {
  color: #2a2520 !important;
  font-weight: 500 !important;
}


/* ================================================================== */
/* FIN DU CSS                                                          */
/* ================================================================== */
/* Images miniatures : blend multiply pour faire disparaître le blanc */
body#product [data-elementor-type="product-miniature"] .ce-product-image img,
body#product [data-elementor-type="product-miniature"] .ce-product-image a img,
body#product [data-elementor-type="product-miniature"] .elementor-widget-product-miniature-image img,
body#product [data-elementor-type="product-miniature"] .product-thumbnail img,
body#product [data-elementor-type="product-miniature"] [class*="product-image"] img {
  mix-blend-mode: multiply !important;
}

/* Le conteneur doit garder le fond crème pour absorber le blanc */
body#product [data-elementor-type="product-miniature"] .ce-product-image,
body#product [data-elementor-type="product-miniature"] .product-thumbnail,
body#product [data-elementor-type="product-miniature"] [class*="product-image"] {
  background-color: #faf6f0 !important;
 
}
/* ============================================================
   LOIX & SAVONS — Complément CSS catégories v4
   À coller UNE FOIS dans le CSS global du thème (custom.css).
   Concerne toutes les catégories. Rien à dupliquer par page.
   ============================================================ */

/* --- Encadré signature : pastilles "Découvrir nos gammes" --- */
/* (le champ description retire border-radius/hover : on les remet ici) */
.lsx-chip{
  border-radius:999px !important;
  transition:all .15s ease;
}
.lsx-chip:hover{
  background:#F4DDD0 !important;   /* terracotta clair */
  border-color:#E2B59F !important;
  color:#B5532E !important;        /* terracotta foncé (texte) */
}

/* --- Sections "premium" (formats / étapes / FAQ) ---
   Ces classes existent déjà dans le HTML (146, 176…) mais
   n'avaient aucun style : elles s'affichaient en texte simple.
   Ce bloc leur donne le look "carte" partout. --- */

/* Cartes formats */
.sdr-formats-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin:18px 0;
}
.sdr-format-card{
  background:#FFFFFF;
  border:1px solid #E7DAC4;
  border-radius:14px;
  padding:16px 18px;
}
.sdr-format-name{font-weight:600;color:#2A2520;margin-bottom:2px;}
.sdr-format-meta{
  font-size:12px;letter-spacing:.5px;text-transform:uppercase;
  color:#87937A;margin-bottom:8px;
}

/* Étapes savoir-faire */
.sdr-steps{display:grid;gap:14px;margin:16px 0;}
.sdr-step{
  display:grid;grid-template-columns:auto 1fr;
  column-gap:16px;row-gap:2px;align-items:start;
}
.sdr-step-num{
  grid-row:span 2;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:28px;color:#C06B4B;line-height:1;
}
.sdr-step-title{font-weight:600;color:#2A2520;}
.sdr-step-desc{color:#6B6355;font-size:14px;}

/* FAQ */
.sdr-faq-item{border-top:1px solid #E7DAC4;padding:14px 0;}
.sdr-faq-item:first-of-type{border-top:none;}
.sdr-faq-q{font-size:15px;color:#2A2520;margin:0 0 4px;}
.sdr-faq-a{color:#6B6355;margin:0;}

/* Responsive */
@media (max-width:600px){
  .sdr-formats-grid{grid-template-columns:1fr;}
}
/* Picto formats : petit rectangle (100 g) + ovale (200 g ficelle) */
.lsx-ico-formats{
  display:inline-block;
  width:24px;height:14px;
  position:relative;
  margin-right:9px;
  vertical-align:-2px;
}
.lsx-ico-formats::before{
  content:"";
  position:absolute;left:0;top:1px;
  width:9px;height:12px;
  border:1.5px solid #87937A;
  border-radius:2px;
}
.lsx-ico-formats::after{
  content:"";
  position:absolute;left:12px;top:2px;
  width:12px;height:9px;
  border:1.5px solid #87937A;
  border-radius:50%;
}
/* Responsive : en-tête 2 colonnes -> empilé sur mobile */
@media (max-width: 640px){
  #category-description div[style*="faf6f0" i] table,
  #category-description div[style*="faf6f0" i] tbody,
  #category-description div[style*="faf6f0" i] tr{
    display:block; width:100%;
  }
  #category-description div[style*="faf6f0" i] td{
    display:block; width:100% !important;
    padding:0 0 18px 0 !important;
  }
  #category-description div[style*="faf6f0" i] td:last-child{
    padding-bottom:0 !important;
  }
}
/* Boutons sous-catégories : pilule + survol bleu/vert (couleur logo) */
.lsx-subchip{
  border-radius:999px !important;
  transition:all .15s ease;
}
.lsx-subchip:hover{
  background:#DCEBE6 !important;   /* vert d'eau clair */
  border-color:#9CC4B9 !important;
  color:#1C6E60 !important;        /* teal logo */
}
/* Fix mobile : pastilles qui se chevauchaient */
.lsx-chip, .lsx-subchip{ white-space:nowrap; }
@media (max-width:640px){
  div[style*="f2e9d8" i]{ padding:28px 18px !important; }
}
/* ===== Blog v4 — finition couleurs logo (à coller dans le thème) ===== */

/* Titres des blocs de la colonne : teal + petit trait corail */
.page_blog .title_blog,
#left-column .title_blog{
  color:#2F6E73;
  font-weight:600;
  padding-bottom:7px;
  position:relative;
}
.page_blog .title_blog::after,
#left-column .title_blog::after{
  content:"";
  position:absolute; left:0; bottom:0;
  width:30px; height:3px;
  background:#BC5E45;
}

/* Bouton "Lire" en pastille teal (cartes + colonne) */
.page_blog .read_more{
  display:inline-block;
  background:#2F6E73;
  color:#fff;
  border-radius:24px;
  padding:6px 16px;
  font-weight:500;
  text-decoration:none;
}
.page_blog .read_more:hover{ background:#27595E; color:#fff; }

/* Étiquette catégorie des cartes : sauge discret (ajuste le sélecteur si besoin) */
.page_blog .ybc-blog-post-category,
.page_blog .post-category a{
  color:#87937A;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:11px;
}
/* Blog v4 — couleurs logo */
.page_blog .title_blog,
#left-column .title_blog{ color:#2F6E73; font-weight:600; padding-bottom:7px; position:relative; }
.page_blog .title_blog::after,
#left-column .title_blog::after{ content:""; position:absolute; left:0; bottom:0; width:30px; height:3px; background:#BC5E45; }
.page_blog .read_more{ display:inline-block; background:#2F6E73; color:#fff; border-radius:24px; padding:6px 16px; font-weight:500; text-decoration:none; }
.page_blog .read_more:hover{ background:#27595E; color:#fff; }
/* =====================================================================
   BLOG SAVONNERIE DE L'ÎLE DE RÉ — Design v4 (maquette Anaïs)
   Intégration sur module YBC Blog v4.6.2 — mapping sur classes réelles.
   À charger APRÈS les CSS du module (feuille custom du thème / Creative Elements).
   Périmètre : page liste /blog, page article (detail_post), page catégorie.
   Hors périmètre : footer site-wide, hero pills, widget Certishopping (thème).
   ---------------------------------------------------------------------
   Auteurs : Rémi (intégration) d'après maquette v4 Anaïs. Charte respectée.
===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap');

:root{
  --sdr-creme:#FAF6F0;
  --sdr-sable:#F2E9D8;
  --sdr-ligne:#E3DDD2;
  --sdr-teal:#2F6E73;
  --sdr-teal-txt:#1f4d51;
  --sdr-teal-dark:#27595E;
  --sdr-corail:#BC5E45;
  --sdr-sauge:#87937A;
  --sdr-encre:#26231F;
  --sdr-etoiles:#E0A02E;
  --sdr-gris-txt:#6B655C;
  --sdr-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sdr-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* Liens internes — charte maillage */
  --sdr-lien-blog:#1a6b3c;
  --sdr-lien-categorie:#1a3d6b;
  --sdr-lien-produit:#5b2d8e;
}

/* =====================================================================
   1. CADRE GÉNÉRAL DE LA ZONE BLOG
===================================================================== */
.ybc-blog-wrapper,
.ybc-blog-wrapper-detail{
  font-family:var(--sdr-sans);
  color:var(--sdr-encre);
}

/* Titre de page (Derniers articles / catégorie / recherche…) */
#content-wrapper h1.page-heading,
.ybc-blog-wrapper h1.page-heading{
  font-family:var(--sdr-serif);
  font-weight:600;
  font-size:34px;
  line-height:1.15;
  color:var(--sdr-teal-txt);
  text-align:center;
  margin:10px 0 6px;
  border:0;
  text-transform:none;
}
/* Filet corail sous le titre */
#content-wrapper h1.page-heading:after,
.ybc-blog-wrapper h1.page-heading:after{
  content:"";
  display:block;
  width:54px;
  height:2px;
  background:var(--sdr-corail);
  margin:16px auto 4px;
}

.blog-category-desc{
  max-width:640px;
  margin:6px auto 26px;
  text-align:center;
  font-size:15px;
  line-height:1.75;
  color:var(--sdr-gris-txt);
}

/* =====================================================================
   2. GRILLE DES ARTICLES  (ul.ybc-blog-list > li > .post-wrapper)
   Maquette : 2 colonnes, cartes crème bord fin, cadre bois sur l'image.
===================================================================== */
ul.ybc-blog-list.row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  list-style:none;
  margin:8px 0 0;
  padding:0;
}
ul.ybc-blog-list.row > li{
  list-style:none;
  margin:0;
  padding:0;
  width:auto;
  float:none;
  clear:none;
}

/* La carte */
ul.ybc-blog-list .post-wrapper{
  background:#fff;
  border:1px solid var(--sdr-ligne);
  border-radius:12px;
  overflow:hidden;
  height:100%;
  display:flex;
  flex-direction:column;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
ul.ybc-blog-list .post-wrapper:hover{
  border-color:var(--sdr-teal);
  box-shadow:0 8px 22px rgba(47,110,115,.15);
  transform:translateY(-2px);
}

/* --- Cadre bois (sable) autour de l'image --- */
ul.ybc-blog-list .post-wrapper > a.ybc_item_img{
  display:block;
  background:var(--sdr-sable);
  padding:6px;
  margin:0;
  line-height:0;
}
ul.ybc-blog-list .post-wrapper > a.ybc_item_img img{
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:6px;
  display:block;
  margin:0;
}

/* Zone texte de la carte */
ul.ybc-blog-list .ybc-blog-wrapper-content{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:14px 16px 16px;
}
ul.ybc-blog-list .ybc-blog-wrapper-content-main{
  display:flex;
  flex-direction:column;
  flex:1;
}

/* Label catégorie (au-dessus du titre) — sauge, majuscules */
ul.ybc-blog-list .ybc-blog-categories{
  order:1;
  font-size:10.5px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--sdr-sauge);
  margin:0 0 6px;
}
ul.ybc-blog-list .ybc-blog-categories .be-label{
  display:none;               /* on masque « Posted in: » (maquette) */
}
ul.ybc-blog-list .ybc-blog-categories a{
  color:var(--sdr-sauge);
  font-weight:500;
}
ul.ybc-blog-list .ybc-blog-categories a:hover{
  color:var(--sdr-corail);
}
ul.ybc-blog-list .ybc-blog-sidear-post-meta{ margin:0; }

/* Titre de l'article */
ul.ybc-blog-list a.ybc_title_block{
  order:2;
  font-family:var(--sdr-serif);
  font-weight:600;
  font-size:21px;
  line-height:1.2;
  color:var(--sdr-teal-txt);
  margin:0 0 6px;
  display:inline-block;
}
ul.ybc-blog-list a.ybc_title_block:hover{ color:var(--sdr-corail); }

/* Extrait */
ul.ybc-blog-list .blog_description{
  order:3;
  margin:2px 0 12px;
}
ul.ybc-blog-list .blog_description p{
  font-size:13px;
  line-height:1.55;
  color:var(--sdr-gris-txt);
  margin:0;
}

/* Barre de méta (vues / commentaires / like) — discrète, sous l'extrait */
ul.ybc-blog-list .ybc-blog-latest-toolbar{
  order:4;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  font-size:11.5px;
  color:var(--sdr-sauge);
  margin:0 0 12px;
}
ul.ybc-blog-list .ybc-blog-latest-toolbar .ets_svg svg{ fill:var(--sdr-sauge); vertical-align:middle; }
ul.ybc-blog-list .ybc-blog-latest-toolbar .ybc_blog_review{ color:var(--sdr-etoiles); }

/* Bouton « Lire » */
ul.ybc-blog-list a.read_more{
  order:5;
  align-self:flex-start;
  margin-top:auto;
  display:inline-block;
  background:var(--sdr-teal);
  color:#fff;
  font-size:12px;
  font-weight:500;
  line-height:1;
  border-radius:24px;
  padding:9px 18px;
  border:0;
  transition:background .15s ease;
}
ul.ybc-blog-list a.read_more:hover{
  background:var(--sdr-teal-dark);
  color:#fff;
}

/* Neutralise le « premier article en grand » (grille uniforme façon maquette) */
ul.ybc-blog-list.blog-main-page > li:first-child .post-wrapper{ flex-direction:column; }
ul.ybc-blog-list.blog-main-page > li:first-child .post-wrapper > a.ybc_item_img img{ aspect-ratio:16/10; }

/* =====================================================================
   3. TRI + PAGINATION
===================================================================== */
.post-selection .sort-by{ color:var(--sdr-gris-txt); font-size:13px; }
.products-sort-order .select,
.products-sort-order select{
  border:1px solid var(--sdr-ligne);
  border-radius:8px;
  background:#fff;
  color:var(--sdr-teal-txt);
  padding:7px 12px;
}
.blog-paggination{ margin-top:26px; text-align:center; }
.blog-paggination .page-list li a,
.blog-paggination .pagination li a{
  border-radius:8px;
  color:var(--sdr-teal-txt);
  border:1px solid var(--sdr-ligne);
}
.blog-paggination .pagination li.active a,
.blog-paggination .page-list li.active a{
  background:var(--sdr-teal);
  border-color:var(--sdr-teal);
  color:#fff;
}

/* =====================================================================
   4. SIDEBAR  (colonne gauche/droite : recherche, catégories, populaires)
===================================================================== */
#left-column, #right-column{ font-family:var(--sdr-sans); }

/* Titre de bloc sidebar : teal majuscules + tiret corail */
#left-column .ybc-blog-block .title_block,
#right-column .ybc-blog-block .title_block,
#left-column .block .title_block,
#right-column .block .title_block,
.ybc-blog-block > h4,
.ybc-blog-block > .h4,
.ybc_block_categories .title_block{
  position:relative;
  font-family:var(--sdr-sans);
  font-size:14px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1px;
  color:var(--sdr-teal);
  padding-bottom:8px;
  margin:0 0 14px;
  border:0;
}
#left-column .ybc-blog-block .title_block:after,
#right-column .ybc-blog-block .title_block:after,
.ybc-blog-block > h4:after,
.ybc_block_categories .title_block:after{
  content:"";
  position:absolute;
  left:0;bottom:0;
  width:30px;height:3px;
  background:var(--sdr-corail);
}

.ybc-blog-block{ margin-bottom:26px; }

/* Recherche */
.ybc-blog-search input[type="text"],
.ybc-blog-search-block input[type="text"]{
  background:#fff;
  border:1px solid var(--sdr-ligne);
  border-radius:8px;
  padding:9px 12px;
  font-size:13px;
  color:var(--sdr-gris-txt);
  width:100%;
}

/* Liste des catégories */
.ybc_block_categories ul{ list-style:none; margin:0; padding:0; }
.ybc_block_categories li a{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--sdr-teal-txt);
  font-size:13px;
  padding:5px 0;
}
.ybc_block_categories li a:before{
  content:"\203A";           /* chevron › */
  color:var(--sdr-corail);
  font-weight:700;
}
.ybc_block_categories li a:hover{ color:var(--sdr-corail); }
.ybc_block_categories .active > a{ color:var(--sdr-corail); font-weight:600; }

/* Articles populaires / récents (vignette + titre) */
.ybc-blog-post-thumb,
.latest_posts .ybc-blog-post-item,
.popular_posts .ybc-blog-post-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom:12px;
}
.ybc-blog-post-thumb img{
  width:52px;height:52px;
  object-fit:cover;
  border-radius:6px;
  flex:0 0 52px;
}
.latest_posts a, .popular_posts a{
  font-size:12.5px;
  line-height:1.4;
  color:var(--sdr-teal-txt);
}
.latest_posts a:hover, .popular_posts a:hover{ color:var(--sdr-corail); }

/* =====================================================================
   5. PAGE ARTICLE  (detail_post — contenu rendu dans .ybc-blog-wrapper-detail)
===================================================================== */
.ybc-blog-wrapper-detail{
  background:#fff;
  border:1px solid var(--sdr-ligne);
  border-radius:12px;
  padding:26px 30px 30px;
}
.ybc-blog-wrapper-detail h1,
.ybc-blog-detail-title,
.ybc-blog-wrapper-detail .ybc_title_block{
  font-family:var(--sdr-serif);
  font-weight:600;
  font-size:32px;
  line-height:1.18;
  color:var(--sdr-teal-txt);
  margin:0 0 10px;
}
/* Cadre bois sur la cover de l'article */
.ybc-blog-wrapper-detail .ybc_item_img,
.ybc-blog-detail-image{
  background:var(--sdr-sable);
  padding:8px;
  border-radius:10px;
  display:block;
  margin:6px 0 22px;
}
.ybc-blog-wrapper-detail .ybc_item_img img,
.ybc-blog-detail-image img{
  width:100%;height:auto;
  border-radius:6px;
  display:block;
}
/* Corps de texte de l'article */
.ybc-blog-wrapper-detail .blog_description{
  font-size:16px;
  line-height:1.8;
  color:var(--sdr-encre);
}
.ybc-blog-wrapper-detail .blog_description h2{
  font-family:var(--sdr-serif);
  font-weight:600;
  font-size:26px;
  color:var(--sdr-teal-txt);
  margin:30px 0 12px;
}
.ybc-blog-wrapper-detail .blog_description h3{
  font-family:var(--sdr-serif);
  font-weight:600;
  font-size:21px;
  color:var(--sdr-teal-dark);
  margin:22px 0 8px;
}
.ybc-blog-wrapper-detail .blog_description a{
  color:var(--sdr-lien-blog);   /* liens internes blog = vert charte */
  text-decoration:underline;
}
.ybc-blog-wrapper-detail .blog_description img{
  border-radius:8px;
  max-width:100%;
  height:auto;
}
.ybc-blog-wrapper-detail blockquote{
  border-left:3px solid var(--sdr-corail);
  background:var(--sdr-creme);
  margin:20px 0;
  padding:14px 20px;
  font-style:italic;
  color:var(--sdr-teal-txt);
}
/* Retour à la liste */
.ybc_button_backtolist{
  display:inline-block;
  border:1px solid var(--sdr-teal);
  color:var(--sdr-teal-txt);
  border-radius:24px;
  padding:8px 18px;
  font-size:13px;
}
.ybc_button_backtolist:hover{ background:var(--sdr-teal); color:#fff; }

/* Fil d'Ariane */
.ybc-blog-breadcrumb, .breadcrumb.ybc-blog{
  font-size:12px;
  color:var(--sdr-sauge);
  margin-bottom:14px;
}
.ybc-blog-breadcrumb a{ color:var(--sdr-sauge); }
.ybc-blog-breadcrumb a:hover{ color:var(--sdr-corail); }

/* =====================================================================
   6. PAGE CATÉGORIE (liste des catégories — categories_list_content)
===================================================================== */
.ybc-list-categories,
.ybc_blog_categories_list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  list-style:none;
  margin:8px 0 0;
  padding:0;
}
.ybc-list-categories .category-item,
.ybc_blog_categories_list li{
  background:#fff;
  border:1px solid var(--sdr-ligne);
  border-radius:12px;
  overflow:hidden;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.ybc-list-categories .category-item:hover,
.ybc_blog_categories_list li:hover{
  border-color:var(--sdr-teal);
  box-shadow:0 8px 22px rgba(47,110,115,.15);
}
.ybc-list-categories .category-item .ybc_item_img{
  background:var(--sdr-sable);
  padding:6px;
  display:block;
}
.ybc-list-categories .category-item img{
  width:100%;height:auto;
  border-radius:6px;
  display:block;
}
.ybc-list-categories .category-item a.title,
.ybc_blog_categories_list li a{
  font-family:var(--sdr-serif);
  font-weight:600;
  font-size:19px;
  color:var(--sdr-teal-txt);
}
.ybc-list-categories .category-item a.title:hover{ color:var(--sdr-corail); }

/* =====================================================================
   7. COMMENTAIRES / RATING (harmonisation légère)
===================================================================== */
.ybc-blog-comment-info .post-author .ybc_title_block{ color:var(--sdr-teal); }
.ybc_blog_review, .blog_rating_wrapper .ybc_blog_review{ color:var(--sdr-etoiles); }
.ybc-blog-form-comment .blog-submit .button{
  background:var(--sdr-teal); border:0; border-radius:24px; padding:10px 22px;
}
.ybc-blog-form-comment .blog-submit .button:hover{ background:var(--sdr-corail); }

/* =====================================================================
   8. RESPONSIVE
===================================================================== */
@media (max-width:767px){
  ul.ybc-blog-list.row,
  .ybc-list-categories,
  .ybc_blog_categories_list{ grid-template-columns:1fr; }
  #content-wrapper h1.page-heading,
  .ybc-blog-wrapper h1.page-heading{ font-size:28px; }
  .ybc-blog-wrapper-detail{ padding:18px 18px 22px; }
  .ybc-blog-wrapper-detail h1,
  .ybc-blog-wrapper-detail .ybc_title_block{ font-size:26px; }
}


/* === CORRECTIF RESPONSIVE 25-08-2026 (Anna / Sven / Ravi) : ordre des blocs sur mobile + cibles tactiles === */
@media (max-width:880px){
  .sdr-longdesc .sdr-visual{ display:contents; }
  .sdr-longdesc .sdr-visual-stack{ order:-1; }
  .sdr-longdesc .sdr-text{ order:0; }
  .sdr-longdesc .sdr-made-here{ order:1; }
  .sdr-longdesc .sdr-toc a{ padding:11px 16px; }
  .sdr-longdesc .sdr-inci-content-static{ overflow-wrap:anywhere; }
}
/* === FIN CORRECTIF RESPONSIVE 25-08-2026 === */

/* ___ PAGE DE CONNEXION v2, 25-09-2026 ___ */
body#authentication #wrapper{background:#FAF6F0;padding:0 0 60px}body#authentication #wrapper .breadcrumb{background:transparent;padding:18px 0 0;margin:0}body#authentication #wrapper .breadcrumb li,body#authentication #wrapper .breadcrumb a{color:#6B655C;font-size:13px}body#authentication #main .page-header{text-align:center;margin:26px 0 8px}body#authentication #main .page-header::before{content:"Mon compte";display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#2F6E73;margin-bottom:10px}body#authentication #main .page-header h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:40px;line-height:1.15;color:#26231F;text-transform:none;letter-spacing:normal;margin:0}body#authentication #content.page-content{max-width:520px;margin:26px auto 0;background:#fff;border:1px solid #E3DDD2;border-top:3px solid #2F6E73;border-radius:18px;box-shadow:0 14px 34px rgba(38,35,31,.08);padding:36px 36px 30px}body#authentication .login-form .form-group.row{display:block;margin:0 0 18px}body#authentication .login-form .form-group.row>[class*="col-md"]{width:100%;max-width:100%;flex:none;padding:0;float:none}body#authentication .login-form .form-control-label{display:block;text-align:left;font-weight:600;font-size:14px;color:#26231F;padding:0 0 6px}body#authentication .login-form .form-control-comment{display:none}body#authentication .login-form .form-control{height:48px;border:1px solid #E3DDD2;border-radius:12px;background:#fff;font-size:16px;color:#26231F;padding:0 14px}body#authentication .login-form .form-control:focus{border-color:#2F6E73;box-shadow:0 0 0 3px rgba(47,110,115,.15);outline:none}body#authentication .login-form .input-group{display:flex;width:100%}body#authentication .login-form .input-group .form-control{flex:1 1 auto;min-width:0;width:1% !important}body#authentication .login-form .input-group-btn{display:flex;width:auto;flex:0 0 auto}body#authentication .login-form .input-group .form-control{border-radius:12px 0 0 12px}body#authentication .login-form .input-group-btn .btn{height:48px;border:1px solid #E3DDD2;border-left:0;border-radius:0 12px 12px 0;background:#F2EDE4;color:#1f4d51;font-weight:600;font-size:13px;text-transform:none;padding:0 16px}body#authentication .login-form .forgot-password{text-align:right;margin:-6px 0 22px}body#authentication .login-form .forgot-password a{color:#1a6b3c;font-weight:700;font-size:14px}body#authentication .login-form .form-footer{text-align:center;margin:0}body#authentication #submit-login{display:block;width:100%;background:#BC5E45;border:0;border-radius:26px;color:#fff;font-weight:600;font-size:16px;text-transform:none;letter-spacing:normal;padding:14px 26px;box-shadow:none;transition:background .2s}body#authentication #submit-login:hover{background:#E59A88}body#authentication #submit-login:focus-visible,body#authentication .no-account a:focus-visible,body#authentication .forgot-password a:focus-visible{outline:2px solid #BC5E45;outline-offset:3px}body#authentication #content hr{border-top:1px solid #E3DDD2;margin:26px 0 22px}body#authentication .no-account{text-align:center}body#authentication .no-account a{display:inline-block;border:1.5px solid #2F6E73;border-radius:26px;color:#2F6E73;font-weight:600;font-size:15px;padding:12px 24px;text-decoration:none;transition:background .2s,color .2s}body#authentication .no-account a:hover{background:#2F6E73;color:#fff}@media (prefers-reduced-motion:reduce){body#authentication #submit-login,body#authentication .no-account a{transition:none}}@media (max-width:560px){body#authentication #main .page-header h1{font-size:30px}body#authentication #content.page-content{margin:20px 4px 0 !important}body#authentication #content.page-content{padding:26px 18px 22px;border-radius:14px}}
/* ___ FIN PAGE DE CONNEXION v2 ___ *//* End custom CSS */