/*Composant produits*/

/* =============
=== PRODUITS ===
===============*/
/*=====titres de pages======*/
.block-category h1 {
  text-transform: none;
}

/*====Page accueil s/ 4 photos=====*/
.page-index #products .product, 
.page-index .featured-products .product, 
.page-index .product-accessories .product, 
.page-index .product-miniature .product, 
.page-search #products .product, 
.page-search .featured-products .product, 
.page-search .product-accessories .product, 
.page-search .product-miniature .product {
  width: 20%;
}

.product-flags li.product-flag.discount, 
.product-flags li.product-flag.discount-amount, 
.product-flags li.product-flag.discount-percentage {
  background-color: var(--color-main);
}

/*masque le petit encart NEUF*/
.product-flag.new {
  display: none;
}

#products .thumbnail-container, 
.featured-products .thumbnail-container, 
.product-accessories .thumbnail-container, 
.product-miniature .thumbnail-container,
#products .product-description, 
.featured-products .product-description, 
.product-accessories .product-description, 
.product-miniature .product-description 
{
  background: transparent!important;
}

#products .thumbnail-container .product-thumbnail img, 
.featured-products .thumbnail-container .product-thumbnail img, 
.product-accessories .thumbnail-container .product-thumbnail img, 
.product-miniature .thumbnail-container .product-thumbnail img {
  height: inherit;
  width: inherit;
}

#products .thumbnail-container .product-thumbnail img, 
.featured-products .thumbnail-container .product-thumbnail img, 
.product-accessories .thumbnail-container .product-thumbnail img, 
.product-miniature .thumbnail-container .product-thumbnail img {
    height: inherit;
    width: inherit;
}

/* #products .thumbnail-container .product-thumbnail img,  */
.featured-products .thumbnail-container .product-thumbnail img, 
/* .product-accessories .thumbnail-container .product-thumbnail img,  */
.product-miniature .thumbnail-container .product-thumbnail img {
  margin: 0;
  border-radius: 0;
}

/* #products .thumbnail-container .product-thumbnail,  */
.featured-products .thumbnail-container .product-thumbnail, 
/* .product-accessories .thumbnail-container .product-thumbnail,  */
.product-miniature .thumbnail-container .product-thumbnail {
  /* position: relative; */
  height: 250px!important;
  width: 250px;
}

#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
  justify-content: center;
}

/*=====nom d'article=====*/
#products .product-title a, 
.featured-products .product-title a, 
.product-accessories .product-title a, 
.product-miniature .product-title a {
  font-size: .95rem;
  text-transform: uppercase;
}
/*=====prix d'article=====*/
#products .product-price-and-shipping, 
.featured-products 
.product-price-and-shipping, 
.product-accessories .product-price-and-shipping, 
.product-miniature .product-price-and-shipping {
  font-size: 1.05em;
  color: var(--color-tonic-darker);
}

.product-price {
  color: var(--color-main);
  font-size: x-large;
}

/*37€ TTC sur la meme ligne*/
.product-prices div {
  display: inline-block;
}

/*======Partage de fiche produits=======*/
/*=========info Social sharing / n'est plus d'actu =======*/
.product-additional-info .social-sharing {
  display: none;
}

/* =============
=== PRODUCT MODAL ===
===============*/
#product-modal .modal-content {
  background-color: #fff;
}
#product-modal .modal-content .image-caption {
  display: none;
}
#product-modal .modal-content .modal-body .product-images {
  margin-left: 0;
  margin-bottom: 0;
}
.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
  border-color: var(--color-dark);
}
/*=== agencement sur screen ===*/
@media screen and (min-width:990px) {
  .modal-dialog{
      min-width: 920px;
  }
  /*add disp flex et flex dir*/
  #product-modal .modal-content .modal-body .product-images {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
  }
  #product-modal .modal-content .modal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
  }
}
#product-modal .modal-content .modal-body .product-images img:hover {
  border-color: var(--color-dark);
}

