/* 
Theme Name: Hello Elementor Child
*/

/* tout les carousel de produit, il se peut que le titre au dessus du carousel soit aussi gerer dans ce fichier */

#mobile-product-carousel .ue-carousel-item.ue-grid-item {border: none!important;}
#mobile-product-carousel .ue-carousel-item.ue-grid-item .product-card { padding: 0!important}

/* effet hover */
.custom-link:hover + .container-card-product{
    /*box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px!important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px!important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px!important;*/
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px!important;
    

}

.container-card-product {
    overflow: hidden!important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
   

/* product loop grid product weight */
.product-weight { color: #686868; font-size: 0, 825rem !important; font-family: 'Montserrat';}
.product-brand-loop a { font-weight: var(--e-global-typography-primary-font-weight) !important; text-transform: capitalize !important; }
.product-brand-loop a, .product-title .elementor-heading-title , .product-short-desc-loop > div { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.product-price:has(del) .elementor-heading-title { display: flex!important; flex-direction: row-reverse!important; column-gap: 20px; }
.product-price ins { text-decoration: none!important;}
.product-price del .woocommerce-Price-amount.amount{ 
  color: rgba(35, 31, 32, 0.70);
  font-family: Montserrat;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.product-brand-loop a {  -webkit-line-clamp: 1; }
.product-title .elementor-heading-title { -webkit-line-clamp: 2; }
.product-short-desc-loop > div {
  -webkit-line-clamp: 2;
  margin: 0!important;
  color: #000!important;
  font-family: Montserrat!important;
  font-size: 1rem!important;
  font-style: normal!important;
  font-weight: 400!important;
  line-height: normal!important;
}

/* block produit grid et carousel */
.incontournable-before {position: relative;}
.incontournable-before::before {
  position: absolute;
  content: '';
  width: 100%;
  background-image: url('https://hexagone.logia-web.fr/wp-content/uploads/2026/05/Calque_1.webp');
  inset: inset;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 500px;
  background-position: 100% 0px;
}
@media all and (max-width:767px) {
	.incontournable-before::before {
opacity:0.4;
}

}
/* page boutique */
.carousel-logo-brand .uc_logo_marquee .uc_marquee.uc-items-wrapper .uc_logo_marquee_holder {max-width: 180px!important;}
h1.title-page-product-tax {
  color:  #29398D!important;
  font-family: var(--e-global-typography-primary-font-family);
  font-size: 61.992px!important;
  font-style: normal!important;
  font-weight: 500!important;
  line-height: normal!important;
  text-transform: uppercase!important;
}
.surtitle-page-product-tax {
  color:  #000!important;
  font-family: var(--e-global-typography-primary-font-family)!important;
  font-size: 31px!important;
  font-style: normal!important;
  font-weight: 500!important;
  line-height: normal!important;
  text-transform: capitalize!important;
}
body:not(.archive.tax-product_brand) .elementor-element.show-only-on-brand {
  display: none!important;
  border: solid red 3px!important;
}
body.archive .incontournable-before::before { background-size: 400px; background-position: 100% 100%;}

/*  TABLETTE */
@media (max-width: 1024px) {
    /* autre */
    .incontournable-before::before {  background-size: 250px!important;}

    /* carte produit carousel et grid */
    .product-card .product-title .elementor-heading-title.elementor-size-default,
    .product-card .product-price .elementor-heading-title.elementor-size-default,
    .before-title span.elementor-heading-title.elementor-size-default { font-size: 1.25rem!important; }
    .product-card .product-brand-loop .elementor-heading-title.elementor-size-default,
    .product-card .product-short-desc-loop, p {font-size: 0.875rem!important; }
    .product-card .product-weight, .product-card  .add_to_cart_button { font-size: 1rem!important; }
    .product-card .product-price { width: auto!important; flex-grow: initial!important; }
    .product-card .product-info { padding: 20px!important; min-height: 210px!important; }
}