/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*------------------------ CSS ORDI -----------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/*------------------- Bloc Avis---------------------------*/
/*-------------------------------------------------------------*/

/* Styles pour le conteneur global des avis */
.vinted-reviews-container {
    padding: 20px 0;
    text-align: center;
    background-color: #f8f8f8; /* Légèrement grisé pour distinguer */
    margin-top: 30px;
    margin-bottom: 30px;
}

.vinted-reviews-container h2 {
    font-size: 2em;
    margin-bottom: 30px;
    color: #333;
    position: relative;
    padding-bottom: 10px;
}

.vinted-reviews-container h2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #ebe3d0; /* Couleur d'accentuation */
}

/* Styles pour les avis individuels (slides Swiper) */
.vinted-review-item {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin: 10px; /* Espace entre les avis dans le carrousel */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: left;
    height: auto; /* Permet au contenu de définir la hauteur */
    display: flex; /* Utilise flexbox pour l'alignement interne */
    flex-direction: column;
    justify-content: space-between; /* Pousse les étoiles vers le haut */
    box-sizing: border-box; /* Inclut padding et border dans la largeur/hauteur */
}

.review-text {
    font-size: 1.1em;
    line-height: 1.6;
    color: #555;
    margin-bottom: 15px;
    font-style: italic;
    min-height: 100px; /* Hauteur minimale pour les textes d'avis */
    display: -webkit-box;
    -webkit-line-clamp: 5; /* Limite le texte à 5 lignes */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reviewer-info {
    font-size: 0.9em;
    color: #777;
    margin-top: auto; /* Pousse l'info en bas du conteneur flex */
    padding-top: 10px; /* Espace au-dessus des infos du relecteur */
    border-top: 1px solid #eee;
    text-align: right;
}

.reviewer-info strong {
    color: #333;
    display: block; /* Nom sur une nouvelle ligne */
    margin-bottom: 5px;
    font-size: 1em;
}

.stars {
    color: #FFD700; /* Couleur or pour les étoiles */
    font-size: 1.2em;
    margin-bottom: 5px;
    display: block; /* S'assure que les étoiles sont sur une ligne séparée */
    text-align: right;
}

/* Styles pour les boutons de navigation Swiper (flèches) */
.swiper-button-next,
.swiper-button-prev {
    color: #5cb85c; /* Couleur des flèches */
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 20px; /* Taille des icônes de flèche */
}

.swiper-button-prev {
    left: 10px;
}

.swiper-button-next {
    right: 10px;
}

/* Styles pour la pagination Swiper (petits points) */
.swiper-pagination-bullet {
    background-color: #ccc;
    opacity: 0.7;
}

.swiper-pagination-bullet-active {
    background-color: #5cb85c; /* Couleur active */
    opacity: 1;
}

/* Gestion de la duplication des avis */
/* Cache la section visible-reviews si le carrousel est destiné à toujours s'afficher */
.vinted-reviews-container .visible-reviews {
    display: none;
}

.vinted-reviews-container{
    overflow: hidden;
    background-color: inherit;
}

.vinted-reviews-container h2{
    color: #ebe3d0;
}



/* Si vous voulez que les 3 premiers avis s'affichent sans carrousel sur mobile et le carrousel sur desktop, il faut gérer avec des media queries et du JavaScript pour afficher/cacher */
/* Par exemple, pour afficher les 3 premiers avis seulement sur les très petits écrans si le carrousel pose problème, et masquer le swiper-container */
/* @media (max-width: 480px) {
    .vinted-reviews-container .visible-reviews {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .vinted-reviews-container .visible-reviews .vinted-review-item {
        width: 90%;
        margin-bottom: 20px;
    }
    .vinted-reviews-container .swiper-container {
        display: none;
    }
} */
/* Dans votre configuration JS Swiper, vous avez déjà un breakpoint pour mobile (slidesPerView: 1), donc le `visible-reviews` est probablement une erreur ou une tentative d'affichage statique. Le plus simple est de le cacher comme au-dessus. */

/* S'assurer que le Swiper-container a une position relative */
/* Ceci est souvent géré par le CSS de Swiper, mais cela peut aider */
.swiper-container {
    position: relative;
    overflow: hidden; /* Garde le contenu des slides à l'intérieur */
    padding: 0 50px; /* AJOUTEZ OU AJUSTEZ cette ligne: Crée de l'espace sur les côtés (50px de chaque côté) */
    /* Assurez-vous que les autres propriétés nécessaires sont présentes, comme la hauteur si vous en avez une */
}
/* Styles pour les boutons de navigation Swiper (flèches) */
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px; /* La largeur de la flèche */
    height: 40px; /* La hauteur de la flèche */
    color: #5cb85c; /* Couleur de la flèche */
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    cursor: pointer;
    z-index: 10; /* S'assure que les flèches sont bien au-dessus des slides */
    display: flex;
    align-items: center;
    justify-content: center;
}


.swiper-button-prev {
    left: 0px; /* Positionne la flèche gauche au début du padding gauche */
    color:#fff !important;
    background-color: inherit;
    box-shadow: none !important;
}

.swiper-button-next {
    right: 0px; /* Positionne la flèche droite au début du padding droit */
    color:#fff !important;
    background-color: inherit;
    box-shadow: none !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
--swiper-theme-color: #fff;

}

/* Si les icônes de flèche sont affichées via ::after */
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 20px; /* Taille de l'icône */
    line-height: 1; /* S'assure que l'icône est bien centrée */
}

/* Styles pour masquer les flèches sur mobile si désiré (selon les breakpoints) */
/* Celles-ci devraient être déjà gérées par Swiper si vous n'avez pas de breakpoints spécifiques pour cela. */
/* Si vous souhaitez les masquer complètement sur des résolutions spécifiques, utilisez des media queries: */
/* @media (max-width: 767px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
} */

