/*@import url('https://fonts.googleapis.com/icon?family=Material+Icons');*/

#mask-page-total{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index:10000000;
	display:none;
}

#mask-page-total .bt-fermer{
	position:absolute;
	top:10px;
	right:10px;
	height:40px;
	width:40px;
	background-image:url(/themes/kimply/assets/img/times-light.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center top;
	cursor:pointer;
}



#mask-page .bt-fermer.black{
    background-image:url(/themes/kimply/assets/img/times-light-black.svg);
}

#mask-page-total .bt-fermer.black{
    background-image:url(/themes/kimply/assets/img/times-light-black.svg);
}


/********************** MODIFS JD 07/25 ************************/
.truncated-text-wrapper {
  position: relative;
}

.truncated-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: max-height 0.3s ease;
  max-height: 4.5em; /* Ajuste selon ta font-size/line-height */
}

.truncated-text.expanded {
  display: block;
  max-height: none;
  -webkit-line-clamp: unset;
}

.see-more-btn {
  background: transparent;
  color: #007bff;
  border: none;
  cursor: pointer;
  margin: 15px 0 0;
  padding: 0;
  font-weight: bold;
  text-transform: uppercase;
  color: #A90D81;
  font-size: 16px;
}

.bloc_produit_secondaire{
    border: 1px solid #a5037c;
    background: #FFF9FD;
    border-radius: 10px;
    margin: 24px 0;
    padding: 30px;
}

.bloc_produit_secondaire .gauche{
	display: flex;
	align-items: center;
	gap: 30px;
	margin: 0 0 30px;
}

.bloc_produit_secondaire .gauche img{
	width: 150px;
	height: auto;
}

.base-price{
  position: absolute !important;
  left: -9999px;
}

.length-input{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.length-input input{
	margin: 0;
}

.secondary-product-block {
    margin: 20px 0;
    border: 1px solid #dee2e6;
    border-radius: 8px;
}

.secondary-product-image {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

.secondary-product-title {
    color: #333;
    margin-bottom: 10px;
}

.secondary-product-description {
    color: #666;
    font-size: 14px;
    margin-bottom: 15px;
}

.secondary-product-pricing {
    margin-bottom: 15px;
}

.calculated-price {
    color: #000;
    text-transform: uppercase;
    strong{
        font-size: 34px;
        line-height: 34px;
        font-weight: 700;
    }
    span{
        font-size: 24px;
        line-height: 34px;
        font-weight: 700;
    }
}

#add-secondary-to-cart {
    padding: 10px 20px;
    font-weight: bold;
}

.bloc_produit_secondaire-infos{
    border: 1px solid #DADADA;
    border-radius: 10px;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bloc_produit_secondaire-infos .row{
    display: flex;
    align-items: center;
}

.bloc_produit_secondaire-infos h2{
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	margin: 0;
}

.bloc_produit_secondaire-infos .image{
    display: flex;
    justify-content: end;
    align-items: center;
}

.bloc_produit_secondaire-infos .image img{
    width: 30%;
}

.bloc_produit_secondaire-infos a{
	margin: 0 ;
}


@media (max-width: 768px) {
    .bloc_produit_secondaire-infos .row{
        display: block;
        align-items: initial;
    }

    .bloc_produit_secondaire-infos .image img{
        width: 100%;
        margin: 0 0 10px;
    }
}

/********************** MODIFS JD 07/25 ************************/


.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    width: 30px;
    height: 30px;
    position: relative;
    font-size: 0;
}

/* Reset du contenu FA */
.owl-carousel .owl-nav .owl-prev:before,
.owl-carousel .owl-nav .owl-next:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
}

/* Flèche gauche */
.owl-carousel .owl-nav .owl-prev:before {
    background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 6L9 12L15 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
}

/* Flèche droite */
.owl-carousel .owl-nav .owl-next:before {
    background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
}