/* defini la largeur de la page, c'est bien meiux que 100% sur les grand ecran */
/*
width: 1140px;
max-width: 100%;
*/
/* la largeur de la page */
/*
.container {
  width: 80%;
  max-width: 100%;
}
*/

/* supprime l'apercu sur les image de produit */
.quick-view {display:none;}
#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {display:none;}

/************************************************* Top Horizontal Menu ***************************************/
/* retirer l'ombre des mots du menu Top Horizontal Menu */
.sf-menu a, .sf-menu a:visited {
  text-shadow: 0px 0px 0px #fff;
}
.sf-menu {
  background-color: #ac812763;
  background: #d9ba7d;
  margin-bottom: 8px;
  border-bottom: 1px solid #e9e9e9;
}
/* hover du menu */
#header a:hover {
  color: #ab5e1a;
  text-decoration: none;
}
/***************************************************************************************************************/

/* couleur lien email et web by... en bas de page */
a{
  color: #564D1B;
}

/* hover de l'email et du www en bas a droite */
a:hover {
  color: #ab5e1a;
  text-decoration: underline;
}

/*Style du bloc des tabs de la fiche produit */
#product_tabs_block{
  margin-bottom: 2rem;
}

/* couleur du header */
#header {
  background: #F5DEB3;
}

/* augmentation de la taille de la banniere en mobile */
#header .logo {
  max-width: 116%;
}
@media (max-width: 767px) {
  #header .top-logo {
    align-items: center;
    min-height: 54px;
  }
}
@media (max-width: 767px) {
  #header .top-logo img {
      max-height: 3rem;
      height: 50px;
  }
}




/* couleur du footer */
#footer {
  padding-top: 0px;
  background: #f5deb3;
}

#header .header-top {
  background: none;
  padding: 0px;
}

/* change backgroung voir webbax */  /* 1° version du site : #F5DEB3;*/
#wrapper {
  background: #fff8eb;            
  padding-top: 5px; 
}

/* j'essaye de reduire la hauteur du titre de la categorie a droite */
.block-category {
  min-height: 4rem;
  margin-bottom: 1rem;
}

/* suppression de l'affichage du bloc nom de la categorie */
.block-category.card.card-block {
  display: none;
}

/* n'affiche pas la ligne "il y a x produits" dans la liste des produits d'une categorie */
.col-lg-5.hidden-sm-down.total-products {
  display: none;
}

/* ne pas afficher les images de la sub-categorie */
/*
.subcategory-image {
  display: none;
}
*/
.subcategory-heading {
  display: none;
  margin-bottom: 0px;
}
/* couleur des titres des categories dans la liste des categories.... */
.subcategory-name {	
  color: #ab5e1a;
}


/* largeur de l'espace recherche (reduire au max) */
/* search d'origine, j'utilise Top Horizontal Menu avec search incorporé */
/*#search_widget { min-width: 10rem; } */

#header .header-top .menu { padding-left: 0px; }
  
/* couleur du texte du menu -> mettre la meme dans les sous-categories*/
#header .header-top a[data-depth="0"] {color: #ab5e1a;}

/* supprime ligne en dessous des boutons contactez-nous, connexion et recherche */
#header .header-nav { border-bottom: 0px;}

/* couleur de fond du bouton panier */
/*#header .header-nav .blockcart -> VIDE */
/*#header .header-nav .cart-preview.active -> AU MOINS UN ARTICLE*/
/* PANIER VIDE */
#header .header-nav .blockcart {    /* le mot PANIER */
  background: #ac8123;
  color: white;
}
#header .header-nav .cart-preview .shopping-cart {  /* L'icone */
  color: white;
}

/* panier non vide */
#header .header-nav .blockcart.active a:hover, #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i {
  color: #a92424;
}

/* texte personnalise */
#custom-text {
  padding: 0px;
  background: none;
}

/* apercu rapide */
.quickview .modal-content {
  background: #f1d08b;
}

/***********************************************************************************************/
/* banniere promo livraison gratuite 50€ */
/* banniere traitee comme un slider avec Canva */
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img, .img-fluid, .img-thumbnail {
  width: -webkit-fill-available;
  background-color: none;
}
/* place en bas les petits ronds indiquant les slides */
/*
.carousel-indicators {
  bottom: -15px;
}
*/
/***********************************************************************************************/


/* PRODUIT */
.product-price {
  color : #a92424;
}

/* bouton AJOUTER AU PANIER */
.btn-primary {
  background-color: #ac8127;
}

/* bouton nouveau sur photo produit */
.product-flags li.product-flag{
  background: #ac8127;
}

/* centrage et couleur dudescriptif a droite du produit */
.product-information {
  font-size: 1rem;
  color: #232323;
  justify-items: center;
  background: #f4eed6;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  text-align: justify;
}


/* la description et le detail en bas du produit */
.tabs {
  padding: 0.25rem 1.875rem;
  margin-top: 0px;
  background: #f4eed6;
  padding-left: 8px;
  padding-right: 8px;
}

/* centrer le bouton partager dans la fiche produit */
.sptf-product-page {
  margin-top: 10px;
  display: grid;
  justify-content: center;
}
/* la fenetre du paratager */
.sptf-form-container {
  background-color: #f4eed6;
  margin-bottom: 0px;
}
/* le X du fermer la fenetre du partager du produit */
.sptf_modal_close::before {
  content: "x";
  font-size: 28px;
  color: #ab5e1a;
}

/* la popup newsletter */
.ynpt5 .ybc_nlt_content {
  background-color: #f4eed6;
}

/* swip product */
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: 'next';
  color: #f4eed6 !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: 'prev';
  color: #f4eed6 !important;
}
.swiper-pagination-bullet-active {
  background: #f4eed6 !important;
}

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #f4eed6) !important;
  opacity: none !important; /*var(--swiper-pagination-bullet-inactive-opacity, .2) !important ;*/
}