/* Moved from Theme.custom_css (https://kreezalid.s3.eu-central-1.amazonaws.com/556532/app/custom.css?v=1767704302) */
/* ==========================================================================
   Welcome to Fairy Market Theme 2023
   ========================================================================== */

/* How to install ? 
   
   Copy and Paste the entire content of this file in your
   Kreezalid Admin panel : Theme / Custom CSS
   ========================================================================== */

/**
 * What is Fairy Market Theme
 *
 * This theme was designed for e-commerce marketplaces.
 *
 * The dominant colors of this theme are beige and dark grey, but you can easily modify 
 * this color chart by choosing your own colors in Theme / General / Theme colors, 
 * or in the "2.Brand's Colors" section of this file.
 *
 */


/* ==========================================================================
   SUMMARY

   1.  Fonts
   2.  Brand's Colors You Can Customize
   3.  General Style
   4.  Navigation Menu
   5.  Homepage
   6.  Listing Page
   7.  Listing Thumbnail
   8.  USER'S SHOP VIEW 
   9.  User's Dashboard
   10. Apps

   ========================================================================== */

/* ==========================================================================
   1. FONTS
   ========================================================================== */

/* Comment : The main fonts used for this theme are Roboto (for the pages'body) and Playfair (for headings).
 * Those fonts are provided by Google Fonts. You can modify the font's style and type by choosing other
 * options here : https://fonts.google.com/knowledge
 */


/* Import from Google Fonts */



@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&family=Roboto:wght@300;400;700&display=swap');



/* Conteneur du filtre */
.search-filter-content {
  border-bottom: 1px solid #eee;
  padding: 12px 0;
}

/* Header cliquable */
.search-filter-content .filter_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-weight: 600;
  user-select: none;
}

/* Petite flèche */
.search-filter-content .filter_title::after {
  content: "▾";
  font-size: 14px;
  transform: rotate(0deg);
  transition: transform .2s ease;
}

/* Zone options (par défaut fermée) */
.search-filter-content ul.list-unstyled {
  margin-top: 10px;
  display: none;
}

/* État ouvert */
.search-filter-content.is-open ul.list-unstyled {
  display: block;
}

.search-filter-content.is-open .filter_title::after {
  transform: rotate(180deg);
}


.product_price:has(.listing-original-price) {
  color: #e11d48 !important; /* rouge destockage */
  font-weight: 700;
}

.product_price .listing-original-price {
  margin-left: 6px;
  color: #9ca3af; /* gris */
  text-decoration: line-through;
  font-weight: 400;
}
.label-destockage{
  background:#e11d48; /* rose/rouge punchy */
  color:#fff;
  font-weight:700;
  border-radius:6px;
  padding:4px 8px;
  font-size:12px;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

/* Pages' body font */

body,p, a, span {
    font-family: 'Roboto', sans-serif;
    font-weight:200;
}


/* Headings' font */

 h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}


.page-header:before {
    content: '';
    position: absolute;
    background: #ffffff8f;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: auto;
}

.page-header .container, .page-header {
    z-index: 0;
}


.shop-view .page-header:before {
    content: '';
    position: absolute;
    background: #000;
    opacity: 0.6;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}

.shop-view .page-header {
    position: relative;
    z-index: auto;
}

.shop-view .page-header .breadcrumb > li, .shop-view .page-header .breadcrumb > .active, .shop-view .page-header .breadcrumb > *:before, .shop-view .breadcrumb li {
    color: #FFF;
    font-weight: bold;
}

.page-header h1, .page-header h1 small {
    font-weight: 600;
}
.breadcrumb {
    font-weight: 400;
}
.about-supplier-head {
    color: #FFF;
}
.shop-view .btn-inbox {
    background-color: #0000 !important;
    border-color: #FFF !important;
    color: #FFF !important;
}
.shop-view .page-header h1, .shop-view .page-header h1 small {
    color: #FFF;
    font-weight: bold;
}

.btn-inbox {
    width: auto;
    display: inline-block;
}



/* ==========================================================================
   2. BRAND'S COLORS 
   ========================================================================== */