/*-------------------------------------------------------------*/
/*------------------- EVENT---------------------------*/
/*-------------------------------------------------------------*/

/*------------------- 10% Bienvenue ---------------------------*/

   #header span {
display: none;
}

/*-------------------------------------------------------------*/
/*------------------- DESIGN GENERAL---------------------------*/
/*-------------------------------------------------------------*/

.product-miniature .product-price-and-shipping {
  color: #c87b5f;
}

.product-flags li.product-flag {
  background: #c87b5f;
}

.blockreassurance {
  margin-bottom: 60px;
}

.alert a{
  color: #c87b5f;
}

.product-miniature .highlighted-informations .quick-view:hover {
  color: #c87b5f;
}



/*------------------- Fond du site terracota---------------------------*/
#wrapper {
  background: #c87b5f;
  padding: 60px 0 60px 0;
}



/*-------------------------------------------------------------*/
/*------------------------ HEADER------------------------------*/
/*-------------------------------------------------------------*/

   #header .navbar-toggler {
  padding: 0.5rem 0rem;

}


  #header .float-xs-right.hidden-md-up {
    display: block !important;
  }

   #header .material-icons.remove{
    display: none;
  }


#header .header-top .menu {
  padding-left: 0px;
}


._desktop_top_menu {
  text-transform: capitalize;
}
#header .header-top a[data-depth="0"] {
  text-transform: initial;
}

#header .top-menu a[data-depth="0"]:hover {
  color: #c87b5f;
}


#header a {
  color: #c87b5f;
  text-transform: initial;
}

#header a:hover {
  color: #6c3920;
}

#header .top-menu a[data-depth="0"] {
  padding-right: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.625rem;
  font-size: 1rem;
  font-weight: 600;
  padding-top: 25px;
}

#header .top-menu[data-depth="1"] {
  margin: 40px;
}

#header .header-top a[data-depth="0"] {
  color: #c87b5f;
}


#header .header-nav .cart-preview.active {
  background: #c87b5f;
}

#header #contact-link {
  display: none;
}



/*-------------------------------------------------------------*/
/*------------------------ FOOTER------------------------------*/
/*-------------------------------------------------------------*/

#contact-infos a{
  color: #c87b5f;
  font-weight:bold ;
}




#footer a {
  color: #c87b5f;
}

#footer #block_myaccount_infos .myaccount-title a {
  color: #c87b5f;
}

#footer .block-contact .block-contact-title {
  color: #c87b5f;
}

#footer.links{
  background: #fff;
}

#footer .h3 {
  color: #c87b5f;
}

@media (min-width: 768px) {
 #footer .offset-md-0 {
    text-align: initial;
  }
}



#footer .text-sm-center{
  margin-top: 40px;
}

#footer .block_newsletter{
  max-width: 100%;
  background: #c87b5f;
  padding: 40px;
}

#footer .block_newsletter #block-newsletter-label {
  color: #ebe3d0;
}

#footer .block_newsletter p {
  color: #ebe3d0;
}

/*-- Bloc social---*/

#footer .block-social.col-lg-4.col-md-12.col-sm-12{
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 50px;
}

#footer .block-social ul li {
  background-color: #c87b5f;
}



/*------------------- Lien connexion compte Header---------------------*/
#_desktop_user_info a {
  color: #c87b5f !important;
}


/*------------------- Lien contact Header---------------------------*/
#contact-link a {
  color: #c87b5f !important;
}



/*-------------------------------------------------------------*/
/*------------------------ HOME PAGE -----------------------*/
/*-------------------------------------------------------------*/

#index .carousel .carousel-inner {
  height: 100%;
}

#index .carousel .carousel-inner li figure {
  width: 100%;
}


#index .all-product-link{
  color: #ebe3d0;;
}


#index #custom-text h2 {
  color: #c87b5f;
}

#index #custom-text p,
#index #custom-text p .dark {
  color: #c87b5f;
}

#index .block-categories{
  background: #fff0;
}

#index h1 {
  color: #c87b5f;
}





#index #custom-text{
  background: #ebe3d0;
  margin-bottom: 60px;
}








#index .col-md-6{
  margin-bottom: 30px;
}


/*------------------------ PAGE ACCUEIL Top Categorie -----------------------*/

/* IIIIIIICCCCCIIIII POUR REMETRE LES TITRES DANS FOOTER */ 
#index .col-md-6 .h3{
  display: block;
}


/* Cate Eveil et jeux */ 
#index #footer_sub_menu_3 li #link-category-11-3 { 
  background-image: url('http://boutique-epona.fr/img/tmp/category_11.jpg?time=1738094941'); /* Remplacez par votre image */ 
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
} 


/* Cate Collection */ 
#index #footer_sub_menu_3 li #link-category-19-3 { 
  background-image: url('https://boutique-epona.fr/img/c/19-category_default.jpg'); /* Remplacez par votre image */ 
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

/* Cate Dans le bain */ 
#index #footer_sub_menu_3 li #link-category-16-3 { 
  background-image: url('http://boutique-epona.fr/img/tmp/category_16.jpg?time=1738094568'); /* Remplacez par votre image */ 
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

/* Cate De sortie */ 
#index #footer_sub_menu_3 li #link-category-17-3 { 
  background-image: url('https://boutique-epona.fr/img/c/17-category_default.jpg'); /* Remplacez par votre image */ 
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

/* Cate Doudou et peluche */ 
#index #footer_sub_menu_3 li #link-category-18-3 { 
  background-image: url('http://boutique-epona.fr/img/tmp/category_18.jpg?time=1738090656'); /* Remplacez par votre image */ 
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}


