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

body {
    direction: ltr;
    font-family: Noto Sans,sans-serif;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #232323;
    line-height: 1.25em;
}

a {
    color: #af9352;
    text-decoration: none;
}

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

#wrapper {
    background: #ffffff;
    box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.11);
    padding-top: 1.563rem;
}

#header .header-nav .blockcart {
    background: #af9352;
    height: 3rem;
    padding: 0.75rem;
    margin-left: 0.9375rem;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
}

#header .header-nav .cart-preview .shopping-cart {
    vertical-align: middle;
    color: #ffffff;
}

#header .logo {
    max-width: 130%;
}

.display_combinations input[name="qty"] {
    cursor: not-allowed !important;
    background-color: #f5f5f5 !important;
}

#add-to-cart-or-refresh .product-variants {
  display: none;
}

.modal-body .product-add-to-cart {
  display: none;
}


@media (max-width: 767px)
#header .header-nav .top-logo {
    padding-top: 11px;
    padding-bottom: 11px;
}

#header .header-top .menu {
    padding-left: 35px;
    margin-bottom: 0.375rem;
}

@media (min-width: 768px)
.search-widget {
    min-width: 35.63rem;
}

@media (min-width: 768px)
#header .header-top .search-widget {
    margin-left: 120px;
}

@media (max-width: 425px) {
.btn-primary, .btn-secondary, .btn-tertiary {
    font-size: 0.8rem!important;
  }
}


.block-category {
    min-height: 1.75rem;
    margin-bottom: 1.564rem;
}




#header .header-top .menu {
    margin-bottom: -20px;
    margin-top: 80px;
    margin-left: -230px;
}

.top-menu .sub-menu {
    box-shadow: 2px 1px 11px 2px rgba(0,0,0,.1);
    border: none;
    margin-left: .9375rem;
    width: inherit;
    min-width: inherit;
    z-index: 18;
    position: absolute;
    margin-top: -40px;
}
#header .menu, #header .menu>ul>li {
    display: inline-block;
    position: relative;
}
.top-menu .sub-menu ul[data-depth="1"]>li {
    float: left;
    margin: 0 1.25rem;
    clear: both;
}




#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
    position: absolute;
    z-index: 3;
    background: #fff;
    width: 250px;
    bottom: 0;
    height: 90px;
}

/******** KATANA *********/
/******** FIXES **********/
/******** 20/12/2024 *****/

/*** Header ***/
/* réduire l'espacement inutile entre le menu et le reste du header */
@media (min-width:1025px) and (max-width:9999px) {
	body #header .header-top .menu {margin-top:35px;}
}
@media (min-width:991px) and (max-width:1024px) {
	body #header .header-top .menu {margin-top:10px;}
}
@media (min-width:768px) and (max-width:990px) {
	body #header .header-top .menu {margin-left:-30%; width:125%; margin-top:10px;}
}
/* mauvais affichage du sous-menu */
@media (min-width:1025px) and (max-width:9999px) {
	body .top-menu .sub-menu {margin-left:0px; top:84px !important;}
}
@media (min-width:768px) and (max-width:1024px) {
	body .top-menu .sub-menu {margin-left:0px; top:70px !important;}
}

/*** Cards produits ***/
/* Retrait de l'ombre */
body #products .thumbnail-container,
body .featured-products .thumbnail-container,
body .product-accessories .thumbnail-container,
body .product-miniature .thumbnail-container {box-shadow:none !important;}
/* Retrait du gras sur les prix */
body #products .product-price-and-shipping,
body .featured-products .product-price-and-shipping,
body .product-accessories .product-price-and-shipping,
body .product-miniature .product-price-and-shipping {font-weight:300 !important;}

/*** Ajout de borders ***/
/* pagination */
body .pagination {border-bottom:1px solid #EEE;}

/*** Ombres à retirer en divers endroits ***/
/* Category top */
body .card {box-shadow:none !important; border:none; border-bottom:1px solid rgba(0,0,0,.125);}
/* Tri */
body .brands-sort .select-title,
body .products-sort-order .select-title,
body .suppliers-sort .select-title {box-shadow:none !important;}
/* Pagination bottom */
body .pagination * {box-shadow:none !important;}
/* inputs on product file */
body .bootstrap-touchspin,
body .btn-primary,
body .btn-secondary,
body .btn-tertiary,
.product-variants > .product-variants-item select {box-shadow:none !important;}
/* tabs on product file */
body .tabs {box-shadow:none !important;}
/* product file, cover picture&n thumbs */
body .product-cover img,
body .product-images > li.thumb-container > .thumb {box-shadow:none !important; border:1px solid #EEE; border-radius: 15px;}

/*** Header ***/
/** Menu **/
/* Sub-menu depth 2 */
.js-top-menu ul li a[data-depth="2"] {margin-left:10px; text-transform:uppercase;}

/*** Footer ***/
/** Social **/
/* Pb avec Linkedin + motifs esthétiques */
.linkedin {background-image:url('../css/linkedin.png') !important;}
/* general */
body .block-social ul li {border-radius:5px; background-color: #af9352 !important;}
body .block-social ul li:hover {background-color:#CCC !important;}

/*** Body ***/
/** Common **/
/* Police */
body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body p span,
body input,
body textarea,
body select {font-family:"Poppins", serif !important;}