.elementor-1014 .elementor-element.elementor-element-b14742b{--display:flex;--min-height:175px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1014 .elementor-element.elementor-element-77dd33e{text-align:center;}.elementor-1014 .elementor-element.elementor-element-77dd33e .elementor-heading-title{font-weight:600;text-transform:uppercase;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 0px rgba(0,0,0,0.3);}.elementor-1014 .elementor-element.elementor-element-fb88d55{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;columns:1;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;line-height:1.4em;color:var( --e-global-color-fc2da62 );}.elementor-1014 .elementor-element.elementor-element-fb88d55 p{margin-block-end:8px;}.elementor-1014 .elementor-element.elementor-element-25a44c8{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-fc2da62 );--border-color:var( --e-global-color-fc2da62 );--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1014 .elementor-element.elementor-element-30230b5{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1014 .elementor-element.elementor-element-30230b5.elementor-element{--align-self:center;}.elementor-1014 .elementor-element.elementor-element-465ebc4{--grid-columns:4;margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 5px;--auto-scroll-offset:0px;--grid-column-gap:25px;}.elementor-1014 .elementor-element.elementor-element-465ebc4 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1014 .elementor-element.elementor-element-465ebc4 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 5px/2 );}body:not(.rtl) .elementor-1014 .elementor-element.elementor-element-465ebc4 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 5px/2 );}body.rtl .elementor-1014 .elementor-element.elementor-element-465ebc4 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 5px/2 );}body.rtl .elementor-1014 .elementor-element.elementor-element-465ebc4 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 5px/2 );}@media(max-width:1024px){.elementor-1014 .elementor-element.elementor-element-465ebc4{--grid-columns:2;}}@media(max-width:767px){.elementor-1014 .elementor-element.elementor-element-77dd33e .elementor-heading-title{font-size:40px;}.elementor-1014 .elementor-element.elementor-element-fb88d55{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}.elementor-1014 .elementor-element.elementor-element-465ebc4{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-b14742b *//* Elementor Loop Grid – Pagination en pilules (catégories produit) */
.tax-product_cat .elementor .elementor-pagination{
  --pg-font: 16px;              /* 15–20px */
  --pg-h: 36px;                 /* hauteur */
  --pg-pad-x: 14px;             /* padding horizontal */
  --pg-gap: 8px;                /* espacement */
  --pg-bg: #fff; --pg-fg: #000; --pg-bd: #000;
  --pg-bg-active: #000; --pg-fg-active: #fff; --pg-bd-active: #000;
}

.tax-product_cat .elementor .elementor-pagination .page-numbers{
  font-size: var(--pg-font) !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center; justify-content: center;
  height: var(--pg-h); min-width: var(--pg-h);
  padding: 0 var(--pg-pad-x);
  margin: 0 var(--pg-gap);
  border: 1px solid var(--pg-bd);
  border-radius: 9999px;
  background: var(--pg-bg); color: var(--pg-fg);
  text-decoration: none;
  transition: background .16s,color .16s,border-color .16s, box-shadow .16s;
}

.tax-product_cat .elementor .elementor-pagination .page-numbers:hover{
  box-shadow: 0 2px 0 0 var(--pg-bd);
}

.tax-product_cat .elementor .elementor-pagination .page-numbers.current{
  background: var(--pg-bg-active);
  color: var(--pg-fg-active);
  border-color: var(--pg-bd-active);
  font-weight: 700;
}

.tax-product_cat .elementor .elementor-pagination .page-numbers.prev,
.tax-product_cat .elementor .elementor-pagination .page-numbers.next{
  min-width: calc(var(--pg-h) + 8px); /* un peu plus large pour «/» */
}

@media (max-width: 480px){
  .tax-product_cat .elementor .elementor-pagination{
    --pg-font: 15px; --pg-h: 34px; --pg-pad-x: 12px; --pg-gap: 6px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25a44c8 *//* =====================================================================
   My Style Filters — CSS (v1.8.6)
   - Filter UI: pill buttons (stable size), double-border hover, Elementor color tokens
   - Pagination (responsive): Prev/Next as pills, numbers as plain text;
     current number bold + underline; whole block centered (Elementor + Woo)
   ===================================================================== */

/* -------------------- FILTER (MSF) -------------------- */
/* Variables & Typography (inherits Elementor Buttons) */
.msf-form{
  /* Positioning */
  --msf-left-pad: 12px;

  /* Colors (map to Elementor globals if you want) */
  --msf-color-text: #000;
  --msf-color-bg: #fff;
  --msf-color-border: var(--e-global-color-primary, #000);
  --msf-color-active-bg: var(--e-global-color-primary, #000);
  --msf-color-active-text: #fff;

  /* Double-border effect (hover) */
  --msf-double-gap: 2px;                 /* inner ring thickness (background color) */
  --msf-double-width: 2px;               /* outer ring thickness */
  --msf-double-gap-color: var(--msf-color-bg);
  --msf-double-color: var(--msf-color-border);

  /* Shape & gaps */
  --msf-radius-pill: var(--e-button-border-radius, 9999px);
  --msf-gap: .75rem;

  /* Base size: follow Elementor global typography */
  font-family: var(--e-global-typography-accent-font-family, var(--e-global-typography-text-font-family, inherit));
  font-weight: var(--e-global-typography-accent-font-weight, 600);
  font-size: var(--e-global-typography-accent-font-size, 16px);
  line-height: 1.25;

  color: var(--msf-color-text);
  padding-left: var(--msf-left-pad);
  text-align: left;
}

/* Optional sync with Elementor size utilities */
.elementor-size-xs .msf-form{ font-size: .8125rem; } /* ~13px */
.elementor-size-sm .msf-form{ font-size: .875rem; }  /* ~14px */
.elementor-size-md .msf-form{ font-size: 1rem; }     /* ~16px */
.elementor-size-lg .msf-form{ font-size: 1.125rem; } /* ~18px */
.elementor-size-xl .msf-form{ font-size: 1.25rem; }  /* ~20px */

/* Layout: label + button */
.msf-wrap{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--msf-gap);
  flex-wrap: nowrap;
}
@media (max-width: 640px){ .msf-wrap{ flex-wrap: wrap; } }

.msf-label{
  display: inline-flex; align-items: center;
  white-space: nowrap; line-height: 1;
}

/* Dropdown */
.msf-dropdown{ position: relative; }
.msf-panel{
  position: absolute; top: calc(100% + .45rem); left: 0; z-index: 50;
  display: none;
  min-width: 280px; max-width: min(520px, 90vw); max-height: 50vh; overflow: auto;
  padding: .75rem;
  border: 1px solid var(--msf-color-border); border-radius: 16px;
  background: var(--msf-color-bg);
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
.msf-dropdown[data-open="true"] .msf-panel{ display: block; }

/* Toggle (pill) */
.msf-toggle{
  display: inline-flex; align-items: center; justify-content: center;
  padding: .6em 1.1em; min-height: 2.6em;
  border: 1px solid var(--msf-color-border);
  border-radius: var(--msf-radius-pill);
  background: var(--msf-color-bg); color: var(--msf-color-text);
  text-decoration: none; line-height: 1.2; box-sizing: border-box;
  transition: background .16s, color .16s, border-color .16s, box-shadow .16s;
  cursor: pointer;
  font-size: 1em;            /* keep size stable */
  font-weight: inherit;      /* avoid bold changing height */
}
.msf-toggle:hover{
  /* Double ring on hover/focus */
  box-shadow:
    0 0 0 var(--msf-double-gap) var(--msf-double-gap-color),
    0 0 0 calc(var(--msf-double-gap) + var(--msf-double-width)) var(--msf-double-color);
}
.msf-toggle.is-active{
  background: var(--msf-color-active-bg);
  color: var(--msf-color-active-text);
  border-color: var(--msf-color-active-bg);
}
.msf-toggle:focus{ outline: 2px solid var(--msf-color-border); outline-offset: 2px; }
.msf-toggle .msf-toggle-label{
  display: inline-block; white-space: nowrap; max-width: 100%;
  overflow: hidden; text-overflow: ellipsis;
}

/* Style pills (inside panel) */
.msf-pills{ display: flex; flex-wrap: wrap; gap: .5rem; }
.msf-pill{
  display: inline-flex; align-items: center; justify-content: center;
  padding: .6em 1.1em; min-height: 2.6em;
  border: 1px solid var(--msf-color-border);
  border-radius: var(--msf-radius-pill);
  background: var(--msf-color-bg); color: var(--msf-color-text);
  text-decoration: none; line-height: 1.2; box-sizing: border-box;
  white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
  transition: background .16s, color .16s, border-color .16s, box-shadow .16s;
  cursor: pointer;
  font-size: 1em;            /* keep size stable */
  font-weight: inherit;
}
.msf-pill:hover{
  box-shadow:
    0 0 0 var(--msf-double-gap) var(--msf-double-gap-color),
    0 0 0 calc(var(--msf-double-gap) + var(--msf-double-width)) var(--msf-double-color);
}
.msf-pill:focus{ outline: 2px solid var(--msf-color-border); outline-offset: 2px; }
.msf-pill.is-active{
  background: var(--msf-color-active-bg);
  color: var(--msf-color-active-text);
  border-color: var(--msf-color-active-bg);
}

/* HARD LOCK: do not shrink on any link state */
.msf-form .msf-toggle,
.msf-form .msf-pill,
.msf-form .msf-toggle:link,
.msf-form .msf-toggle:visited,
.msf-form .msf-toggle:hover,
.msf-form .msf-toggle:active,
.msf-form .msf-toggle.is-active,
.msf-form .msf-pill:link,
.msf-form .msf-pill:visited,
.msf-form .msf-pill:hover,
.msf-form .msf-pill:active,
.msf-form .msf-pill.is-active{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 1em !important;
  line-height: 1.2 !important;
  font-weight: inherit !important;

  padding: .6em 1.1em !important;
  min-height: 2.6em !important;
  border-width: 1px !important;
  box-sizing: border-box !important;
  transform: none !important;
}

/* Mobile comfort */
@media (max-width: 480px){
  .msf-panel{ min-width: 240px; }
  .msf-toggle, .msf-pill{ min-height: 2.8em; padding: .6em 1em; }
}

/* Print: hide panel */
@media print{ .msf-panel{ display: none !important; } }

/* -------------------- PAGINATION (Elementor + Woo) -------------------- */
/* Tokens for pagination */
:root{
  --msf-pg-font: 16px;
  --msf-pg-gap: 10px;
  --msf-pg-h: 36px;            /* height of Prev/Next buttons */
  --msf-pg-pad-x: 14px;        /* horizontal padding of Prev/Next */
  --msf-pg-bd: var(--e-global-color-primary, #000);
  --msf-pg-bg: #fff;
  --msf-pg-fg: #000;
  --msf-pg-bg-hover: #fff;
  --msf-pg-fg-hover: var(--e-global-color-primary, #000);
  --msf-pg-bd-hover: var(--e-global-color-primary, #000);
}

/* ---- Elementor Loop Grid ---- */
/* Center the whole block */
.elementor nav.elementor-pagination,
.elementor .elementor-pagination{
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center;
  gap: var(--msf-pg-gap);
  text-align: center;
  margin-top: 1rem;
}

/* 1) Prev/Next = PILLS */
.elementor nav.elementor-pagination .page-numbers.prev,
.elementor nav.elementor-pagination .page-numbers.next,
.elementor .elementor-pagination .page-numbers.prev,
.elementor .elementor-pagination .page-numbers.next{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size: var(--msf-pg-font) !important;
  line-height: 1.2 !important;
  font-weight: 600;

  height: var(--msf-pg-h) !important;
  min-width: calc(var(--msf-pg-h) + 8px) !important;
  padding: 0 var(--msf-pg-pad-x) !important;
  box-sizing: border-box !important;

  border: 1px solid var(--msf-pg-bd) !important;
  border-radius: 9999px !important;
  background: var(--msf-pg-bg) !important;
  color: var(--msf-pg-fg) !important;
  text-decoration: none !important;
  transition: background .16s,color .16s,border-color .16s, box-shadow .16s;
}
.elementor nav.elementor-pagination .page-numbers.prev:hover,
.elementor nav.elementor-pagination .page-numbers.next:hover,
.elementor .elementor-pagination .page-numbers.prev:hover,
.elementor .elementor-pagination .page-numbers.next:hover{
  background: var(--msf-pg-bg-hover) !important;
  color: var(--msf-pg-fg-hover) !important;
  border-color: var(--msf-pg-bd-hover) !important;
  box-shadow: 0 2px 0 0 var(--msf-pg-bd-hover);
}

/* 2) NUMBERS = TEXT (no pill) */
.elementor nav.elementor-pagination .page-numbers:not(.prev):not(.next),
.elementor .elementor-pagination .page-numbers:not(.prev):not(.next){
  display: inline !important;
  font-size: var(--msf-pg-font) !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;     /* normal weight for non-current */
  background: transparent !important;
  border: none !important;
  color: inherit !important;
  padding: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  text-decoration: none !important;
  margin: 0 .25rem !important;
}

/* Current number: bold + underline */
.elementor nav.elementor-pagination .page-numbers.current,
.elementor .elementor-pagination .page-numbers.current{
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px;
}

/* No underline on hover for other numbers */
.elementor nav.elementor-pagination .page-numbers:not(.current):hover,
.elementor .elementor-pagination .page-numbers:not(.current):hover{
  text-decoration: none !important;
}

/* Small screens: keep it readable and wrapped */
@media (max-width: 480px){
  .elementor nav.elementor-pagination,
  .elementor .elementor-pagination{
    gap: 8px;
  }
}

/* ---- WooCommerce fallback ---- */
/* Center */
nav.woocommerce-pagination{ text-align: center; }
nav.woocommerce-pagination ul.page-numbers{
  display: inline-flex; flex-wrap: wrap;
  justify-content: center; align-items: center;
  gap: var(--msf-pg-gap);
  padding: 0; margin: 1rem 0 0;
}

/* Prev/Next = PILLS */
nav.woocommerce-pagination ul.page-numbers li .prev,
nav.woocommerce-pagination ul.page-numbers li .next{
  display:inline-flex; align-items:center; justify-content:center;
  font-size: var(--msf-pg-font); line-height: 1.2; font-weight:600;
  height: var(--msf-pg-h); min-width: calc(var(--msf-pg-h) + 8px);
  padding: 0 var(--msf-pg-pad-x); box-sizing: border-box;
  border: 1px solid var(--msf-pg-bd); border-radius: 9999px;
  background: var(--msf-pg-bg); color: var(--msf-pg-fg); text-decoration:none;
  transition: background .16s,color .16s,border-color .16s, box-shadow .16s;
}
nav.woocommerce-pagination ul.page-numbers li .prev:hover,
nav.woocommerce-pagination ul.page-numbers li .next:hover{
  background: var(--msf-pg-bg-hover);
  color: var(--msf-pg-fg-hover);
  border-color: var(--msf-pg-bd-hover);
  box-shadow: 0 2px 0 0 var(--msf-pg-bd-hover);
}

/* Numbers = TEXT */
nav.woocommerce-pagination ul.page-numbers li a,
nav.woocommerce-pagination ul.page-numbers li span{
  display: inline;
  font-size: var(--msf-pg-font); line-height: 1.2;
  font-weight: 400 !important;
  background: transparent !important; border: none !important;
  color: inherit !important; padding: 0 !important; min-width: 0 !important; height: auto !important;
  text-decoration: none !important;
  margin: 0 .25rem !important;
}

/* Current: bold + underline */
nav.woocommerce-pagination ul.page-numbers li span.current{
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px;
}




/* === Numéro de page ACTIF : toujours souligné (Elementor + Woo) === */

/* Elementor Loop Grid */
.elementor nav.elementor-pagination .page-numbers.current,
.elementor .elementor-pagination .page-numbers.current,
.elementor nav.elementor-pagination .page-numbers[aria-current="page"],
.elementor .elementor-pagination .page-numbers[aria-current="page"]{
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px;
}
/* Garde le souligné malgré tous les états de lien */
.elementor nav.elementor-pagination .page-numbers.current:link,
.elementor nav.elementor-pagination .page-numbers.current:visited,
.elementor nav.elementor-pagination .page-numbers.current:hover,
.elementor nav.elementor-pagination .page-numbers.current:active,
.elementor .elementor-pagination .page-numbers.current:link,
.elementor .elementor-pagination .page-numbers.current:visited,
.elementor .elementor-pagination .page-numbers.current:hover,
.elementor .elementor-pagination .page-numbers.current:active,
.elementor nav.elementor-pagination .page-numbers[aria-current="page"]:link,
.elementor nav.elementor-pagination .page-numbers[aria-current="page"]:visited,
.elementor nav.elementor-pagination .page-numbers[aria-current="page"]:hover,
.elementor nav.elementor-pagination .page-numbers[aria-current="page"]:active,
.elementor .elementor-pagination .page-numbers[aria-current="page"]:link,
.elementor .elementor-pagination .page-numbers[aria-current="page"]:visited,
.elementor .elementor-pagination .page-numbers[aria-current="page"]:hover,
.elementor .elementor-pagination .page-numbers[aria-current="page"]:active{
  text-decoration: underline !important;
}

/* WooCommerce pagination */
nav.woocommerce-pagination ul.page-numbers li span.current,
nav.woocommerce-pagination ul.page-numbers li a[aria-current="page"]{
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px;
}
nav.woocommerce-pagination ul.page-numbers li a[aria-current="page"]:link,
nav.woocommerce-pagination ul.page-numbers li a[aria-current="page"]:visited,
nav.woocommerce-pagination ul.page-numbers li a[aria-current="page"]:hover,
nav.woocommerce-pagination ul.page-numbers li a[aria-current="page"]:active{
  text-decoration: underline !important;
}

/* Optionnel : ne pas souligner les autres numéros au hover */
.elementor nav.elementor-pagination .page-numbers:not(.current):not([aria-current="page"]):hover,
.elementor .elementor-pagination .page-numbers:not(.current):not([aria-current="page"]):hover,
nav.woocommerce-pagination ul.page-numbers li a:not([aria-current="page"]):hover{
  text-decoration: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://soleildart.com/DroitdeRegard/wp-content/uploads/2025/09/poppins-v24-latin-regular.woff2') format('woff2'),
		url('https://soleildart.com/DroitdeRegard/wp-content/uploads/2025/09/poppins-v24-latin-regular.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://soleildart.com/DroitdeRegard/wp-content/uploads/2025/09/poppins-v24-latin-700.woff2') format('woff2'),
		url('https://soleildart.com/DroitdeRegard/wp-content/uploads/2025/09/poppins-v24-latin-700.woff') format('woff');
}
/* End Custom Fonts CSS */