/* Cate Livres */ 
#index #footer_sub_menu_3 li #link-category-10-3 { 
  background-image: url('http://boutique-epona.fr/img/tmp/category_10.jpg?time=1738094533'); /* Remplacez par votre image */ 
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

#index #footer_sub_menu_3 { 
  display: flex; 
  flex-wrap: wrap; 
  justify-content: center; 
} 

#index #footer_sub_menu_3 li { 
  width: calc(33% - 20px); 
  height: 300px; /* Hauteur fixe pour les carrés */ 
  margin: 10px; 
  background-size: cover; 
  background-position: center; 
  text-decoration: none; 
  color: white; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  border-radius: 10px; 
  transition: transform 0.3s; 
} 


#index #footer_sub_menu_3 li:hover { 
  transform: scale(1.05); 
} 

@media (max-width: 768px) { 
#index #footer_sub_menu_3 li { width: calc(50% - 20px); /* 2 carrés par ligne sur tablettes */ 
} } 

@media (max-width: 480px) {
#index #footer_sub_menu_3 li { width: calc(100% - 20px); /* 1 carré par ligne sur mobiles */ 
} } 

@media (min-width: 768px) {
 #index .col-md-6 {
    float: left;
    width: 100%;
  }
}

@media (min-width: 480px) {
 #index .col-md-6 {
    width: 100%;
    padding-top: 10px;
  }
}

@media (min-width: 768px) {
 #index #footer .col-md-6 {
    float: left;
    width: 50%;
    padding-top: 0px;
  }
}

@media (min-width: 480px) {
 #index #footer .col-md-6 {
    width: 50%;
  }
}



#index #footer_sub_menu_3 a {
color: #ffff;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding-top: 70%;
  font-size: 20px;
  text-shadow: 2px 2px 4px #a44d22;
}
}


/*----------------------------Ici réassurance---------------------------------*/

#index #blockEmailSubscription_displayFooterBefore {
  padding-top: 0px;
}


#index .blockreassurance{
  margin-bottom: 60px;
}

#block-reassurance img {
  width: auto;
  height: 60px;
}



#index .col-md-3.offset-md-0.col-sm-6.offset-sm-0.col-xs-12 {
  background-color: #fff;
  margin-right: 20px;
  width: 23%;
  padding: 10px;
  height: 200px;
}


#index #block-reassurance li .block-reassurance-item { 
  background-color: #ebe3d0 !important;
  color: #c87b5f;
  height: 200px;
  padding: 10px;
} 


#index #block-reassurance { 
  display: flex; 
  flex-wrap: wrap; 
  justify-content: center; 
} 

#index #block-reassurance li { 
  width: calc(25% - 20px); 
  height: 300px; /* Hauteur fixe pour les carrés */ 
  margin: 10px; 
  background-size: cover; 
  background-position: center; 
  text-decoration: none; 
  color: white; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  border-radius: 10px; 
  transition: transform 0.3s; 
  float: left;
  text-align: center;
} 

#index #block-reassurance .h6 { 
float: left;
} 


#index #block-reassurance li:hover { 

} 

@media (max-width: 768px) { 
#index #block-reassurance li { width: calc(50% - 20px); /* 2 carrés par ligne sur tablettes */ 
} } 

@media (max-width: 480px) {
#index #block-reassurance li { width: calc(100% - 20px); /* 1 carré par ligne sur mobiles */ 
} } 


/*-------------------------------------------------------------*/

















/*-------------------------------------------------------------*/
/*------------------------ PAGE PRODUIT -----------------------*/
/*-------------------------------------------------------------*/

#product #description .product-description p {
  color: #c87b5f;
}

#product .has-discount.product-price {
  color: #ffff;
}

#product #wrapper .breadcrumb li:last-child {
  color: #ffff;
    font-weight: bold;
}

#product #wrapper .breadcrumb li a {
  color: #d79d8b;
}

#product .product-discount {
  color: #d79d8b;
}


#product .product-description p {
  color: #ffff;
}

#product .product-quantity #quantity_wanted {
  color: #c87b5f;
}

#product .product-flags li.product-flag{
  background: #a2726a;
}

#product .h1 {
  text-transform:initial;
}

#product .btn-primary {
  color: #c87b5f;
  background-color: #ffff;
}

#product .tabs .nav-tabs .nav-link.active {
  color: #c87b5f;
  border-bottom: #c87b5f 3px solid;
}

#product .tabs .nav-tabs .nav-link:hover {
  border-bottom: #c87b5f 3px solid;
}

#product .has-discount .discount {
  background: #a2726a;;
}

#product .product-price {
  color: #ffff;
    float: left;
    margin-right: 10px;
}

#product .product-price h5 {
  float: left;
}

#product .product-information {

}

#product .product-prices .tax-shipping-delivery-label {
  color: #ffff;
}

#product .add button:hover {
  transition: transform 0.3s;
  transform: scale(1.05);
}

/*-------------------------------------------------------------*/
/*------------------------ PAGE Categories -----------------------*/
/*-------------------------------------------------------------*/


#category #subcategories ul li .subcategory-name:hover {
  color: #fff;
}






#category #subcategories ul li .subcategory-image {
  padding: 0 0 5px;
}


#category .subcategories-list{
  padding-bottom: 40px;
}




#category .subcategory-heading{
  display: none;
}


#category  #js-product-list #content{
  display: none;
}

#category .img {
  height: auto;
}


#category  #subcategories ul li .subcategory-image a {
  border: 1px solid #c87b5f;
}


#category  .subcategories-list a {
  color: #dfbfa3;
}

