/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* css pour ordinateurs  */
@media only screen and (min-width: 768px) {
#header { color: #fff;}
#header a:hover {color: silver;}

#header { background: #333 !important;}

#header .header-top {color: #fff; padding: 1rem 0;}
#header .header-top a:hover {color: #fff;}

#header .top-menu a:hover {color:silver;}
#header .top-menu a[data-depth="0"] {color: #fff; padding: .625rem; font-size: 0.8rem; font-weight: 600;}
#header .header-nav .blockcart {background: #333;}
#header .header-nav .cart-preview .shopping-cart {color: #fff;}
#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: silver;
    text-decoration: none;
}
#content-wrapper{
background: white !important; 
}

#content-wrapper .banner{
text-align: center;
}

#content-wrapper .page-home{
text-align: center;
}

#top-menu{ background: #333 !important; }

@media {
.dropdown-item:focus, .dropdown-item:hover { color: silver;}
}

@media {
.popover {background-color: #000;}
}


body {
  font-family: Manrope,sans-serif;
  font-size: 0.8rem;
  line-height: 1.25em;
}

@media {
.material-icons {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-family: "Material Icons",Arial,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}
}

#custom-text
{
  padding: 2rem;
  margin-bottom: 1.5rem;
  text-align: center;
  background: #fff;
  border-radius: 0px;
}


/* recherche  */
@media only screen and (min-width: 768px) {
  #search_widget {
    float: center;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 992px) {
  #search_widget {
    min-width: 60rem;
  }
}


#block_myaccount_infos .myaccount-title a, #header a, #wrapper .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {
  color: #f7f7f7;
}

@media {
  .container {
    width: 100%; /* Adjust this percentage as needed */
    max-width: 100%;
  }
}

@media {
#left-column { width: 300px;}
#content-wrapper {width: calc(100% - 600px);}
#right-column { width: 300px;}
}


/* largeur sous-categorie  */
#subcategories ul li {
  width: 230px;
  min-width: 200px;
  margin: 10px;
  text-align: center;
}

#subcategories ul li .subcategory-image a {
  display: block;
  padding: 9px;
  border: 1px solid #d1d1d1;
}

#subcategories ul li .subcategory-image a:hover {
  display: block;
  padding: 9px;
  border: 1px solid #d1d1d1;
}

#subcategories ul li:hover .subcategory-image a {
  padding: 7px;
  border: 3px solid #d1d1d1;
}



#subcategories ul li a:hover {
color: #d1d1d1;
}


#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
  color: #d1d1d1;
}


@media {
.product-miniature .highlighted-informations .quick-view:hover {
  color: #0063bb;
}
}
/* texte global  */

body#checkout section.checkout-step .address-item.selected {
  background: #fff;
  border: #d1d1d1 3px solid;
}
@media {
.custom-radio input[type="radio"]:checked + span {
  background-color: #0063bb;
}
}

@media {
.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {
  background-color: #ed0000;
}
}

/* produits accueil  */
@media  {
  .col-xl-3 {
    width: 180px;
  }
}

/* produits dans categories  */
@media {
  .col-xl-4, .col-xl-5 {
    float: left;
    width: 180px;
  }
}

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




@media  {
.tabs .nav-tabs .nav-link.active {
  color: #0063bb;}
}

@media  {
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
  border-bottom: #0063bb 3px solid;}
}


#custom-text h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #232323;
  text-transform: uppercase;
}

@media  {
.block-categories .h6 {
  font-size: 1.2rem;
  font-weight: 500;
}
}

@media  {

.has-discount .discount {background: #ed0000;}
}


#search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a {
  display: inline-block;
  margin-top: .4375rem;
  font-size: .8rem;
  color: #232323;
}

#search_filters .h6 {
  font-size: 1.2rem;
  font-weight: 500;
}

#search_filters .h6 facet-title hidden-sm-down{
  font-size: 1rem;
  font-weight: 500;
}



}
/* fin css ordinateurs */



/* nouveau orange */
@media  {
.product-flags li.product-flag {
  background: #ff7800;}
}


/* couleur bleu */

@media  {
.btn-primary, .btn-primary:hover {
  color: #fff;
  background-color: #0063bb;
  border-color: transparent;}
}

#main  {
.product-price {color: #0063bb;}
.h5, h5 {font-size: 1.5rem;}

}

#subcategories{
.h5, h5 {font-size: 1rem;}

}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: #333;
  text-decoration: none;
}