.elementor-749 .elementor-element.elementor-element-545e62e7:not(.elementor-motion-effects-element-type-background), .elementor-749 .elementor-element.elementor-element-545e62e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0b1524;}.elementor-749 .elementor-element.elementor-element-545e62e7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-749 .elementor-element.elementor-element-545e62e7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-749 .elementor-element.elementor-element-886a0b3{--display:flex;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-749 .elementor-element.elementor-element-9d13be3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-749 .elementor-element.elementor-element-9d13be3.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-749 .elementor-element.elementor-element-9d13be3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-749 .elementor-element.elementor-element-9d13be3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* ==========================================================================
   SALIN — CSS pour pages catégorie produit WooCommerce
   ==========================================================================
   À coller dans : Elementor > Site Settings > Custom CSS (global)
   OU dans Advanced > Custom CSS du template Archive si tu utilises
   le Theme Builder Elementor Pro pour construire l'archive produit.

   Prérequis : les variables --navy-900, --amber, --rust, --ecru, --steel
   doivent déjà être déclarées globalement (elles le sont si tu as suivi
   les fichiers salin-header.html / salin-footer.html précédents).
   Sinon, décommente le bloc :root ci-dessous.
   ========================================================================== */

/*
:root{
  --navy-900:#0b1524; --navy-800:#0f1b2e; --navy-700:#182946; --navy-600:#233a5e;
  --amber:#f0a831; --amber-soft:#f7c877; --rust:#c9612c; --ecru:#f3efe4; --steel:#8b94a3;
  --radius:14px; --ease:cubic-bezier(.22,.7,.2,1);
}
*/

/* --------------------------------------------------------------------------
   1. En-tête de catégorie (titre + description WooCommerce)
   -------------------------------------------------------------------------- */
.woocommerce-products-header,
.term-description-wrapper{
  background:radial-gradient(circle at 78% 20%, #16264a 0%, var(--navy-800) 45%, var(--navy-900) 100%);
  color:#fff;
  padding:64px 28px 48px;
  margin:0 0 40px;
}
.woocommerce-products-header__title.page-title{
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(28px,3.6vw,42px);
  color:#fff;
  margin:0 0 12px;
  max-width:640px;
}
.term-description{
  color:rgba(255,255,255,.68);
  font-size:15.5px;
  max-width:540px;
  font-family:'IBM Plex Sans',sans-serif;
}
.woocommerce-breadcrumb{
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  color:rgba(255,255,255,.5);
  margin-bottom:18px;
}
.woocommerce-breadcrumb a{color:rgba(255,255,255,.7);text-decoration:none;}
.woocommerce-breadcrumb a:hover{color:var(--amber);}

/* --------------------------------------------------------------------------
   2. Barre de tri / résultats
   -------------------------------------------------------------------------- */
.woocommerce-result-count{
  font-family:'IBM Plex Mono',monospace;
  font-size:12.5px;
  color:var(--steel);
}
.woocommerce-ordering select{
  font-family:'IBM Plex Sans',sans-serif;
  border:1px solid rgba(11,21,36,.15);
  border-radius:999px;
  padding:8px 16px;
  font-size:13.5px;
  background:#fff;
}
.woocommerce-ordering select:focus{outline:2px solid var(--amber);}

/* --------------------------------------------------------------------------
   3. Grille de produits
   -------------------------------------------------------------------------- */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:22px;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.woocommerce ul.products li.product{
  width:100% !important;
  margin:0 !important;
  background:#fff;
  border:1px solid rgba(11,21,36,.08);
  border-radius:var(--radius);
  overflow:hidden;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
  float:none !important;
  position:relative;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 40px -18px rgba(11,21,36,.28);
}

/* Vignette produit */
.woocommerce ul.products li.product a img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  margin:0 !important;
  border-radius:0 !important;
  background:var(--navy-800);
}

/* Badge "Sale" — reste discret, pas de style "urgence" */
.woocommerce span.onsale{
  position:absolute !important;
  top:14px !important; left:14px !important; right:auto !important; bottom:auto !important;
  width:auto !important; height:auto !important; min-width:0 !important; min-height:0 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  background:var(--rust) !important; color:#fff !important;
  font-family:'IBM Plex Mono',monospace !important; font-size:10.5px !important; font-weight:400 !important;
  text-transform:uppercase !important; letter-spacing:.04em !important;
  border-radius:6px !important; padding:4px 9px !important; line-height:1.4 !important;
  margin:0 !important; text-align:left !important; white-space:nowrap !important;
  z-index:2 !important;
}

/* Corps de la carte */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product a .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
  font-family:'Space Grotesk',sans-serif !important;
  font-size:16.5px !important;
  font-weight:600 !important;
  color:var(--navy-900) !important;
  text-decoration:none !important;
  padding:18px 20px 0 !important;
  margin:0 0 6px !important;
  line-height:1.3 !important;
}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title{
  color:var(--rust) !important;
}
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price bdi{
  font-family:'Space Grotesk',sans-serif !important;
  font-weight:700 !important;
  font-size:17px !important;
  color:var(--navy-900) !important;
  padding:0 20px;
  display:block;
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount{
  color:var(--steel) !important;
  opacity:.7;
  font-weight:400 !important;
  margin-right:8px;
  text-decoration:line-through !important;
}
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount{
  text-decoration:none !important;
  color:var(--rust) !important;
  font-weight:700 !important;
}

/* Bouton Ajouter au panier / Angebot */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:16px 20px 20px;
  padding:10px 20px;
  border-radius:999px;
  background:var(--amber) !important;
  color:var(--navy-900) !important;
  font-family:'Space Grotesk',sans-serif;
  font-weight:600;
  font-size:13.5px;
  border:none;
  transition:background .25s var(--ease), transform .25s var(--ease);
}
.woocommerce ul.products li.product .button:hover{
  background:var(--amber-soft) !important;
  transform:translateY(-2px);
}
.woocommerce ul.products li.product .added_to_cart{
  margin:0 20px 16px;
  font-size:12.5px;
  font-family:'IBM Plex Mono',monospace;
  color:var(--steel);
}