#category  #subcategories ul li {
  width: calc(100% / 3 - 20px);
}

#category  .img-fluid{
  width: 100%;
  height: auto;
}


#category  .category-cover{
  display: none;
}


#category #left-column{
  display: none;
}

@media (min-width: 992px) {
 #category  .col-lg-9 {
    width: 100%;
  }



#category .block-categories,
#category #search_filters_brands,
#category #search_filters_suppliers{
  background: #fff0;
}


#category #search_filters_brands,
#category #search_filters_suppliers{
  display: none;
}

#category .card {
  background-color: #fff0;
}

#category #wrapper .breadcrumb li a {
  color: #d79d8b;
}

#category #wrapper .breadcrumb li:last-child {
  color: #ffff;
  font-weight: bold;
}

#category #js-product-list-top{
  display: none;
}


@media (min-width: 768px) {
#category .col-md-6 {
    float: right;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .offset-md-2 {
    margin-left: 0px;
  }
  }

 #category .pagination .page-list li {
  display: block;
  background-color: #ebe3d0;
  margin-right: 3px;
  padding: 10px;
  color: blue;
  height: 30px;
  width: auto;
  float: left;
  text-align: center;
  line-height: 10px;
}


#category .pagination .page-list {
  background: #c87b5f;
  float: right;
}

#category .pagination .col-md-4{
  color: #ebe3d0;
}

#category .pagination .current a {
  color: #c87b5f;
}

#category .pagination a {
  color: #c8b198;
}


/*-------------------------------------------------------------*/
/*------------------------ PAGE Contact -----------------------*/
/*-------------------------------------------------------------*/



#contact #wrapper .breadcrumb li a {
  color: #d79d8b;
}

@media (min-width: 992px) {
#contact #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }
}


#contact .contact-rich {
  color: #ebe3d0;
}

#contact a {
  color: #ebe3d0;
  font-weight: bold;
}

#contact .group-span-filestyle .btn-default, 
#contact .group-span-filestyle .bootstrap-touchspin .btn-touchspin, 
#contact .bootstrap-touchspin .group-span-filestyle .btn-touchspin {
  background: #c87b5f;
}


/*-------------------------------------------------------------*/
/*------------------------ PAGE Connexion -----------------------*/
/*-------------------------------------------------------------*/

#authentication #wrapper .breadcrumb li a {
  color: #d79d8b;
}

@media (min-width: 992px) {
#authentication #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }
}


#authentication .form-control-label{
  color: #c87b5f;
}

#authentication .form-control{
  color: #c87b5f;
}

#authentication a {
  color: #c87b5f;
}


#authentication #wrapper{
  padding: 60px 0 60px 0;
}

#authentication .form-control:focus {
  outline: 0.1875rem solid #c87b5f;
}








/*-------------------------------------------------------------*/
/*------------------------ PAGE Creation de compte -----------------------*/
/*-------------------------------------------------------------*/


#registration #wrapper .breadcrumb li a {
  color: #d79d8b;
}


@media (min-width: 992px) {
#registration #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }
}


#registration .form-control-label{
  color: #c87b5f;
}

#registration .form-control{
  color: #c87b5f;
}

#registration a {
  color: #c87b5f;
}

#registration #content {
  color: #c87b5f;
}

#registration label {
  color: #c87b5f;
}

#registration .custom-radio input[type="radio"]:checked + span {
  background-color: #c87b5f;
}


#registration .form-control:focus {
  outline: 0.1875rem solid #c87b5f;
}

#registration .custom-checkbox input[type="checkbox"] + span .checkbox-checked {
  color: #c87b5f;
}



/*-------------------------------------------------------------*/
/*------------------------ PAGE mon compte -----------------------*/
/*-------------------------------------------------------------*/



#my-account #wrapper .breadcrumb li a {
  color: #d79d8b;
}


@media (min-width: 992px) {
#my-account #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }
}


#my-account #content .links a span.link-item {
  background: #c87b5f;
  border: #ebe3d0 solid 1px;
}

#my-account #content .links a i {
  color: #ebe3d0;
}

#my-account #content .links a {
  color: #ebe3d0;
}

#my-account #content .links a:hover i {
  transform: scale(1.05);
  transition: transform 0.3s;
}

#my-account #content .links a:hover {
  transform: scale(1.05);
  transition: transform 0.3s;
}

#my-account .text-sm-center a{
  color: #ebe3d0;
  font-weight: bold;
}

#my-account .text-sm-center a:hover{
  transform: scale(1.05);
}



/*-------------------------------------------------------------*/
/*------------------------ PAGE info perso dans mon compte -----------------------*/
/*-------------------------------------------------------------*/

#identity #wrapper .breadcrumb li a {
  color: #d79d8b;
}


@media (min-width: 992px) {
#identity #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }
}

#identity .form-control-label{
  color: #c87b5f;
}

#identity .form-control{
  color: #c87b5f;
}

#identity a {
  color: #c87b5f;
}

#identity #content {
  color: #c87b5f;
}

#identity label {
  color: #c87b5f;
}


#identity .custom-radio input[type="radio"]:checked + span {
  background-color: #c87b5f;
}

#identity .form-control:focus {
  outline: 0.1875rem solid #c87b5f;
}




/*-------------------------------------------------------------*/
/*------------------------ PAGE adresse dans mon compte -----------------------*/
/*-------------------------------------------------------------*/


#address .address-body address {
  color: #c87b5f;
} 

.page-addresses .address {
  color: #c87b5f;
}

#addresses .page-footer a{
  color: #ebe3d0;
} 



#address #wrapper .breadcrumb li a,
#addresses #wrapper .breadcrumb li a {
  color: #d79d8b;
}