/*=== miniatures dans popup ===*/
#product-modal .modal-content .modal-body .product-images img {
  width: 5.25rem;
}
#product-modal .modal-content .modal-body .arrows {
  color: #2D2D2D;
  z-index: 120;
}
#product-modal .modal-content .modal-body .arrows {
  height: 97%;
  right: 2.675rem;
}
#product-modal .modal-content .modal-body .arrows i {
  background-color: #fff;
  border-radius: 22px;
}
/* =============
=== PRODUCT PERSONNALISATION ===
===============*/
@media screen and (max-width: 767px) {
  .card {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);  
  }
}
/*Labels visibles*/
.product-customization label {
  font-weight: bold;
}
/*BTNJAUNE*/
button[name="submitCustomizedData"] {
  background-color: #AA8A79;
}

/*PopupRECAP GoodCommande*/
#blockcart-modal .modal-dialog {
  margin-top: 125px;
}

#blockcart-modal .product-name {
  color: #000!important;
  font-weight: 400!important;
}

/*Vous aimerez aussi...*/
section.product-accessories {
  margin-top: 25px;
}

/*=================
=== PAIEMENT INFO ===
==================*/
/*on a ajouté une image avec les vignettes de moyens de paiements possibles*/
.payInfo {
  display: flex;
  width: 100vw;
}
.payInfo img {
  padding-top:20px;
  padding-bottom:20px;
}

/*=================
=== DESCRIPTION TABS ===
==================*/
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
  border-bottom: 3px solid var(--color-main);
}
.tabs .nav-tabs .nav-link.active {
  color: var(--color-main);
}

/*=========Precommande=========*/
#product-availability .product-available {
  font-size: xx-large;
  color: var(--color-main);
  margin-top: 8px;
}
/*=====Tabs deuxieme onglet avec le detail inutilisé===========*/
.product-actions + .tabs li:nth-child(n+2) {
  display: none;
}

/*=====Encart definition page==========*/
.block-category.card.card-block {
  box-shadow: 0 0 0 0 rgb(0 0 0 / 15%);
  border: 0 solid rgba(0,0,0,.125);
  padding: 0;
}

.block-category.card.card-block .h1 {
  padding-left: 0;
}

.block-category .block-category-inner #category-description strong {
  font-weight: 700;
}
.block-category {
  min-height: auto;
}
#products .product-miniature {
  margin: 0;
}

/*====marges entre produits=======*/ 
.product {
  margin-left: 6px;
  margin-right: 6px;
}

/*=========index page pour 4 produits======*/
.page-index .featured-products .product {
  width: 23%!important;
}

/*======bande des filtres latéral=========*/
#search_filters_wrapper {
  display: none;
}

.pagination .current a {
  color: var(--color-main);
  font-size: 1em;
}

/*=======tous les produits======*/
.all-product-link.float-xs-left.float-md-right.h4 {
  float: none;
  text-align: center;
  margin-bottom: 35px;
  width: 100%;
  display: inline-block;    
  background: var(--color-dark);
  padding: 15px;
  border-radius: 25px;
  color: #fff;
  font-weight: 500;
}

/* ======Category=== ? toujours d'actu ? == */
#category-description address span {
  font-family: 'Roboto', sans-serif!important;
  font-size: 16px!important;
  font-weight: 400;
}
#category-description {
  border-radius: 12px;
}

/*======description coté produit*/
.block-category .block-category-inner #category-description strong,
.page-content p,
#wrapper p,
.product-description p,
.product-description span,
.product-description strong,
.product-description strong span,
.product-description div {
  font-family: 'Roboto', sans-serif!important;
  color: #232323!important;
  font-size: 1em!important;
  background-color: transparent!important;
} 

.block-category .block-category-inner #category-description strong {
  font-weight: 400;
} 
.page-content p,
#wrapper p,
.product-description p,
.product-description span,
.product-description div {
  font-weight: 400!important;
} 
.product-description strong,
.product-description strong span {
  font-weight: 800!important;
}