/* Comment : The Basic Color Chart For Fairy Market is :
 * DARK GREY   : #333333
 * BLACK       : #000000
 * WHITE       : #ffffff
 * BEIGE       : #f9f5f0
 * BROWN       : #94887B
 * OLIVE GREEN : #585540
 */


/* ==========================================================================
   3. GENERAL STYLE
   ========================================================================== */

a:hover,
header a,
.admin-bar__item{
    text-decoration:none;
}
.btn {
    white-space: normal;
}
.backtotop {
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 10px;
    border-radius: 99%;
}

@media (min-width: 992px){

    .addons .description.text-left.col-md-7.col-xs-7{
        width: 66.66667%;
        padding-left: 10px;
        padding-right: 0;
    }
    
    .addons .addon-price.col-md-4.col-xs-4 {
       width: 25%;
       padding-left: 0px;
        padding-right: 10px;
    }
}

.addons p{
    font-size: 13px;
}


/**** BUTTONS ****/

.btn{
    border-radius : 0;
    text-decoration:none;
    padding:6px 25px;
}

.btn.btn-primary.white {
    background: #FFF;
    color: #333;
    border-color: #FFF;
    font-weight: 200;
}

/**** FORMS ****/

.form-control, output {
    line-height: 1.7;
    color: #555;
    display: block;
    color: #7c7c7c;
    font-weight: 200 !important;
}

/**** APPS ****/

/*** Kreezalid Cookie banner App ***/
.cc-banner .cc-message {
    font-size: .831em;
    color: #666;
    line-height: 1.5;
}

.cc-color-override-1878481582 .cc-btn:hover{
    opacity:0.7;
    text-decoration:none;
}


/* ==========================================================================
   4. NAVIGATION MENU
   ========================================================================== */

.cbp-hrmenu .cbp-hrsub {
    background: #FFF;
}  

.cbp-hrmenu .cbp-hrsub-inner ul.mega_menu_colum_sub li a{
    opacity:0.5;
}


/*fix on mega-menu for js mouse over management*/
.cbp-hrmenu .cbp-hrsub {
    background:none;
    margin-top:0px;
    border-top: none;
    padding-bottom:0px;
}

/*fix on mega-menu  for js mouse over management*/
.cbp-hrmenu .cbp-hrsub-inner {
    background:#FFF;
    margin-top:10px;
    border-top: 1px solid #FFF;
    padding-top:20px;
    width:100%;
}

/*fix on mega-menu mobile */
    .cbp-hrmenu .cbp-hrsub-inner {
        padding-top:1em;
        padding-bottom:1em;
    }


/* MOBILE DEVICES ONLY */


/* DESKTOP ONLY */