/* Chips d'attributs produit (si tu affiches des attributs courts sous le titre
   via un champ ACF ou le short description) */
.woocommerce ul.products li.product .salin-chip{
  display:inline-block;
  font-family:'IBM Plex Mono',monospace;
  font-size:10.5px;
  background:var(--ecru);
  border:1px solid rgba(11,21,36,.1);
  padding:3px 8px;
  border-radius:6px;
  color:#374151;
  margin:8px 20px 0 20px;
}

/* --------------------------------------------------------------------------
   4. Filtres (sidebar attributs, prix — si widgets WooCommerce utilisés)
   -------------------------------------------------------------------------- */
.widget_price_filter .price_slider_amount .button{
  background:var(--navy-900) !important;
  border-radius:999px;
  font-family:'Space Grotesk',sans-serif;
  font-weight:600;
  font-size:12.5px;
}
.widget_price_filter .ui-slider .ui-slider-range{background:var(--amber);}
.widget_price_filter .ui-slider .ui-slider-handle{
  background:var(--navy-900);
  border:2px solid var(--amber);
}
.widget_layered_nav ul li a,
.widget_product_categories ul li a{
  font-family:'IBM Plex Sans',sans-serif;
  font-size:14px;
  color:#374151;
}
.widget_layered_nav ul li.chosen a,
.widget_product_categories ul li.current-cat > a{
  color:var(--rust);
  font-weight:600;
}

/* --------------------------------------------------------------------------
   5. Pagination
   -------------------------------------------------------------------------- */
.woocommerce-pagination ul.page-numbers{
  display:flex;
  gap:8px;
  list-style:none;
  padding:0;
  margin:40px 0 0;
}
.woocommerce-pagination .page-numbers li span.page-numbers,
.woocommerce-pagination .page-numbers li a.page-numbers{
  display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;
  border-radius:50%;
  font-family:'IBM Plex Mono',monospace;
  font-size:13px;
  color:var(--navy-900);
  border:1px solid rgba(11,21,36,.12);
  background:#fff;
}
.woocommerce-pagination .page-numbers li .current{
  background:var(--navy-900);
  color:#fff;
  border-color:var(--navy-900);
}
.woocommerce-pagination .page-numbers li a:hover{
  border-color:var(--amber);
  color:var(--rust);
}

/* --------------------------------------------------------------------------
   6. Conteneur général (aligne la largeur sur le reste du site)
   -------------------------------------------------------------------------- */
.woocommerce.archive .content-area,
.woocommerce-page.archive .content-area{
  max-width:1180px;
  margin:0 auto;
  padding:0 28px;
}
@media(max-width:720px){
  .woocommerce.archive .content-area,
  .woocommerce-page.archive .content-area{ padding:0 20px; }
  .woocommerce-products-header{ padding:48px 20px 36px; }
}

/* --------------------------------------------------------------------------
   7. Bouton "Angebot anfragen" (ajouté par salin-angebot-button.php)
   -------------------------------------------------------------------------- */
.woocommerce ul.products li.product .salin-quote-btn{
  display:inline-flex !important;
  align-items:center; gap:8px;
  margin:0 20px 20px !important;
  padding:9px 18px !important;
  border-radius:999px !important;
  background:transparent !important;
  color:var(--navy-900) !important;
  border:1.5px solid rgba(11,21,36,.25) !important;
  font-family:'Space Grotesk',sans-serif !important;
  font-weight:600 !important;
  font-size:12.5px !important;
  text-decoration:none !important;
  transition:border-color .25s var(--ease), color .25s var(--ease);
}
.woocommerce ul.products li.product .salin-quote-btn:hover{
  border-color:var(--rust) !important;
  color:var(--rust) !important;
}
/* Empile les deux boutons proprement sous chaque carte */
.woocommerce ul.products li.product .button + .salin-quote-btn{
  margin-top:-10px !important;
}/* End custom CSS */