@media (min-width: 992px) {
#address #wrapper .breadcrumb li:last-child,
#addresses #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }
}

#address .form-control-label{
  color: #c87b5f;
}

#address .form-control{
  color: #c87b5f;
}

#address a {
  color: #c87b5f;
}

#address #content {
  color: #c87b5f;
}

#address label {
  color: #c87b5f;
}


#address .custom-radio input[type="radio"]:checked + span {
  background-color: #c87b5f;
}

#address .form-control:focus {
  outline: 0.1875rem solid #c87b5f;
}


/*-------------------------------------------------------------*/
/*------------------------ PAGE historique commande dans mon compte -----------------------*/
/*-------------------------------------------------------------*/


#history a{
  color: #c87b5f;
}

#history .account-link{
  color: #ffffff;
}

#history #wrapper .breadcrumb li a {
  color: #d79d8b;
}


@media (min-width: 992px) {
#history #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }
}


/*-------------------------------------------------------------*/
/*------------------------ PAGE avoir dans mon compte -----------------------*/
/*-------------------------------------------------------------*/


#order-slip .account-link{
  color: #ffffff;
}

#order-slip #wrapper .breadcrumb li a {
  color: #d79d8b;
}


@media (min-width: 992px) {
#order-slip #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }
}



/*-------------------------------------------------------------*/
/*------------------------ PAGE liste d'envie dans mon compte -----------------------*/
/*-------------------------------------------------------------*/

#module-blockwishlist-lists .text-primary{
  color: #ffffff !important;
}

#view .wishlist-footer-links a{
  color: #ffffff !important;
}

.products-sort-order .select-list:hover, .brands-sort .select-list:hover, .suppliers-sort .select-list:hover {
  background: #c87b5f;
}

#module-blockwishlist-lists .wishlist-list-item-title {
  color: #c87b5f;
}





/*-------------------------------------------------------------*/
/*------------------------ PAGE alerte dans mon compte -----------------------*/
/*-------------------------------------------------------------*/



#module-ps_emailalerts-account #wrapper .breadcrumb li a {
  color: #d79d8b;
}


@media (min-width: 992px) {
#module-ps_emailalerts-account #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }
}

#module-ps_emailalerts-account .account-link{
  color: #ffffff !important;
}

#module-ps_emailalerts-account .account-link a{
  color: #ffffff !important;
}


/*-------------------------------------------------------------*/
/*------------------------ PAGE donnée perso dans mon compte -----------------------*/
/*-------------------------------------------------------------*/


#module-psgdpr-gdpr #wrapper .breadcrumb li a {
  color: #d79d8b;
}


@media (min-width: 992px) {
#module-psgdpr-gdpr #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }
}

#module-psgdpr-gdpr .page-footer a {
  color: #ebe3d0;
}



#module-psgdpr-gdpr .psgdprinfo17 a {
  color: #d79d8b;
  font-weight: bold;
}




/*-------------------------------------------------------------*/
/*------------------------ PopUP recap -----------------------*/
/*-------------------------------------------------------------*/


#blockcart-modal .product-name{
  color: #c87b5f;
}

#blockcart-modal .product-price{
  color: #c87b5f;
}

#blockcart-modal .label{
  color: #c87b5f;
}

#blockcart-modal .product-quantity{
  color: #c87b5f;
}




/*-------------------------------------------------------------*/
/*------------------------ Page panier -----------------------*/
/*-------------------------------------------------------------*/


#cart .h1, .h2, .h3 {
  color: #c87b5f !important;
}


#cart .product-line-info {
  color: #c87b5f !important;
}


#cart .cart-grid-right .label{
  color: #c87b5f !important;
}


#cart .label {
  color: #fff;
}




#cart .product-line-info .label {
  color: #c87b5f;
}



#cart .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {
  color: #c87b5f;
}


#cart .product-price{
  color: #c87b5f;
}

#cart .remove-from-cart{
  color: #c87b5f;
}


#cart .value{
  color: #c87b5f;
}

#cart .btn-primary {
  color: #fff !important;
  background-color: #c87b5f !important;
}

#cart .promo-code-button a{
  color: #c87b5f !important;
}


/*-------------------------------------------------------------*/
/*------------------------ Tunel d'achat 1 information -----------------------*/
/*-------------------------------------------------------------*/

#checkout .col-lg-4 p{
  color: #c87b5f;
}

#checkout .col-lg-4 span{
  color: #c87b5f;
}

#checkout .col-lg-4 span a{
  color: #c87b5f !important;
  font-weight: bold;
}

#checkout .identity a{
  color: #c87b5f;
}

#checkout p a{
  color: #c87b5f;
}

#checkout-personal-information-step label {
    color: #c87b5f;
}

#checkout-personal-information-step a {
    color: #c87b5f;
}

.form-control:focus {
  outline:
0.1875rem solid #c87b5f;
}




/*-------------------------------------------------------------*/
/*------------------------ Tunel d'achat 2 Adresse -----------------------*/
/*-------------------------------------------------------------*/

body#checkout section.checkout-step .address-item.selected {
  border:
#c87b5f 3px solid;
}


#checkout-addresses-step label{
  color: #c87b5f;
  line-height: 25px;
}


#checkout-addresses-step .form-control:focus {
  outline: 0.1875rem solid #c87b5f;
}

#checkout-addresses-step .js-input-column input {
  color: #c87b5f;
}

#checkout-addresses-step #id_address_delivery-address-14 {
  border: #c87b5f 3px solid;
}

.custom-radio input[type="radio"]:checked + span {
  background-color: #c87b5f;
}

/*-------------------------------------------------------------*/
/*------------------------ Tunel d'achat 3 Livraison -----------------------*/
/*-------------------------------------------------------------*/