@media (min-width: 992px){
    
    .cbp-hrmenu>ul>li>a.univers-link {
        border-bottom: 1px solid transparent;
    }
    
    .cbp-hrmenu>ul>li>a.univers-link:hover {
        border-color: inherit;
    }
    
    .cbp-hrmenu>ul>li>a.univers-link {
        padding-left: 0;
        padding-right: 0;
    }
    
    .cbp-hrmenu>ul>li{
        padding-left:15px;
        padding-right:15px;
    }
    .cbp-hrmenu .cbp-hrsub-inner ul {
        background-color: #0000;
        text-align: left;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .cbp-hrmenu .cbp-hrsub-inner ul.mega_menu_colum_sub{
        padding:0;
    }
    .cbp-hrmenu .cbp-hrsub {
        width: 100%;
        box-shadow: none;
        min-width: 300px;
    }
    /*.cbp-hrmenu>ul>li {
        position: relative;
    }*/
    .cbp-hrmenu > ul > li.cbp-hropen a.univers-link:hover:after {
        content:none;
    }
    /*.cbp-hrmenu .cbp-hrsub-inner {
        width: auto;
    }*/
    .cbp-hrmenu .cbp-hrsub-inner ul.mega_menu_colum_sub br {
        display: none;
    }
    .cbp-hrmenu .cbp-hrsub-inner ul.mega_menu_colum {
        -moz-column-count: 4;
        -moz-column-gap: 20px;
        -webkit-column-count: 4;
        -webkit-column-gap: 20px;
        column-count: 4;
        column-gap: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .cart_link a, .cart_link a:hover, .cart_link_mob a, .cart_link_mob a:hover {
        background-repeat: no-repeat !important;
        background-position: center center !important;
        font-size: 0px !important;
        height: 40px !important;
        width: 40px !important;
        background-size: 25px !important;
    }
    .cart_link a,
    .cart_link_mob a{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-cart3' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1 5a.5.5 0 0 1-.465.401l-9.397.472L4.415 11H13a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l.84 4.479 9.144-.459L13.89 4H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E") !important;
    }
    .cart_link a:hover,
    .cart_link_mob a:hover{
        opacity:0.5
    }
    .cart_link a {
        margin-top: 0 !important;
    }
}


/* ==========================================================================
   5. HOMEPAGE
   ========================================================================== */

.home_about_you{
    position:relative;
    color:#FFF;
}

.home_about_you.section-spacing {
    position: relative;
    margin-bottom: -50px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.home_about_you:before {
    content:'';
    position: absolute;
    inset: 0px;
    background-color: #2c2c2c5c;
    height:100%;
    left:0;
    
}
/*.edito_img{
    display:none;
}
*/
.edito_text {
    /*width: 100%;*/
    padding-right: 30px;
    text-align: center;
}

.edito_text a{
    background:#FFF;
    color:#333;
    padding:6px 25px;
    border: 2px solid #FFF;
}


.tick-box {
    display: inline-block;
    color: #fff;
    fill: none;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin: 0px;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    user-select: none;
}

.why-selling-here {
    background-color: #595540;
    color:#FFF;
    text-align:center;
}
.round-category-wrapper{
    display:flex;
    align-items:center;
    justify-content: space-between;
    text-align:center;
}

.single_item_cat{
    flex:1;
}

.single_item_cat .item_cat_wrap_img{
    width: 100px;
    height: 100px;
    overflow: hidden;
    flex: 1;
    max-width: 100%;
    border-radius: 100%;
    margin: 0 auto;
    filter: grayscale(1);
    margin-bottom: 18px;
}
.single_item_cat img {
    width: 100%;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(2);
}


.scroll-down-mob {
    display:none;
}


.scroll-down-mob:hover {
    padding-top: 15px;
}
.scroll-icon {
    transform: rotateZ(180deg);
    display: inline-block;
    color: #fff;
    fill: none;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin: 0px;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    user-select: none;
}

.featured-sellers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: start;
    align-items: start;
    gap: 27px 8px;
}

.featured-sellers-section h2{
    margin-bottom:30px;
}

.featured-sellers-section{
    background:#f9f5f0;
}


.featured-sellers .single_item_n {
    height: 100%;
}
.featured-sellers .single_item_n .underline{
    text-decoration:underline;
    font-weight:700;
}

.featured-sellers .single_item_n {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    text-align: center;
}

.featured-sellers .single_item_n a{
    text-decoration: none;
    display: block;
}

.featured-sellers .single_item_n .img-wrap{
    position: relative;
    overflow: hidden;
    width: 100%;
}
.big-eyd{
    transition: all 0.5s ease-in-out 0s;
    position: relative;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    height: 0px;
    padding-bottom: 120.482%;
}

.featured-sellers .single_item_n img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    inset: 0px;
    margin: auto;
}

.home_featured_collection h2, 
.home_featured_listings h2 {
    text-transform: none;
    font-size: 1.5em;
    letter-spacing: 0;
    margin-bottom: 12.5px;
    margin-top: 30px;
    text-align: left;
}

.home-banner-content .btn{
    min-width: 228px;
    font-weight: 200;
    border: 0px;
    color: #333;
    margin-bottom: 16px;
    background: #FFF;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    cursor: pointer;
    position: relative;
    height: 50px;
    padding: 16px;
}

.home-banner-content .btn:hover,
.home-banner-content .btn:focus {
    background:#FFF;
    color:#333;
}

.home-banner-content .btn span{
    padding: 0px 10px;
    position:relative;
    transition: all 0.5s ease 0s;
}

.home-banner-content .btn span:after {
    content: '\f178';
    font-family: Fontawesome;
    right: 0;
    top: center;
    position: aboslute;
    transition: all 0.5s ease 0s;
    position: absolute;
    opacity: 0;
}

.home-banner-content .btn:hover span:after {
    opacity: 1;
    right: 0px;
}

.home-banner-content .btn:hover span{
    padding: 0px 20px 0px 0px;
}

.hero-container .overlay-filter {
    opacity: 1;
    background: #554d4540 !important;
    inset: 0;
}

.search-label-home{
    position:relative;
}
.search-label-home:before {
    content:'\f002';
    font-family:Fontawesome;
    left:0;
    padding-right: 10px;
}

#headerMainSearchForm {
    max-width: 100% !important;
    opacity: 1 !important;
    padding: 0 1em;
}

