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

a {
    color: #000;
}







/* Header */

#header .header-nav {
    background: #A1A664 !important; 
}
#header .header-nav a {
    color: white;
}

@media (max-width: 768px) {
    #header .header-nav {
        max-height: initial;
        background: white !important;
        border-top: 4px solid #A1A664;
    }
    #header .header-nav a {
        color: #191919;
    }
}

.header-nav .mobile hr {
    margin: 0;
}

#header .top-logo a {
    padding: .5rem 0;
}

#header .top-logo a img {
    max-height: 5rem;
}

.header-nav .right-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: white;
}

.mobile-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.right-flex-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.header-nav .right-nav > * {
    margin-left: 2rem;
}


/* social */
.header-nav .block-social ul {
    justify-content: flex-end;
    align-items: center;
    margin: 0 !important;
}
.header-nav .block-social ul li {
    width: 1.5rem;
    height: 1.5rem;
    margin: .125rem;
    cursor: pointer;
    background-color: transparent;
    background-size: cover;
    margin-left: 1rem;
}
.header-nav .block-social ul li:hover {
    filter: invert(100%);
}
.header-nav .mobile .block-social ul li {
    filter: contrast(0) brightness(0%);
    margin-left: 0rem;
    margin-right: 1rem;
}
/* end social */


/* basket */
#header .header-nav .blockcart {
    height: auto;
    padding: initial;
    background: transparent;
}
/* end basket */



/* logAccount */
.header-nav .user-info {
    margin: 0 !important; 
    display: flex;
}

.header-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; 
    padding: .875rem;
}
.header-nav a:hover {
    color: #44132e;
}
.header-nav a span {
    margin-left: .225rem;
}
/* end logAccount */

.header-nav a i {
   height: 1.125rem;
}   




#header .header-top > .container .tops {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header .header-top #_desktop_logo img {
    max-width: 200px;
    object-fit: cover;
    width: 100%;
}

/* Main Content */
#wrapper {
    background-color: white;
}



/* home list product */

.featured-products {
    padding: 3rem 0;
    background-color: #fff;
}
.featured-products .d-flex {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding-left: 1rem;
    padding-right: 1rem;
}
.featured-products .d-flex .all-product-link {
    background-color: #CEC2CA;
    color: #fff !important;
    text-transform: uppercase;
    padding: 1rem  2rem;
    font-weight: bold;
    font-size: 1rem;
    margin: 1.5rem 0;
    display: flex;
    align-items: center;
}
.featured-products .d-flex h2 {
    color: #4B3141;
    font-size: 1.625rem;
    font-weight: bold;
    text-transform: none;
    letter-spacing: -.07rem;
}
.featured-products .d-flex .all-product-link .material-icons {
    font-size: 20px;
}
.featured-products .js-product {
    padding: 0 !important;
    width: 25%;
}

.featured-products .js-product-miniature {
    padding: .5rem;
}

.product-miniature .thumbnail-container .product-thumbnail picture {
    border-radius: 1rem;
    display: block;
    overflow: hidden;
}

.product-miniature .product-title a {
    font-size: 1.25rem;
    font-weight: 400;
    color: #191919;
}
.product-flags {
    top: 5px;
    left: 15px;
}
.product-flags li.product-flag.on-sale {
    background-color: #ffffff;
}
.product-flags li.product-flag.discount, 
.product-flags li.product-flag.discount-amount, 
.product-flags li.product-flag.discount-percentage {
    background-color: #ffffff;
}
.product-flags li.product-flag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .1925rem .4375rem;
    margin-top: .425rem;
    font-size: .825rem;
    font-weight: 600;
    color: #191919;
    text-align: center;
    text-transform: uppercase;
    word-break: break-word;
    pointer-events: auto;
    background: #ffffff;
    box-shadow: 0px 6px 8px 0px rgba(0,0,0,.3);
}
.product-miniature .product-flags li.product-flag {
    min-width: initial;
    min-height: initial;
}

/*** effects ***/
.thumbnail-container picture img {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.thumbnail-container:hover picture img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


@media screen and (max-width: 876px) {
    .featured-products .d-flex .all-product-link span {
        display: none;
    }

    .featured-products .js-product {
        padding: 0 !important;
        width: 50%
    }
}


@media screen and (max-width: 500px) {
    .featured-products .js-product {
        width: 100%
    }
}
/* end home list product */


/* Breadcrumb */
#wrapper .breadcrumb ol {
    padding: 1rem 0;
    font-size: .825rem;
}


/* PRODUCTS */

/* #content .product-cover picture,
#content .product-images picture { */
picture {
    overflow: hidden;
    display: inline-block;
    border-radius: 1rem;
}
ul.product-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1rem;
}
#content .product-images picture {
    overflow: hidden;
    display: block;
}
.images-container .product-images>li.thumb-container .thumb {
    margin: 0 !important;
    border-radius: 1rem;
    transition: all 0.250s ease-in-out;
    border: 3px solid transparent;
}
.images-container .product-images>li.thumb-container .thumb:hover {
    transition: all 0.250s ease-in-out;
}
.images-container .product-images>li.thumb-container .thumb.selected {
    border: none;
    margin: 0 !important;
    border: 3px solid #4B3141;
    border-radius: 1rem;
}


#product h1.h1 {
    margin-top: 2rem;
    color: #4B3141;
    text-transform: none;
    font-size: 3.25rem;
    max-width: 600px;
}

#product .product-description {
    font-size: 1.125rem;
    line-height: 1.5;
    color: #191919;
}

/* omnibus */
.omnibus-price-history .omnibus-price-history-text {
    margin-top: 1rem;
    font-weight: 500;
    background-color: #eee;
    padding: .5rem;
    border-radius: .5rem;
    display: inline-block;
}
.omnibus-history-price {
    /* font-size: 1.5rem; */
    font-weight: 700;
    color: #4B3141;
}

/* end Product */



/* Categories */
#category-description p strong,
#category-description p b {
    font-weight: 700;
}

#category-description ul {
    padding-left: 1rem;
    list-style: initial;
}

/* Products Tabs */
.tab-pane p + ul {
    margin-top: -1rem;
    list-style: disc;
    padding-left: 1rem;
}

.tab-pane p + ol {
    margin-top: -1rem;
    list-style: decimal;
    padding-left: 1rem;
}


/* Footer */

#footer > .footer-container {
  background-color: #EEEDEE;
  border-top: 6px solid #A1A664;
  padding: 2.5rem 0;
}

#footer > .footer-end {
    background-color: white;
    padding: 1.5rem;
}

#footer #contact-infos img.logo {
    max-width: 170px;
}