#checkout-delivery-step label {
  color: #c87b5f;
}

#checkout-delivery-step .custom-radio input[type="radio"]:checked + span {
  background-color: #c87b5f;
}


/*-------------------------------------------------------------*/
/*------------------------ Tunel d'achat 4 Paiement -----------------------*/
/*-------------------------------------------------------------*/

#checkout-payment-step label {
  color: #c87b5f;
}

#checkout-payment-step .custom-radio input[type="radio"]:checked + span {
  background-color: #c87b5f;
}

#checkout-payment-step .custom-checkbox input[type="checkbox"] + span .checkbox-checked {
  color: #c87b5f;
}

#checkout-payment-step a {
  color: #c87b5f;
  font-weight: bold;
}


/*-------------------------------------------------------------*/
/*------------------------ Page confirmation de commande -----------------------*/
/*-------------------------------------------------------------*/

#order-confirmation .h1{
  color: #c87b5f;
  font-weight: bold;
}

#order-confirmation a {
    color: #c87b5f;
    font-weight: bold;
}

#order-confirmation #wrapper .breadcrumb li a {
  color: #d79d8b;
}


@media (min-width: 992px) {
#order-confirmation #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }
}

#order-confirmation .form-control-label{
  color: #c87b5f;
}

#order-confirmation{
  color: #c87b5f;
}

/*------------------------ PAGES CMS -----------------------*/

#cms #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }

#cms #wrapper .breadcrumb li a {
  color: #d79d8b;
}


  #cms .col-sm-4 {
    float: left;
    width: 100%;
      color: #c87b5f;
  }



  #cms h1,
  #cms h2,
  #cms h3 {
      color: #c87b5f;
  }

  #cms li {
      color: #7a7a7a;
  }

    #cms a {
      color: #c87b5f;
      font-weight: bold;
  }

  /*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*------------------------ CSS PHONE -----------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/


/*------------------------ HOME -----------------------*/
  }

  @media only screen and (max-width: 768px) {

       #custom-text {
  padding: 20px;
  }

#index #wrapper {
  padding: 0px;
}

  #index .carousel {
    padding-bottom: 0px;
  }

  #index #footer_sub_menu_3 li {
  height: 300px;
}

  #index .owl-item{
  margin-right: 100px !important;
}

  #index .owl-stage{
  width: 3226px !important;
}

  #index .lpsfeaturedproducts-products{
  height: 450px;
}


 #index .title{
  display: none;
}

 #index  .product-item {
    margin: 10px; /* Ajustez la valeur selon vos besoins */
}

.owl-stage-outer {
    padding: 10px; /* Ajustez la valeur selon vos besoins */
}

.owl-item {
    margin: 10px; /* Ajustez la valeur selon vos besoins */
}



 #index .carousel-indicators .active {
  background-color: #ffebca;
}

 #index .carousel-indicators li {
  border-color: #ffebca;
}


/*------------------------ Footer -----------------------*/
.col-md-3.offset-md-0.col-sm-6.offset-sm-0.col-xs-12 {
  width: 100% !important;
    height: 150px !important;
    border-bottom: #c87b5f solid 1px;
}

    #footer .hidden-sm-down {
    display: block !important;
  }




   #footer .title{
  display: block !important;
  height: 50px;
}

   #footer .hidden-sm-down{
  display: none !important;
}

#footer .col-md-6 {
  margin-bottom: 0px;
}

 #footer .links .title .collapse-icons .remove {
    display: block !important;
    color: #fff;
    width: 100%;
    float: left;
  }

       #footer .float-xs-right{
    color: #c87b5f;;
  }

  #footer .h3 {
  width: 80%;
}

  #footer .col-md-6 .h3 {
  display: inline;
}

/*------------------------ Page categories -----------------------*/




#category  #subcategories ul li {
  width: 100%;
}

#category .pagination .col-md-4 {
    color: #ebe3d0;
  }

#category .products-selection .showing {
    color: #ebe3d0;
  }

  #category #js-product-list-top{
    display: none;
  }


#category #subcategories ul li .subcategory-image {
  padding: 0 0 5px;
}

  #category .pagination .page-list li {
    display: block;
    background-color: #ebe3d0;
    margin-right: 3px;
    padding: 10px;
    color: #c8b198;
    height: 50px;
    width: 50px;
    float: left;
    text-align: center;
    line-height: 25px;
    font-size: 20px;
}


#category .pagination .page-list {
  background: #c87b5f;
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#category .pagination .col-md-4{
  color: #ebe3d0;
}

#category .pagination .current a {
  color: #c87b5f;
}

#category .pagination a {
  color: #c8b198;
}

#category #products {
  margin-top: 20px;
  border-top: 1px solid aliceblue;
  padding-top: 20px;
}

/*------------------------ Page contact -----------------------*/

#contact a {
  color: #ebe3d0;
  font-weight: bold;
}

 #contact .group-span-filestyle .btn-default, #contact .group-span-filestyle .bootstrap-touchspin .btn-touchspin, 
 #contact .bootstrap-touchspin .group-span-filestyle .btn-touchspin {
    background: #c87b5f;
  }
}



/*------------------------ Général -----------------------*/
#category #wrapper .breadcrumb li a,
#module-psgdpr-gdpr #wrapper .breadcrumb li a,
#module-ps_emailalerts-account #wrapper .breadcrumb li a,
#order-slip #wrapper .breadcrumb li a,
#history #wrapper .breadcrumb li a,
#registration #wrapper .breadcrumb li a,
#address #wrapper .breadcrumb li a,
#addresses #wrapper .breadcrumb li a,
#identity #wrapper .breadcrumb li a,
#product #wrapper .breadcrumb li a,
#contact #wrapper .breadcrumb li a,
#authentication #wrapper .breadcrumb li a,
#cms #wrapper .breadcrumb li a,
#my-account #wrapper .breadcrumb li a,
#module-blockwishlist-lists #wrapper .breadcrumb li a{
  color: #d79d8b;
}