#headerMainSearchForm input {
    border: 1px solid #aaa;
    padding-left: 3em;
    appearance: none;
    width: 100%;
    border-radius: 60px;
}

.top_search_cta {
    color: #aaa;
    overflow: hidden;
    margin-right: -40px;
    padding-left: 20px;
    z-index: 1;
}

.section-spacing.about-the-brand {
    background: #f9f5f0;
    padding-top: 80px;
    padding-bottom: 80px;
}

.about-the-brand h2{
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 0px;
}

main .item {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
}
main .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
}
main .item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 28px 25px;
  color: #fff;
  background: #8c8c8c3b !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
main .item .overlay span {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 60px;
  padding: 10px 20px;
  display: inline-block;
}
main .item .overlay > div h2 {
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}

.owl-nav {
  position: absolute;
  top: -100px;
  right: 0;
}

.owl-nav button {
  background: #fff !important;
  width: 45px;
  height: 45px;
  font-size: 25px !important;
  box-shadow: 0px 0px 17px #00000005;
  border-radius: 50%;
}
.owl-nav button:nth-of-type(1) {
  margin-right: 13px;
}

.owl-stage-outer{
    margin-bottom:15px;
}

.round-category-wrapper a .underline{
    display:inline-block;
}

.round-category-wrapper a:hover .item_cat_wrap_img {
    filter: grayscale(0);
}

.round-category-wrapper a .underline,
.round-category-wrapper a{
    border-bottom :2px solid transparent;
}

.round-category-wrapper a:hover .underline,
.round-category-wrapper a:focus .underline{
    border-bottom:2px solid ;
}

.round-category-wrapper {
    column-gap: 15px;
    row-gap: 15px;
}




/* MOBILE DEVICES ONLY */

@media (max-width: 991px){
    .cbp-hrmenu ul{
        padding-bottom:0;
    }
    .cbp-hrmenu>ul>li.cbp-hropen a {
        font-size: 14px;
    }
    .cbp-hrmenu .cbp-hrsub-inner ul.mega_menu_colum_sub li a {
        padding-left: 10px;
    }
    .mega_menu_colum br{
        display:none;
    }
    .cbp-hrmenu .cbp-hrsub-inner {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
    }
    .cbp-hrmenu .cbp-hrsub {
        padding-top: 0;
    }

    .round-category-wrapper {
        width: 100%;
        -webkit-overflow-scrolling: touch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }
}

@media screen and (max-width: 767px){
     .hero-container {
        display: block;
    }
    .scroll-down {
        animation: 1s ease 0.7s 1 normal forwards running bounce;
    }

    .scroll-down {
        cursor: pointer;
        outline: none;
        padding: 10px;
    }
    .scroll-down-mob{
        animation: 1s ease 0.7s 1 normal forwards running bounce;
    }
    .scroll-down-mob {
        display: flex;
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 47px;
        justify-content: center;
    }
    .hero-container .container{
            padding-bottom:47px;
    }
    .welcome-message{
            height:auto !important;
    }
    .about-the-brand .argument {
        width: 300px;
        margin: 0px auto;
        margin-bottom:60px;
    }
}

@media screen and (max-width: 600px) {
  .owl-nav {
    top: -60px !important;
  }
}


/* DESKTOP ONLY */



