/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
.current-price{color:#DF0D10;line-height:36px;font-size:1.4em}.input-color:checked+span{border:2px solid #DF0D10}.category-sub-menu li {font-size:.725rem}

/*
26.06.2025 label quantité fiche produit - taile de l'image
 */
label .color{display:inline-block;width:3.3rem;height:3.3rem;margin:.3125rem .5rem .3125rem .3125rem;cursor:pointer;background-size:contain;}

/* 
Webbax - tuto 25 devient sous PS9.0.0 subcategories 
*/
.subcategory-heading {
    font-weight: bold;
    text-align:center;
    padding-top:10px;
}
/*
subcategories
 */
#subcategories {
  margin-bottom: 20px;
  border-top: 1px solid #f6f6f6;
} 

#subcategories .subcategory-heading {
  margin-bottom: 20px;
  font-weight: 500;
  text-align: center;
  padding-top: 10px;
}

#subcategories p {
	font-size: .9375rem;
	color: #7a7a7a;
	margin-top: 0;
}
 
#subcategories ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 0px;
	padding-left: 0;
	list-style: none;
}
 
#subcategories ul li {
  text-align: center;
  font-size: 0.7rem;
  padding-left: 0;
  list-style: none;
  min-width: auto;
  margin: 10px;
}

#subcategories ul li .subcategory-name {
  text-transform: none;
}

#subcategories ul li img {
    margin-bottom: 10px;
    width: 90%;
}
/* 
For IE8 and earlier
 */
#subcategories ul li img:hover{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a{
  font-size: .725rem;
}
#js-product-list-header .block-category h1 {
	font-size: 1.6rem;
}
#js-product-list-header .category-cover picture img 
{
	height: max-content;
}
/* 
aggrandissement du label quantité dans le popup produit 
*/
.variant-links .color{
  width: 1.7rem;
  height: 1.7rem;
}
/*
 Slide, ça + uppercase enlevé dans le slider.tpl 
 */
.carousel .carousel-item .caption .display-1 {
	font-size: 2rem;
	font-weight: 300;
}
/*
 adaptation du module réassurance pour affichage bandeau remise 
 */
.blockreassurance_product .item-product {
	float: none;
	height: max-content;
	width: max-content;
}
.blockreassurance_product .item-product img {
  height: 100%;
  width: 100%;
}
.blockreassurance_product p.block-title {
  line-height: normal;
}
/* mobile */
@media screen and (max-width:600px){
    #subcategories ul li{
        width: 33%;
    }
}
