.elementor-kit-6{--e-global-color-primary:#5A162E;--e-global-color-secondary:#820C41;--e-global-color-text:#3A0E1E;--e-global-color-accent:#C4A052;--e-global-color-bc4f598:#9C3A4B;--e-global-color-e68b8fa:#FFF9F5;--e-global-color-f43d620:#F6E7E6;--e-global-color-606ade7:#E4CF9A;--e-global-color-663e02f:#3A0E1EBF;--e-global-typography-primary-font-family:"Cormorant Garamond (normal)";--e-global-typography-primary-font-size:68px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:0.98em;--e-global-typography-secondary-font-family:"Great Vibes";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;line-height:1.6em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:500;line-height:1.2em;}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;line-height:1.3em;}.elementor-kit-6 h5{color:var( --e-global-color-primary );font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;line-height:1.3em;}.elementor-kit-6 h6{color:var( --e-global-color-primary );font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;line-height:18em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1024px){.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h3{font-size:22px;line-height:1.2em;}.elementor-kit-6 h4{font-size:18px;line-height:1.3em;}.elementor-kit-6 h5{font-size:18px;line-height:1.3em;}.elementor-kit-6 h6{font-size:18px;line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   CUSTOM CSS — La fabrique de Laurence
   À coller dans Elementor Pro : Site Settings → Custom CSS
   ========================================================= */

/* ---------------------------------------------------------
   1. Grain de fond (texture papier très subtile)
   Global au body — sans risque de conflit, "body" n'est pas
   une classe interne Elementor.
--------------------------------------------------------- */
body {
  background-color: #F6E7E6;
  background-image:
    radial-gradient(1200px 600px at 80% -10%, rgba(196,160,82,0.10), transparent 60%),
    radial-gradient(900px 500px at -10% 10%, rgba(156,58,75,0.10), transparent 55%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
}

/* ---------------------------------------------------------
   2. Texte en dégradé — le mot "Laurence" en script
   À appliquer sur le widget Heading ou Text Editor qui
   contient "Laurence" via la classe CSS additionnelle
   (onglet Advanced du widget).
--------------------------------------------------------- */
.lfdl-logo-name {
  background: linear-gradient(92deg, #820C41 0%, #5A162E 55%, #9C3A4B 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Variante utilisée en footer sur fond wine (dégradé clair) */
.lfdl-logo-name--footer {
  background: linear-gradient(92deg, #E4CF9A, #FFF9F5);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* ---------------------------------------------------------
   3. Cercle tracé à la main (motif signature)
   À utiliser dans un widget HTML personnalisé contenant
   le <svg> inline. Le CSS ci-dessous stylise les traits.
--------------------------------------------------------- */
.lfdl-sketch path {
  fill: none;
  stroke-linecap: round;
}
/* Exemple de <svg> à coller dans le widget HTML :
<svg class="lfdl-sketch" viewBox="0 0 100 100" width="100" height="100" aria-hidden="true">
  <path d="M50 8 C74 8 92 27 92 50 C92 74 73 92 50 92 C26 92 8 73 8 50 C8 26 27 9 51 8"
        stroke="#9C3A4B" stroke-width="1.6"/>
  <path d="M50 12 C72 11 88 29 88 50 C88 72 71 88 50 88 C28 88 12 71 12 50 C12 28 29 12 50 12"
        stroke="#C4A052" stroke-width="1.1" opacity="0.85"/>
</svg>
*/


/* Empêche le widget Nav Menu de retomber sur 2 lignes en desktop,
   quelle que soit la largeur d'écran (découvert pendant la
   construction du header — le widget a son propre comportement
   de wrap interne, indépendant des réglages Grow/Shrink des
   containers autour de lui) */
.lfdl-link-underline .elementor-nav-menu {
  flex-wrap: nowrap !important;
}
.lfdl-link-underline .elementor-nav-menu li {
  white-space: nowrap;
}

/* Force le passage au menu burger jusqu'à 1366px.
   Le champ "Seuil" du widget Nav Menu ne propose que Mobile
   (767px) et Tablette (1024px) — pas de breakpoint personnalisé
   possible depuis l'UI Elementor. En dessous de 1366px, le menu
   à 5 liens déborde de son enveloppe (nowrap oblige) et chevauche
   le panier. On force donc manuellement la bascule vers la
   version burger sur cette plage, en plus de ce qu'Elementor
   gère déjà nativement en dessous de 1024px. */
@media (max-width: 1200px) {
  .lfdl-link-underline .elementor-nav-menu--main {
    display: none !important;
  }
  .lfdl-link-underline .elementor-menu-toggle {
    display: flex !important;
  }
}

/* ---------------------------------------------------------
   5. Cards avec effet hover (produits, catégories, articles)
   Classe CSS additionnelle sur le widget/container de la card,
   et sur l'image interne pour l'effet zoom.
--------------------------------------------------------- */
.lfdl-card-hover {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.lfdl-card-hover:hover {
  transform: translateY(-6px);
}
.lfdl-card-hover:hover .lfdl-zoom {
  transform: scale(1.06);
}
.lfdl-zoom {
  transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* ---------------------------------------------------------
   6. Focus visible cohérent (accessibilité clavier — WCAG)
   Global, ne cible aucune classe Elementor interne.
--------------------------------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #C4A052;
  outline-offset: 3px;
  border-radius: 4px;
}

/* ---------------------------------------------------------
   9. Pousse le widget Panier à droite dans son container,
   sans élargir la boîte du container (évite le chevauchement
   avec les derniers liens du menu qu'on a eu avec
   "Justifier le contenu: à droite").
   Classe à poser sur le widget Menu Panier lui-même.
--------------------------------------------------------- */
.lfdl-cart-push-right {
  margin-left: auto !important;
  flex: 0 0 auto !important;
  width: auto !important;
}

/* ---------------------------------------------------------
   10. Header rétractable au scroll (bascule de logo incluse)
   S'applique sur le Container B (barre principale) qui porte
   déjà la classe .lfdl-header-sticky.
   La classe .lfdl-scrolled est ajoutée/retirée par le JS
   (voir header-scroll.js) selon la position de scroll.
--------------------------------------------------------- */
.lfdl-header-sticky {
  height: 110px;
  transition: height 0.3s ease;
}
.lfdl-header-sticky.lfdl-scrolled {
  height: 64px;
}

/* Bandeau haut : se masque dès qu'on scrolle, pour regagner
   de la hauteur d'écran utile sur mobile */
.lfdl-top-banner {
  max-height: 40px;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.25s ease;
}
.lfdl-scrolled .lfdl-top-banner {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}

/* Logo complet (3 lignes) — visible au chargement */
.lfdl-logo-full {
  max-height: 78px;
  width: auto;
  opacity: 1;
  transition: opacity 0.25s ease, max-height 0.3s ease;
}
.lfdl-scrolled .lfdl-logo-full {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

/* Logo condensé ("Laurence" seul) — cache tant qu'on n'a pas scrollé */
.lfdl-logo-compact {
  max-height: 0;
  width: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, max-height 0.3s ease;
}
.lfdl-scrolled .lfdl-logo-compact {
  max-height: 40px;
  opacity: 1;
  pointer-events: auto;
}

/* Empile les deux logos au même endroit pendant la transition,
   pour éviter un saut de mise en page (layout shift) */
.lfdl-logo-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.lfdl-logo-full,
.lfdl-logo-compact {
  display: block;
}

/* ---------------------------------------------------------
   8. Respect de prefers-reduced-motion
   Désactive les transitions/animations pour les utilisateurs
   qui le demandent au niveau système.
--------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .lfdl-card-hover,
  .lfdl-zoom,
  .lfdl-link-underline,
  .lfdl-header-sticky,
  .lfdl-top-banner,
  .lfdl-logo-full,
  .lfdl-logo-compact {
    transition: none;
  }
}
.lfdl-btn-gold {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: transparent;
  border: 1.5px solid rgba(90, 22, 46, 0.4); /* wine/40, comme dans ta maquette */
  color: #5A162E; /* wine */
  padding: 15px 30px;
  border-radius: 999px;
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color .35s ease, border-color .35s ease;
}

.lfdl-btn-gold::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #C4A052;
  transform: scaleX(0);
  transform-origin: left;
  z-index: -1;
  transition: transform .35s ease;
}

.lfdl-btn-gold:hover {
  color: #3A0E1E; /* ink, pour garder un bon contraste sur fond gold clair */
  border-color: #C4A052;
}

.lfdl-btn-gold:hover::before {
  transform: scaleX(1);
}
/* ---------------------------------------------------------
  css pour mettre les photos de le gaste pas à pas dans l'atelier au même format
--------------------------------------------------------- */
.lfdl-atelier-photo img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  object-position: center;
  display: block;
}

.lfdl-atelier-photo--top img {
  object-position: top center;
}
/* ---- Fiche produit — sélecteur de variation ---- */
.woocommerce div.product form.cart .variations label {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #9C3A4B;
  font-weight: 500;
}

.woocommerce div.product form.cart .variations select {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  color: #5A162E;
  background-color: #FFF9F5;
  border: 1px solid rgba(156, 58, 75, 0.25);
  border-radius: 12px;
  padding: 12px 16px;
  height: auto;
}

.woocommerce div.product form.cart .variations select:focus {
  border-color: #C4A052;
  outline: none;
}

/* ---- Quantité ---- */
.woocommerce div.product form.cart .quantity input.qty {
  font-family: 'Jost', sans-serif;
  color: #3A0E1E;
  background-color: #FFF9F5;
  border: 1px solid rgba(156, 58, 75, 0.25);
  border-radius: 12px;
  padding: 12px 14px;
  height: auto;
}

/* ---- UGS / Catégorie (métas produit) ---- */
.woocommerce div.product .product_meta {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  color: #9C3A4B;
}

.woocommerce div.product .product_meta a {
  color: #820C41;
}
/* ---- Masquer le bloc de détails de variation (doublon avec le prix du haut) ---- */
.woocommerce div.product .woocommerce-variation {
  display: none !important;
}
/* ---- Bouton "Ajouter au panier" — override spécificité thème ---- */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce #respond input#submit.single_add_to_cart_button {
  background-color: #5A162E !important;
  color: #FFF9F5 !important;
  border: none !important;
  border-radius: 999px !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 13px 28px !important;
  transition: background-color 0.3s ease !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce #respond input#submit.single_add_to_cart_button:hover {
  background-color: #820C41 !important;
}
/* ---- Fourchette de prix — override spécificité thème ---- */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  color: #820C41 !important;
  font-size: 19px !important;
}
/* Compense la hauteur du header sticky sur tout contenu qui suit,
   au lieu de gérer un padding-top manuel page par page */
.lfdl-page-content-start {
  margin-top: 160px;
}
/* ---- Masque le label "UGS" devant la référence produit ---- */
.woocommerce div.product .product_meta .sku_wrapper::before {
  content: "Réf. ";
}
.woocommerce div.product .product_meta .sku_wrapper strong.woocommerce-product-attributes-item__label,
.woocommerce div.product .product_meta > span:first-child > span:first-child {
  display: none;
}
/* ---- Correction du débordement de texte dans le mini-panier ---- */
.elementor-menu-cart__product-name,
.elementor-menu-cart__product-name a {
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  white-space: normal !important;
}

.elementor-menu-cart__product {
  min-width: 0 !important;
}
/* ---- Image des cards produit (grille boutique) — ratio carré + coins arrondis en haut ---- */
.lfdl-product-card-image img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  width: 100%;
  border-radius: 16px 16px 0 0;
  display: block;
}
/* ---- Badge conditionnel selon le stock (cards produit boutique) ---- */
.lfdl-badge-sold {
  display: none;
}
.outofstock .lfdl-badge-sold {
  display: inline-flex;
}
.outofstock .lfdl-badge-unique {
  display: none;
}

/* Grise la photo et désactive visuellement le bouton sur un produit épuisé */
.outofstock .lfdl-product-card-image img {
  filter: grayscale(1);
  opacity: 0.75;
}
.outofstock .single_add_to_cart_button,
.outofstock a.add_to_cart_button {
  pointer-events: none;
  opacity: 0.5;
}
/* css pour surligner un lien texte en OR */
.lfdl-link-underline {
  background-image: linear-gradient(#C4A052, #C4A052);
  background-size: 0% 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.35s ease;
}

.lfdl-link-underline:hover,
.lfdl-link-underline:focus-visible {
  background-size: 100% 1px;
}
/* css pour ratio 1-1  */
.lfdl-cat-image img {
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 16px; /* coins arrondis, cohérent avec rounded-2xl de ta maquette */
  display: block;
  width: 100%;
}
/* Carte produit : force toutes les cartes à s'étirer sur la même hauteur 
   et empile son contenu verticalement (image > titre > prix > bouton) */
.lfdl-product-card {
  display: flex;
  flex-direction: column;
  height: 100%; /* s'étire jusqu'à la hauteur de la carte la plus grande de la rangée */
}

/* Chaque élément à l'intérieur de la carte (image, titre, prix, bouton) 
   prend toute la largeur disponible */
.lfdl-product-card > * {
  width: 100%;
}
/* Force ce conteneur à s'étirer et remplir l'espace vertical restant
   de la carte. !important nécessaire car une règle interne d'Elementor
   (custom_frontend) écrase sinon systématiquement flex-grow */
.lfdl-product-card-info {
  flex-grow: 1 !important;
}

/* Colle le bloc "quantité + bouton" (ou bouton seul) tout en bas
   de ce conteneur, une fois qu'il occupe tout l'espace disponible */
.lfdl-product-card-info > .elementor-widget-woocommerce-product-add-to-cart {
  margin-top: auto;
}
/* 
  À quoi ça sert :
  Le texte du bouton "Je me fais plaisir" reste collé en haut malgré
  align-items:center, probablement à cause des métriques de la police
  Jost (ascent/descent asymétriques) qui décalent visuellement la ligne
  de texte même dans un conteneur flex centré. On force le calcul de
  hauteur de ligne à ignorer les métriques de police pour un centrage
  strictement basé sur la boîte de contenu.
*/
.lfdl-product-card-info .add_to_cart_button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
}
/* 
  À quoi ça sert :
  Le display:flex de notre règle précédente était écrasé par une autre
  règle (probablement Elementor, liée au mode "show quantity") qui impose
  display:block sur ce bouton — confirmé en DevTools Computed, où la
  valeur finale restait "block" malgré notre règle. Résultat : align-items
  n'avait aucun effet puisqu'il ne s'applique qu'en contexte flex. On force
  le flex avec !important pour qu'il gagne réellement, ce qui permet enfin
  au centrage vertical du texte de s'appliquer.
*/
.lfdl-product-card-info .add_to_cart_button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
/* 
  À quoi ça sert :
  Les titres produits font 1 ligne ("Cordons") ou 2 lignes ("Collier Flora –
  pour une joie qui fleurit"), ce qui décale verticalement les blocs prix et
  bouton entre cartes d'une même rangée. On fixe une hauteur constante de
  51.2px sur le bloc titre (= 2 × line-height réel de 25.6px mesuré en
  DevTools), et on tronque avec "..." si un titre venait à dépasser 2 lignes.
  Résultat : prix et bouton démarrent toujours à la même hauteur, quelle
  que soit la longueur du titre.
*/
.lfdl-product-card-info .elementor-widget-woocommerce-product-title {
  min-height: 51.2px;
}

.lfdl-product-card-info .elementor-widget-woocommerce-product-title .product_title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}
/* Baguier virtuel : masque/affiche le bouton de téléchargement du baguier
   uniquement quand le filtre "Bagues" est actif sur la page boutique
   (piloté par le JS dans WPCode, cible la classe .lfdl-baguier-cta) */
.lfdl-baguier-cta {
  display: none;
}
.lfdl-baguier-cta.lfdl-visible {
  display: block;
}
/* Cadre organique de la photo héro : border-radius composé, non gérable nativement */
.lfdl-hero-photo img {
  border-radius: 42% 58% 52% 48% / 48% 45% 55% 52%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  display: block;
  width: 100%;
}
/* Bloc photo héro autonome : gère sa propre taille via aspect-ratio,
   indépendamment du comportement flex/stretch du container parent.
   Évite le conflit rencontré avec le widget Image + widget HTML séparés. */
.lfdl-hero-photo-block {
  position: relative;
  width: 100%;
  max-width: 420px; /* ajuste cette valeur selon le rendu souhaité */
  margin-left: auto; /* garde le bloc aligné à droite dans sa colonne */
}
.lfdl-hero-photo-frame {
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: 42% 58% 52% 48% / 48% 45% 55% 52%;
  overflow: hidden;
}
.lfdl-hero-photo-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.lfdl-hero-photo-circle {
  position: absolute;
  inset: -24px;
  pointer-events: none;
  z-index: 2;
}
.lfdl-hero-photo-circle svg {
  width: 100%;
  height: 100%;
}
/* Guillemet décoratif gold, au-dessus d'une citation en pull-quote */
.lfdl-quote-mark {
  font-family: 'Cormorant Garamond', serif;
  font-size: 72px;
  line-height: 0.6;
  color: #C4A052;
  text-align: center;
  margin: 0 0 8px 0;
}
/* Site Settings → Custom CSS */
body.woocommerce-checkout .wp-block-woocommerce-checkout {
  padding-top: 64px;
}

@media (min-width: 768px) {
  body.woocommerce-checkout .wp-block-woocommerce-checkout {
    padding-top: 88px;
  }
}
/* Conteneur global de la barre de livraison offerte — fond crème, bordure dorée fine, coins arrondis */
.lfdl-shipping-bar {
    margin-bottom: 24px;
    padding: 16px 20px;
    background: #FFF9F5;
    border: 1px solid rgba(196, 160, 82, 0.25);
    border-radius: 12px;
}

/* Le message texte au-dessus de la barre ("Plus que X€ pour..." ou le message de félicitations) */
.lfdl-shipping-bar__text {
    margin: 0 0 8px;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    color: #5A162E;
    text-align: center;
}

/* La piste grise/blush de la barre — c'est le fond fixe sur lequel la partie remplie va glisser */
.lfdl-shipping-bar__track {
    height: 8px;
    border-radius: 999px;
    background: #F6E7E6;
    overflow: hidden;
}

/* La partie remplie de la barre — sa largeur (en %) est calculée en PHP et injectée en inline style
   selon le montant du panier ; le degradé or→wine et la transition donnent l'effet de progression animée */
.lfdl-shipping-bar__fill {
    height: 100%;
    background: linear-gradient(90deg, #C4A052, #5A162E);
    border-radius: 999px;
    transition: width 0.4s ease;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cormorant Garamond (normal)';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://lafabriquedelaurence.fr/wp-content/uploads/2026/09/CormorantGaramond-VariableFont_wght.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cormorant Garamond';
	font-display: auto;
	src: url('https://lafabriquedelaurence.fr/wp-content/uploads/2026/08/CormorantGaramond-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */