.elementor-9488 .elementor-element.elementor-element-7c0e697d{--display:flex;}.elementor-9488 .elementor-element.elementor-element-16c9c5d2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9488 .elementor-element.elementor-element-57f15e6{--display:flex;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-global{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-9488 .elementor-element.elementor-global-49024 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9488 .elementor-element.elementor-global-49024 a{color:var( --e-global-color-primary );}.elementor-9488 .elementor-element.elementor-global-49024 a:hover{color:var( --e-global-color-secondary );}.elementor-9488 .elementor-element.elementor-element-65d735e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:-15px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9488 .elementor-element.elementor-element-bb0d8bf{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9488 .elementor-element.elementor-element-bb0d8bf.e-con{--align-self:center;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9488 .elementor-element.elementor-element-7747a6d6{width:auto;max-width:auto;}.elementor-9488 .elementor-element.elementor-element-7747a6d6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9488 .elementor-element.elementor-element-7747a6d6 .elementor-heading-title{font-family:"Asap", Sans-serif;font-size:32px;font-weight:600;text-transform:uppercase;}.elementor-9488 .elementor-element.elementor-element-59f64b00{--display:flex;}.elementor-9488 .elementor-element.elementor-element-20e0fac7{--grid-template-columns:repeat(0, auto);width:100%;max-width:100%;--icon-size:24px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-9488 .elementor-element.elementor-element-20e0fac7 .elementor-widget-container{text-align:right;}.elementor-9488 .elementor-element.elementor-element-785336ea{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9488 .elementor-element.elementor-element-197db382{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-9488 .elementor-element.elementor-element-7108c0c{--grid-columns:3;--grid-row-gap:5px;--grid-column-gap:5px;}.elementor-9488 .elementor-element.elementor-element-7108c0c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9488 .elementor-element.elementor-element-7108c0c .elementor-loop-container{grid-auto-rows:1fr;}.elementor-9488 .elementor-element.elementor-element-7108c0c .e-loop-item > .elementor-section, .elementor-9488 .elementor-element.elementor-element-7108c0c .e-loop-item > .elementor-section > .elementor-container, .elementor-9488 .elementor-element.elementor-element-7108c0c .e-loop-item > .e-con, .elementor-9488 .elementor-element.elementor-element-7108c0c .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(min-width:768px){.elementor-9488 .elementor-element.elementor-element-197db382{--width:100%;}}@media(max-width:1024px){.elementor-9488 .elementor-element.elementor-element-7747a6d6 .elementor-heading-title{font-size:30px;}.elementor-9488 .elementor-element.elementor-element-7108c0c{--grid-columns:2;}}@media(max-width:767px){.elementor-9488 .elementor-element.elementor-element-7747a6d6 .elementor-heading-title{font-size:24px;}.elementor-9488 .elementor-element.elementor-element-20e0fac7{--icon-size:17px;}.elementor-9488 .elementor-element.elementor-element-7108c0c{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-7108c0c *//* --- Boutons switch --- */
.view-switch{display:flex;gap:8px;align-items:center;margin:8px 0 16px}
.view-switch button{padding:8px 12px;border:1px solid #ddd;border-radius:10px;background:#fff;cursor:pointer}
.view-switch button.is-active{border-color:#111}

/* --- Grille 3 colonnes propre --- */
#catalog .e-loop__container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

/* Carte produit générique Elementor */
#catalog .e-loop-item{background:#fff;border:1px solid #eee;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:16px;transition:transform .15s ease, box-shadow .15s ease}
#catalog .e-loop-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.10)}
#catalog .e-loop-item img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block}

/* Titre + texte + prix + CTA (génériques) */
#catalog .e-loop-item .elementor-heading-title{margin:0 0 6px;line-height:1.25}
#catalog .e-loop-item .price{font-weight:800;font-size:1.25rem;margin:4px 0 8px}
#catalog .e-loop-item .button,
#catalog .e-loop-item .add_to_cart_button,
#catalog .e-loop-item .product_type_variable{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;background:#111;color:#fff;border:0}
#catalog .e-loop-item .product_type_variable{ /* "Select options" → même style que CTA */ }

/* --- Mode LISTE (image à gauche, texte à droite) --- */
#catalog.list .e-loop__container{grid-template-columns:1fr}          /* 1 item par ligne */
#catalog.list .e-loop-item{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center;padding:16px}
#catalog.list .e-loop-item img{width:220px;aspect-ratio:auto}
#catalog.list .e-loop-item .elementor-widget-image{grid-column:1}
#catalog.list .e-loop-item .elementor-widget:not(.elementor-widget-image){grid-column:2}

/* 2 lignes d’extrait max (si description courte présente) */
#catalog .elementor-widget-text-editor{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Badges pills génériques (si tu ajoutes un widget texte en haut) */
.badge-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;border:1px solid #ddd;background:#fafafa;margin-right:6px}

/* Responsive */
@media (max-width:1024px){
  #catalog .e-loop__container{grid-template-columns:1fr 1fr}
  #catalog.list .e-loop-item{grid-template-columns:140px 1fr}
}
@media (max-width:640px){
  #catalog .e-loop__container{grid-template-columns:1fr}
  #catalog.list .e-loop-item{grid-template-columns:1fr}
}
/* Coins nets + hover un peu plus visible */
#catalog .e-loop-item{
  overflow: hidden; /* arrondis propres */
}
#catalog .e-loop-item:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0,0,0,.14);
  border-color: #e5e5e5;
}

/* --- LISTE desktop : image = 40% bornée, tout le reste en colonne 2 --- */
@media (min-width:1025px){
  /* 40% / 60% avec bornes pour éviter l'effet trop grand/trop petit */
  #catalog.list .e-loop-item{
    display: grid;
    grid-template-columns: clamp(220px, 40%, 360px) 1fr;
    gap: 20px;
    align-items: center;
  }

  /* Cibler l'image, quel que soit le widget employé */
  #catalog.list .e-loop-item .elementor-widget-image,
  #catalog.list .e-loop-item .elementor-widget-woocommerce-product-images{
    grid-column: 1;
  }
  #catalog.list .e-loop-item .elementor-widget:not(.elementor-widget-image):not(.elementor-widget-woocommerce-product-images){
    grid-column: 2;
  }

  /* Image qui ne déborde pas */
  #catalog.list .e-loop-item img{
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
  }
}

/* Mobile/tablette : on repasse en pile */
@media (max-width:1024px){
  #catalog.list .e-loop-item{ grid-template-columns: 1fr; }
}

/*Css bouton*/



/* Hover : pad un peu grisé + léger lift */
#catalog .e-loop-item .elementor-button:hover,
#catalog .e-loop-item a.button:hover,
#catalog .e-loop-item button.button:hover,
#catalog .e-loop-item a.add_to_cart_button:hover,
#catalog .e-loop-item a.product_type_variable:hover{
  --pad-bg:#f3f3f3;
  transform:translateY(-1px);
  background-color: #FF9A4D;
  color: #000;border:1px solid #111; 
}

/* Clic (active) : remet au niveau + léger dim */
#catalog .e-loop-item .elementor-button:active,
#catalog .e-loop-item a.button:active,
#catalog .e-loop-item button.button:active{
  transform:translateY(0);
  filter:brightness(.96);
}

/* État AJAX en cours */
#catalog .e-loop-item a.add_to_cart_button.loading{
  background:#555; border-color:#555; cursor:wait; opacity:.98;
  --pad-bg:#efefef;
}
#catalog .e-loop-item a.add_to_cart_button.loading::after{
  content:""; width:14px; height:14px; margin-left:8px; display:inline-block;
  border-radius:50%; border:2px solid currentColor; border-right-color:transparent;
  animation:spin .8s linear infinite; vertical-align:-2px;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* État "ajouté" (sélectionné) : vert + pad vert pâle + check */
#catalog .e-loop-item a.add_to_cart_button.added,
#catalog .e-loop-item a.added_to_cart{
  background:#0e8a46; border-color:#0e8a46; color:#fff;
  --pad-bg:#e8f6ee;
}
#catalog .e-loop-item a.add_to_cart_button.added::after{
  content:"✓"; font-weight:700; margin-left:10px;
}

/* Masquer le lien Woo "Voir le panier" qui s'ajoute après */
#catalog .e-loop-item a.added_to_cart{ display:none; }/* End custom CSS */