#category #wrapper .breadcrumb li:last-child,
#module-psgdpr-gdpr #wrapper .breadcrumb li:last-child,
#module-ps_emailalerts-account #wrapper .breadcrumb li:last-child,
#order-slip #wrapper .breadcrumb li:last-child,
#history #wrapper .breadcrumb li:last-child,
#registration #wrapper .breadcrumb li:last-child,
#address #wrapper .breadcrumb li:last-child,
#addresses #wrapper .breadcrumb li:last-child,
#identity #wrapper .breadcrumb li:last-child,
#product #wrapper .breadcrumb li:last-child,
#contact #wrapper .breadcrumb li:last-child,
#authentication #wrapper .breadcrumb li:last-child,
#cms #wrapper .breadcrumb li:last-child,
#my-account #wrapper .breadcrumb li:last-child,
#module-blockwishlist-lists #wrapper .breadcrumb li:last-child{
    color: #ffff;
    font-weight: bold;
  }

  .modal-content .modal-footer a {
  color: #ffebca !important;
}


/*------------------------ Page connexion -----------------------*/
 #authentication a{
      color: #c87b5f;
  }
   #authentication label{
      color: #c87b5f;
  }

  #authentication .form-control:focus {
  outline: 0.1875rem solid #c87b5f;
}

  #authentication .form-control {
  color: #c87b5f;
}


/*------------------------ Page cms -----------------------*/


    #cms .col-sm-4 {
      color: #c87b5f;
  }

  #cms h1,
  #cms h2,
  #cms h3
   {
      color: #c87b5f;
  }

  #cms a {
      color: #c87b5f;
      font-weight: bold;
  }

   #cms li {
      color: #7a7a7a;
  }

/*------------------------ Page produit Phone -----------------------*/
.product-information {
  color: #c87b5f;
}


#product .qty{
  display: none;
}

#product .product-description p {
  float: left;
}

#product .tabs .tab-pane {
  padding: 1.25rem;
}

#product .product-quantity {
  display: block;
}

#product .wishlist-button-add {
  display: initial;
}

#product .tabs {
  display: flow-root;
}

/*------------------------ Page creation d'un compte phone-----------------------*/

#registration form .form-control-label {
  color: #c87b5f;
}

#registration #my-account #wrapper .breadcrumb li a {
  color: #d79d8b;
}

#registration a {
  color: #d79d8b;
}

#registration label {
  color: #d79d8b;
}

#registration .form-control:focus {
  outline:0.1875rem solid #c87b5f;
    color: #c87b5f;
}






/*------------------------ PAGE mon compte Phone-----------------------*/



#my-account #wrapper .breadcrumb li a {
  color: #d79d8b;
}



#my-account #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }



#my-account #content .links a span.link-item {
  background: #c87b5f;
  border: #ebe3d0 solid 1px;
}

#my-account #content .links a i {
  color: #ebe3d0;
}

#my-account #content .links a {
  color: #ebe3d0;
}

#my-account #content .links a:hover i {
  transform: scale(1.05);
  transition: transform 0.3s;
}

#my-account #content .links a:hover {
  transform: scale(1.05);
  transition: transform 0.3s;
}

#my-account .text-sm-center a{
  color: #ebe3d0;
  font-weight: bold;
}

#my-account .text-sm-center a:hover{
  transform: scale(1.05);
}


/*------------------------ PAGE info perso dans mon compte Phone-----------------------*/

#identity #wrapper .breadcrumb li a {
  color: #d79d8b;
}



#identity #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }


#identity .form-control-label{
  color: #c87b5f;
}

#identity .form-control{
  color: #c87b5f;
}

#identity a {
  color: #c87b5f;
}

#identity #content {
  color: #c87b5f;
}

#identity label {
  color: #c87b5f;
}


#identity .custom-radio input[type="radio"]:checked + span {
  background-color: #c87b5f;
}

#identity .form-control:focus {
  outline: 0.1875rem solid #c87b5f;
}

.custom-checkbox input[type="checkbox"] + span .checkbox-checked {
  color: #c87b5f;
}

/*------------------------ PAGE adresse dans mon compte Phone -----------------------*/


#address .address-body address {
  color: #c87b5f;
} 

.page-addresses .address {
  color: #c87b5f;
}

#addresses .page-footer a{
  color: #ebe3d0;
} 



#address #wrapper .breadcrumb li a,
#addresses #wrapper .breadcrumb li a {
  color: #d79d8b;
}



#address #wrapper .breadcrumb li:last-child,
#addresses #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }


#address .form-control-label{
  color: #c87b5f;
}

#address .form-control{
  color: #c87b5f;
}

#address a {
  color: #c87b5f;
}

#address #content {
  color: #c87b5f;
}

#address label {
  color: #c87b5f;
}


#address .custom-radio input[type="radio"]:checked + span {
  background-color: #c87b5f;
}

#address .form-control:focus {
  outline: 0.1875rem solid #c87b5f;
}


/*------------------------ PAGE historique commande dans mon compte phone-----------------------*/


#history a{
  color: #c87b5f;
}

#history .account-link{
  color: #ffffff;
}

#history #wrapper .breadcrumb li a {
  color: #d79d8b;
}



#history #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }




/*------------------------ PAGE avoir dans mon compte Phone -----------------------*/


#order-slip .account-link{
  color: #ffffff;
}

