/* ALL */
.card-title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}


/* SLIDER IMAGE */
.splide__slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.splide__slide {
    opacity: 0.6;
}

.splide__slide.is-active {
    opacity: 1;
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: none;
}

.thumbnails {
    margin: 1rem auto 0;
    padding: 0;
    justify-content: center;
}

/* INFO PRODUIT */
.box-produit-infos .lien {
    color: var(--color-bleu);
    text-decoration: underline;
}

.box-produit-infos .lien:hover {
    color: var(--color-bleu-strong);
    text-decoration: underline;
}

.box-produit-infos .box-titre {
    font-size: 2rem;
    font-weight: 600;
    border-bottom: 1px solid var(--color-background);
}

.box-produit-infos .box-fabricant img {
    max-height: 45px;
}

.box-produit-infos .box-info-stock {
    font-size: 1.1rem;
    font-weight: 600;
}

.box-info-stock .stock_ok {
    color: darkgreen;
}

.box-info-stock .stock_reapro {
    color: #d97700;

}

.box-info-stock .stock_rupture {
    color: var(--color-rouge);
}

.box-produit-infos  .plus-infos {
    text-decoration: underline;
    color: var(--color-bleu);
}

.box-produit-infos  .plus-infos:hover {
    color: var(--color-bleu-strong);
}

.box-attributs .reset {
    color: var(--color-bleu);
}

.box-attributs .reset:hover {
    text-decoration: underline;
}

.box-attributs .nom-attribut {
    margin: auto 0;
}

.box-attributs .no-option {
    color: var(--color-text-no-focus);
}

.box-prix-top .titre {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--color-bleu-strong);
}

.box-prix {
    font-weight: 600;
    color: var(--color-rouge);
    font-size: 2.3rem;
}

.box-prix-bottom .subtitre  {
    color: var(--color-bleu-strong);
    font-size: 1.3rem;
}

.box-prix .sans-promo.barre {
    text-decoration: line-through;
    font-size: 1.6rem;
    margin-top: .9rem;
}

.favori {
    font-weight: 600;
    text-decoration: underline;
    color: var(--color-rouge);
    transition: all 0.2s ease-in-out;
}

.favori:hover{
    text-decoration: underline;
    color: var(--color-rouge-strong);
    transition: all 0.2s ease-in-out;
}

.favori:hover .active {
    display: none;
}

.favori:hover .onHover {
    display: block !important;
}

.box-add .box-quantite select{
    height: 100%;
}

.box-add .btn-add {
    background: var(--color-bleu-light);
    border-radius: 10px;
    color: white;
    font-size: 1.2rem;
    padding: 0.5rem 1.7rem;
    transition: all 0.2s ease-in-out;
}

.box-add .btn-add:hover {
    background: var(--color-bleu-strong);
    transition: all 0.2s ease-in-out;
}

/* VARIATIONS + DETAILS + FICHIER */
.background-image {
    position: relative;
    z-index: 0;
    background-color: #8BB2C960;
    background-image: linear-gradient(180deg, rgba(139, 178, 201, 0.1) 0%,rgba(139, 178, 201, 0.1) 100%), url(/img/index/categorie-background.png)!important;
}

.box-reference {
    max-height: 590px;
}

.table-web {
    overflow: auto;
}

.table-mobile {
    overflow: hidden;
}

.voir-plus {
    font-size: 1.2rem;
    color: var(--color-bleu);
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.9) 70%,
        rgba(255, 255, 255, 1) 100%);
}

.variations .box-prix-variation {
    font-weight: 600;
    color: var(--color-rouge);
    font-size: 1.3rem;
}

.box-prix-variation .prix.promoIsActived {
    text-decoration: line-through;
    font-size: 1rem;
    margin-top: .3rem;
}

.variations .box-quantite {
    width: 70px;
}

.variations .btn-add {
    background: var(--color-bleu-light);
    border-radius: 10px;
    color: white;
    transition: all 0.2s ease-in-out;
}

.variations .btn-add:hover {
    background: var(--color-bleu-strong);
    transition: all 0.2s ease-in-out;
}

/* DETAILS DU PRODUIT */
.details p {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.details .liste-details {
    background-color: var(--color-background);
    border-radius: 20px;
}

.details .btn-detail {
    font-size: 1.3rem;
    width: 22rem;
    color: #4e4e4e;;
    border-radius: 20px;
    transition: all 0.2s ease-in-out;
}

.details .btn-detail:hover {
    color: white;
    background: var(--color-bleu-strong);
    transition: all 0.2s ease-in-out;
}

.details .btn-detail.active {
    color: white;
    background: var(--color-bleu-strong);
}

.detail-section:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 1.5rem;
}

.detail-title {
    font-weight: 600;
    font-size: 1.3rem;
}

.detail-content p {
    margin-bottom: 0.5rem;
}

/* DOCUMENTATIONS */
.fichiers .fichier {
    font-size: 1.3rem;
}

/* PRODUITS SIMILAIRES */
.produits-similaires {
    padding: 2rem 0;
}

/* Ajout dynamique */
.btn-add.success {
    background: darkgreen !important;
    transition: all 0.2s ease-in-out;
}

/* RESPONSIVE */
@media (max-width: 1200px) { /* xl */
    .details .btn-detail {
        width: 18rem;
    }
    .w-xl-100 {
        width: 100%;
    }
}

@media (max-width: 992px) { /* lg */
    .details .btn-detail {
        width: 13rem;
        font-size: 1rem;
    }
}

@media (max-width: 768px) { /* md */
    .card-title {
        font-size: 1.6rem;
        margin-bottom: 0.8rem;
    }
    .details .btn-detail {
        width: 100%;
        font-size: 1.1rem;
    }
    .termes {
        font-size: 0.8rem;
        font-style: italic;
    }
    .voir-plus {
        height: 80px;
        bottom: 10px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 1) 100%);
    }
    .table-mobile .box-quantite {
        width: 100%;
    }
    .table-mobile .btn-add {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 576px) { /* sm */
    .card-title {
        font-size: 1.4rem;
        margin-bottom: 0.7rem;
    }
}