@media (min-width: 992px){
    .container.clear_menu {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    span.nav.navbar-nav,
    .nav.navbar-nav.navbar-right{
        flex: 1;
    }
    .navbar-inverse .navbar-brand {
        flex:1.3;
    }
    #headerMainSearchForm{
        flex:3;
    }
    .nav.navbar-nav.navbar-right{
        justify-content: end;
    }
    .navbar-brand>img {
        height: auto;
    } 
    
    .card .card_img {
        min-height: 350px;
    }
    .featured-sellers {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 24px;
    }
    .featured-sellers .single_item_n{
        row-gap: 20px;
        max-width: 500px;
    }
    .even_item {
        order: 2;
    }
    .big-eyd:hover{
    transform: scale(1.1);
    }
}



/* ==========================================================================
   6. LISTING PAGE
   ========================================================================== */

.listing-attributes-grid .attribute-box .listing_attr_title {
    letter-spacing: 0px;
    font-size: 15px;
}

.listing-show .add-to-cart{
    min-height:40px;
    height:40px;
}

.listing-show form .form-control{
    min-height:40px;
    height:40px;
}

.listing-show .form-group {
    margin-bottom: 5px;
}

.listing-show #qty_select {
    min-height:40px;
    height:40px;
    width: calc(100% - 5px);
    text-align: center;
    padding: 0 !important;
}

.listing_container .btn-inbox {
    min-height: 40px;
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top:15px
}

.other-listings h2 {
    text-transform: none;
    font-size: 17px;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 15px;
    font-weight: 400;
    color: #000;
    border-bottom: 1px solid #EEE;
}

.listing_attr_title:before {
    content: "\f058";
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    color: #000;
}
.shop_avatar{
    display: none;
}


.listing_description h2 {
   text-transform: none;
    font-size: 17px;
   letter-spacing:0px;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 15px;
    font-weight: 400;
    color: #000;
    border-bottom: 1px solid #EEE;
}

.other-listings h2:after,
.listing_description h2:after {
    content: "";
    width: 65px;
    height: 2px;
    background: #000;
    display: block;
    margin: 10px 0 0 0;
}

.rate .fa.fa-star, .rate .fa.fa-star-half-o, .rate .fa.fa-star-o {
    color: #333;
}

.social-share-links {
    margin-top: 20px;
}
.listing-show .a2a_default_style:not(.a2a_flex_style) a span{
    background:#000 !important;
    border-radius :99% !important;
    width: 30px !important;
    line-height: 30px !important;
    height: 30px !important;
    padding:8px;
}

.publish_on_date {
    display: none;
}

/* ==========================================================================
   7. LISTING THUMBNAIL
   ========================================================================== */

.card .wishlist-btn-text{
    display: none;
}

.card .wishlist-btn.wishlist-login-btn,
.card .wishlist-btn.add-to-wishlist,
.card .wishlist-btn.remove-from-wishlist{
    position: absolute;
    right: 10px;
    top: 0px;
    border: 1px solid #FFF;
    background: #FFF;
    border-radius: 99%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
}

/* ==========================================================================
   8. USER'S SHOP VIEW 
   ========================================================================== */

.shop-view .breadcrumb {
    display: none;
}

.shop-view .page-header{
    position:relative;
    color:#FFF;
}

.shop-view .btn.btn-inbox{
    width:auto;
    display:inline-block;
    background:transparent !important;
}
.shop-view .page-header .container{
    z-index:0;
    color:#FFF;
}
.shop-view .page-header h1{
    color:#FFF;
}
.shop-view .page-header:before{
    content: '';
    background: #000000cf;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.preset-1.user-attributes-grid .attribute-box {
    border-radius: 5px;
    box-shadow: 0 16px 23px rgb(0 0 0 / 10%), 0 4px 15px transparent;
    padding: 2em;
    text-align: center;
}
.preset-1.user-attributes-grid {
    margin-bottom: 3em;
    margin-top: 2em;
}

/* ==========================================================================
   9. USER'S DASHBOARD
   ========================================================================== */


.dashboard-body .col-md-9  .white-box {
    border-bottom: 1px solid;
}

/* ==========================================================================
   10. APPS
   ========================================================================== */


/* Cookies banner */

.cc-banner.cc-bottom {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%);
}