/*
Theme Name: AXESS E-commerce
Template: axess
Description: Thème enfant de axess pour WooCommerce en mode catalogue.
Author: Bertrand Dancoisne
*/


/* Produit : titre, description, etc.. */

.product_title.entry-title {
  display: block;
}

.product_title {
  font-family: "Impact", sans-serif;
  font-weight: normal;
  font-size: 51px;
  color: #1d1d1b;
  text-transform: none !important;
}


/* sommaire produits */

.ba-category {padding-bottom: 50px;}
.ba-category h2 {
  font-family: "Impact", sans-serif;
  font-weight: normal;
}

.ba_products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px; /* espace entre les boîtes */
}

.ba_product_sommaire {
  padding:0px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  text-align: left;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.ba_product_sommaire a {
  color:black;
}

.ba_product_image {
  width:100%;
  min-height: 300px;
  background-size: cover;
  background-position: center;
}

.ba_product_content{
  padding:10px;
}

.ba_product_content div {text-align:center;}

.ba_product_sommaire ul {  
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  font-weight:300;
}

.ba_product_sommaire li {  
  border-bottom: 1px solid #c0c0c0;
}

/* Elements de la fiche produit */

.blockaxess_product_tags, .product-brands, .woocommerce_product_description, .blockaxess_product_tags, .ba-product, .up-sells, .elementor-widget-container  {font-family: din-condensed, sans-serif;}

.up-sells a:visited, .ba-product a:visited, .ba-all-products a:visited {color:black;}

.product-brands h2 {
  font-weight: 300;
  font-size: 36px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  margin-top:-30px;
}

ul.ba_avantages {list-style-type: none;}

img.avantage-icon {
  float:inline-grid;
  width: 50px;
  margin: 0 10px 5px; 0;
}

.woocommerce_product_description ul, .blockaxess_product_tags ul, ul.ba_avantages {
  margin-left: 0;
  padding-left: 0;
  list-style-position: inside;
  font-weight:300;
}

.blockaxess_product_tags ul {list-style-image : url(https://www.blockaxess.com/wp-content/uploads/2025/09/fleche.svg); }

.ba-product a img {
  width:30px;
  margin-right: 10px;
  border-radius: 8px;
}
 .upsells a img {
  border-radius: 8px;
}

.upsells a {color:black;text-align: center;}

.ba-product {
  padding-bottom: 20px;
  border-bottom: 1px solid;
}
.ba-all-products a {
  font-weight: 300;
  padding-top: 20px;
  padding-bottom: 20px;
  color:black;
}

a.button.ba-rouge {background: #e20613; color:white;}
a.button.ba-rouge:hover {background: #000000;color:white;}

td.woocommerce-product-attributes-item__value {width:50%;}

.product-pdf-download {text-align: center;}
.product-pdf-download a {
  padding:10px;
  background: #000000;
  font-family: "Impact", sans-serif;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 22px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
.product-pdf-download a:hover {
  padding:10px;
  background: #c0c0c0;;
}

/* Images produits */

.flex-control-thumbs li img {padding-right: 5px; padding-top:5px;}
.woocommerce-product-gallery__image img {padding-right: 5px; }

/* Certifications */

.blockaxess_certifications {text-align: center}
.blockaxess_certifications img {
  width:80px;
  height:80px;
  padding: 5px;
}

/*vidéos des fiches produits*/
.ba_videoslist {margin: 50px auto;}
.ba-videos-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 10px;      
        }
.ba-videos-grid .ba-video-item iframe {
            width: 100%;
            aspect-ratio: 16/9;
            height: auto;
            border-radius: 8px;
        }
div.ba-video-wrapper img { border-radius: 8px;}
.ba-video-title {
            margin: 10px 0 5px;
            font-size: 1rem;
            font-weight: 600;
        }
.ba-video-desc {
            font-size: 0.9rem;
            color: #555;
        }

@media (max-width: 767px) {
	.product_title {font-size: 38px;}
	.product-brands h2  {font-size: 30px;}
	td.woocommerce-product-attributes-item__value {width:40%;}
}