/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2025 | 12:22:54 */
/* ===========================
   FONTS (Montserrat + Poppins pour side cart)
   =========================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Poppins:wght@300;400;500;600&display=swap');

/* ===========================
   TOP BAR
   =========================== */
/* Base robuste + prioritaire */
body .topbar-site {
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;

  background: #017E67 !important;   /* remet le vert */
  color: #fff !important;
  padding: 8px 12px !important;

  font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;       /* “gras” maîtrisé */
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  font-size: clamp(12px, 2.8vw, 16px) !important;

  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;

  position: sticky;                  /* top bar sticky */
  top: 0;
  z-index: 99999;                    /* au-dessus du header */
}

/* Lien/texte interne = blanc, pas de soulignement */
body .topbar-site *, 
body .topbar-site a {
  color: #fff !important;
  text-decoration: none !important;
}

/* Petite anim d’entrée optionnelle */
.topbar-text { 
  display: inline-block; 
  opacity: 0; 
  transform: translateX(-40px); 
  animation: textSlideIn 1s ease-out forwards; 
}
@keyframes textSlideIn { 
  from { opacity: 0; transform: translateX(-40px) } 
  to { opacity: 1; transform: translateX(0) } 
}

/* Mobile : taille/espacement adaptés */
@media (max-width: 768px) {
  body .topbar-site {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; /* force Montserrat mobile */
    font-weight: 600 !important;  /* un peu moins gras si tu veux */
    font-size: clamp(12px, 3.2vw, 16px) !important;
    padding: 6px 10px !important;
  }
}

/* ===========================
   GRILLE PRODUITS (WooCommerce)
   — Cartes propres, images carrées avec bandes auto
   =========================== */
.woocommerce ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: flex !important;
  flex-direction: column !important;
  gap: .5rem;
  height: 100%;
}

/* Conteneurs carrés (liste & carrousels courants: owl/slick) */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
.woocommerce ul.products.owl-carousel li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products.slick-slider li.product .woocommerce-LoopProduct-link,
.woocommerce .wc-carousel .product .woocommerce-LoopProduct-link {
  aspect-ratio: 1 / 1 !important;
  display: block !important;
}

/* Images centrées, non déformées, “bandes” auto via background */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product .wp-post-image,
.astra-shop-thumbnail-wrap img,
.woocommerce ul.products.owl-carousel li.product a img,
.woocommerce ul.products.slick-slider li.product a img,
.woocommerce .wc-carousel .product img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;          /* conserve les proportions */
  object-position: center center !important;
  display: block !important;
  background: #f5f5f5 !important;          /* couleur des bandes */
  border-radius: 6px;                       /* optionnel */
}

/* Sécurités */
.woocommerce ul.products li.product .ast-woo-product-gallery,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link img {
  max-width: 100% !important;
}

/* Titres : 2 lignes desktop / 3 mobile (évite les sauts de grille) */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.eael-product-title h1,
.eael-product-title h2,
.eael-product-title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.4em !important;
  min-height: calc(1.4em * 2) !important;
  margin: 0;
}
@media (max-width: 480px) {
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .eael-product-title h1,
  .eael-product-title h2,
  .eael-product-title a {
    -webkit-line-clamp: 3 !important;
    min-height: calc(1.4em * 3) !important;
  }
}

/* Prix et boutons stables */
.woocommerce ul.products li.product .price {
  line-height: 1.4em !important;
  min-height: 1.4em !important;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
  margin-top: auto !important;
}

/* ===========================
   PAGE PRODUIT : TITRE & BOUTON
   =========================== */
.product_title.entry-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #000 !important;
}
.single-product .entry-summary .single_add_to_cart_button {
  font-size: 16px !important;
  line-height: 1.2 !important;
  padding: 12px 20px !important;
  min-height: 44px !important;
  min-width: 160px !important;
  white-space: nowrap !important;
  width: auto !important;
  height: auto !important;
}
.single-product .entry-summary .quantity {
  margin-right: 10px !important;
  min-width: 84px !important;
}

/* ===========================
   STICKY ADD-TO-CART (Astra)
   =========================== */
.ast-sticky-add-to-cart .ast-sticky-add-to-cart__product-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 60vw;
  line-height: 1.3 !important;
  margin: 0 !important;
}
.ast-sticky-add-to-cart__buttons .single_add_to_cart_button {
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 16px !important;
  min-height: 42px !important;
  min-width: 140px !important;
  font-size: clamp(12px, 2.6vw, 14px) !important;
}
.ast-sticky-add-to-cart .quantity { min-width: 84px !important; }
.ast-sticky-add-to-cart__content { flex: 1 1 auto !important; min-width: 0 !important; }
.ast-sticky-add-to-cart__buttons { flex: 0 0 auto !important; }
@media (max-width: 480px) {
  .ast-sticky-add-to-cart .ast-sticky-add-to-cart__product-title { max-width: 44vw !important; }
}

/* TOP BAR non-sticky (désactive le collage en haut) */
body .topbar-site{
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}