#order-slip #wrapper .breadcrumb li a {
  color: #d79d8b;
}



#order-slip #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }




/*------------------------ PAGE liste d'envie dans mon compte Phone -----------------------*/

#module-blockwishlist-lists .text-primary{
  color: #ffffff !important;
}

#view .wishlist-footer-links a{
  color: #ffffff !important;
}

.products-sort-order .select-list:hover, .brands-sort .select-list:hover, .suppliers-sort .select-list:hover {
  background: #c87b5f;
}

#module-blockwishlist-lists .wishlist-list-item-title {
  color: #c87b5f;
}






/*------------------------ PAGE alerte dans mon compte Phone -----------------------*/



#module-ps_emailalerts-account #wrapper .breadcrumb li a {
  color: #d79d8b;
}



#module-ps_emailalerts-account #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }


#module-ps_emailalerts-account .account-link{
  color: #ffffff !important;
}

#module-ps_emailalerts-account .account-link a{
  color: #ffffff !important;
}


/*------------------------ PAGE donnée perso dans mon compte Phone-----------------------*/


#module-psgdpr-gdpr #wrapper .breadcrumb li a {
  color: #d79d8b;
}



#module-psgdpr-gdpr #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }


#module-psgdpr-gdpr .page-footer a {
  color: #ebe3d0;
}



#module-psgdpr-gdpr .psgdprinfo17 a {
  color: #d79d8b;
  font-weight: bold;
}


/*------------------------ PopUP recap phone -----------------------*/



#blockcart-modal .product-name{
  color: #c87b5f;
}

#blockcart-modal .product-price{
  color: #c87b5f;
}

#blockcart-modal .label{
  color: #c87b5f;
}

#blockcart-modal .product-quantity{
  color: #c87b5f;
}

#blockcart-modal .modal-dialog .btn-primary {
  color: #ffff;
  background-color: #c87b5f;
}

#blockcart-modal .modal-dialog .btn-secondary{
   color: #c87b5f;
}

#blockcart-modal #myModalLabel{
   color: #c87b5f;
   font-weight: bold;
}



/*------------------------ Page panier phone -----------------------*/



#cart .h1, .h2, .h3 {
  color: #ffff;
}

#cart .h1 {
  font-weight: bold;
}



#cart .product-line-info {
  color: #ffff;
}

#cart .label {
  color: #ffff;
}

#cart .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {
  color: #c87b5f;
}

@media only screen and (max-width: 768px) {
#cart .product-price{
  color: #ffff;
}}

@media only screen and (max-width: 768px) {
#cart .remove-from-cart{
  color: #ffff;
}}

@media only screen and (max-width: 768px) {
#cart .value{
  color: #ffff;
}}

#cart .btn-primary {
  color: #c87b5f;
  background-color: #fff;
}

#cart .promo-code-button a{
  color: #fff !important;
}

#cart a.collapse-button{
  color: #fff !important;
}

#cart .block-promo .promo-input {
  color: #c87b5f;
}

.block-promo .promo-input + button {
  border: 2px solid #c87b5f;
}

/*------------------------ Tunel d'achat 1 information phone-----------------------*/

#checkout h1{
  color: #c87b5f;
}

#checkout .product-price {
  color: #fff;
}


#checkout .identity a{
  color: #c87b5f;
}

#checkout p a{
  color: #fff;
}

#checkout p{
  color: #fff;
}

#checkout a{
  color: #fff;
}

#checkout .label{
  color: #fff;
}

#checkout-personal-information-step label {
    color: #c87b5f;
}

#checkout-personal-information-step a {
    color: #c87b5f;
}




/*------------------------ Tunel d'achat 2 Adresse phone-----------------------*/

#checkout-addresses-step label{
  color: #c87b5f;
}

#checkout .h4{
  color: #c87b5f !important;
}

body#checkout section.checkout-step .address-item.selected {
  background: #fff;
  border: #c87b5f 3px solid;
}


#checkout-addresses-step .form-control:focus {
  outline: 0.1875rem solid #c87b5f;
}

#checkout-addresses-step .js-input-column input {
  color: #c87b5f;
}

#checkout-addresses-step #id_address_delivery-address-14 {
  border: #c87b5f 3px solid;
}

.custom-radio input[type="radio"]:checked + span {
  background-color: #c87b5f;
}


/*------------------------ Tunel d'achat 3 Livraison phone-----------------------*/

#checkout-delivery-step label {
  color: #c87b5f;
}

#checkout-delivery-step .custom-radio input[type="radio"]:checked + span {
  background-color: #c87b5f;
}



/*------------------------ Tunel d'achat 4 Paiement phone-----------------------*/

#checkout-payment-step label {
  color: #c87b5f;
}

#checkout-payment-step .custom-radio input[type="radio"]:checked + span {
  background-color: #c87b5f;
}

#checkout-payment-step .custom-checkbox input[type="checkbox"] + span .checkbox-checked {
  color: #c87b5f;
}

#checkout-payment-step a {
  color: #c87b5f;
  font-weight: bold;
}


/*------------------------ Page confirmation de commande Phone -----------------------*/

@media only screen and (max-width: 768px) {
#order-confirmation a {
    color: #fff;
    font-weight: bold;
}

#order-confirmation p {
    color: #fff;
}

#order-confirmation #wrapper .breadcrumb li a {
  color: #d79d8b;
}


#order-confirmation #wrapper .breadcrumb li:last-child {
    color: #ffff;
    font-weight: bold;
  }


#order-confirmation .form-control-label{
  color: #c87b5f;
}

#order-confirmation{
  color: #fff;
}

#order-confirmation .total-value{
  color: #c87b5f;
}

}




 }