/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* 2 produits par ligne en mobile */
@media (max-width:575.98px){
  .two-mobile .product_block{
    flex:0 0 50%;
    max-width:50%;
  }
}






/* Catalogue / cartes produit */
.product-miniature .deo-attr-item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:32px;
  min-height:32px;
  padding:6px 10px;
  font-size:14px;
  line-height:1;
  border-radius:6px;
}

/* Conteneur des boutons = CENTRE */
.product-miniature .group-values{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  width:100%;
  justify-content:center !important;  /* centre */
  align-items:center;
}

/* Fiche produit */
.product-variants .deo-attr-item{
  min-width:48px;
  min-height:40px;
  padding:6px 12px;
  font-size:15px;
}




/* Desktop */
#_desktop_logo img,
.header-logo img,
.logo img{
  width: 45% !important;   /* mets 8% ici */
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  display: block;
  }




/* Centrer le logo uniquement sur mobile */
@media (max-width: 576px){
  .logo-center-mobile{ 
    text-align: center !important;
    display: flex; 
    justify-content: center !important; 
  }
  .logo-center-mobile img{
    display: block;
    margin: 0 auto !important;
    height: auto;
    max-width: 100%;
  }
}




/* Réduire le logo en % uniquement sur ordinateur */
@media (min-width: 992px){
  .logo-desktop-pct img{
    width: var(--logo-pct, 15%) !important; /* change 20% selon besoin */
    height: auto !important;
    max-width: none !important;
  }
}




.image-center-2{
  display:flex;
  justify-content:center !important;
  align-items:center;
  text-align:center;
}
.image-center-2 img{
  display:block;
  margin:0 auto !important;
  max-width:100%;
  height:auto;
}

  
  
  
  
  
  
  :root{ --orange:#EA5B34; }
.product-miniature .add-to-cart.btn,
.product-add-to-cart .add-to-cart.btn,
.btn.btn-primary.add-to-cart,
button.ajax_add_to_cart_button,
a.ajax_add_to_cart_button{
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  color:#fff !important;
}

				
				
				
				
				/* Casser le lien vers la fiche produit (image + titre) */
.product-miniature a.product-thumbnail,
.product-miniature .thumbnail.product-thumbnail,
.product-miniature h3.product-title a,
.product-miniature .product-title a{
  pointer-events: none !important;
  cursor: default !important;
}

				
				
				
				
				
				
				
				
				
				
				
/* Annule toute hauteur forcée posée avant */
ul.product_list h3.product-title,
ul.product_list .product-title{
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  overflow:visible !important;
}

/* Forcer exactement 2 lignes sur le lien du titre */
ul.product_list h3.product-title a,
ul.product_list .product-title a{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  white-space:normal !important;
  line-height:1.3 !important;
  max-height:calc(2 * 1.3em) !important;
  text-overflow:ellipsis !important;
}



				
				
				
				
				
				
/* Checkout > chaque moyen de paiement sur une seule ligne */
#checkout .payment-options .payment-option{
  display:grid !important;
  grid-template-columns: auto 1fr auto; /* radio | libellé | logos */
  align-items:center !important;
  gap:.6rem;
}

/* Radio */
#checkout .payment-options .payment-option input[type="radio"]{
  grid-column:1;
  width:18px; height:18px; margin:0;
}

/* Libellé */
#checkout .payment-options .payment-option label{
  grid-column:2;
  display:flex !important; align-items:center !important;
  margin:0 !important; white-space:nowrap;
}

/* Logos/badges placés à droite du label
   (fonctionne pour PS Checkout, PayPal, CB, etc.) */
#checkout .payment-options .payment-option label + *{
  grid-column:3;
  display:inline-flex !important; align-items:center !important;
  white-space:nowrap;
  margin:0 !important;
}

/* Uniformise la hauteur des logos */
#checkout .payment-options .payment-option label + * img,
#checkout .payment-options .payment-option .ps_checkout-method-logo,
#checkout .payment-options .payment-option .paypal-logo{
  height:22px; display:inline-block; vertical-align:middle;
}

/* Si une option n'a pas de logos, la colonne 3 se replie */
#checkout .payment-options .payment-option > :last-child:empty { display:none; }