/* 
Theme Name: fs hello-child 
Theme URL: https://fs-new.ravendt.org
Description: hello 
Theme Author: White Raven
Author URL: https://fs-new.ravendt.org
Template: hello-biz 
Version: 1.0.1 
*/

@import url('/wp-content/themes/hello-biz/assets/css/theme.css');

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Karla:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');

:root {
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-gradient: linear-gradient(to right, #EEBAFA, #B7E0FA);
    --color-pink-pastel: #FFD0E5;
    --color-blue-light: #B7E0FA;
    --color-lavender: #EEBAFA;
    --color-pink-pale: #EFD5F2;
    --color-blue-ice: #E7F5FD;
    --color-white-pink: #FAEAFD;
    --color-white-pure: #FEFCFE;
    --color-purple-plum: #7B2A75;
    --color-purple-eggplant: #551D51;
}
/*
body {
    font-size: 18px !important;
    font-family: 'Karla', sans-serif !important;
}
*/
/*
h1,
h2,
h3,
h4 {
    font-family: 'DM Serif Display', serif ;
    font-weight: normal ;
    margin: 0 ;
}
*/
/*
h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 2em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.2em;
}
*/
/*
html,
p,
li,
a,
ol,
ul {
    font-size: 1em;
    font-family: 'Karla', sans-serif;
}
*/


h1.navbar-brand.col-auto>a.navbar-brand-sitename.czr-underline>span,
.h2_footer h2,
.h1_header a,
.p_footer p,
.p_footer a {
    font-family: 'Indie Flower', sans-serif !important;
    font-weight: 400 !important;
}

.text_blog p {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.a_pass {
    text-decoration: none !important;
    color: #cad6fc !important;
}

.a_pass:hover {
    color: #fdd0fe !important;

}
.tc-header.border-top {
    border-top-color: var(--color-white) !important;
}

.a_button_product_archive>.shopengine-widget .shopengine-archive-products .products .product .button[data-quantity] {
    text-align: center !important;
}

.woocommerce-loop-category__title {
    text-align: center;
    color: var(--color-black) !important;
}

.search-bar {
    display: none;
}

.search-bar.active {
    display: block;
}

.seach-icon {
    cursor: pointer;
}

.a_boutton .elementor-button-text {
    color: var(--color-black);
}

.a_footer a, .p_footer h2, .p_footer h1 {
    color: var(--color-black) !important;

}

.a_nos_partenaires h5 {
    font-style: normal !important;
}

.a_button .e-loop-add-to-cart-form-container,
.a_button .cart.e-loop-add-to-cart-form,
.a_button a.button.product_type_simple,
a.button.product_type_simple {
    width: 100% !important;
}

.m_a_button {
    position: relative;
}

/*
.a_cat-backdrop {
    position: absolute;
    top: 55.5% !important;
    left: 13% !important;
}
*/
div#tc-page-wrap {
    overflow-y: hidden !important;

}

.a_button a {

    color: var(--color-white) !important;

}

.a_the_filtre .cvp-live-filter.cvp-button {
    text-align: center;
}

#a_product_button div.e-atc-qty-button-holder {
    justify-content: center !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 3px;

}

.a_the_filtre .pt-cv-readmore.btn {
    background-image: linear-gradient(100deg, #EEBAFA 24%, #B7E0FA 96%);
    color: #000 !important;
    border-radius: 32px 32px 32px 32px;
    padding: 15px 070px 015px 070px;
    font-size: 1em !important;
    font-family: 'Karla', sans-serif !important;
}


.a_the_filtre .pt-cv-readmore.btn:hover {
    background-image: linear-gradient(200deg, #EEBAFA 24%, #B7E0FA 24%) !important;

}

.a_the_filtre .cvp-live-filter.cvp-button input[type=radio]:checked~div {
    background-color: #FFD4FF;
    color: #000;
    padding: 21px 16px;
    margin: 0 0px 0 0;
    border-radius: 4px;
}

.a_the_filtre .cvp-live-filter.cvp-button div {
    background: #B7E0FA;
    color: #000;
    margin: 15px 10px;

}

.a_the_filtre .cvp-live-filter.cvp-button>div:hover {
    background: #FFD4FF;
    transition: all 0.7s ease;

}

.a_the_filtre .cvp-live-filter.cvp-button input~div {
    padding: 6px 12px;
    cursor: pointer;
    background: transparent;
}

.a_h2_nounder h2 a,
.a_h5_nounder h5 a {
    text-decoration: none !important;

}

#a_liens [href^="https"],
#a_liens [href^="mailto"] {
    background-color: #CAD6FC !important;
    padding: 5px 10px !important;
    color: black !important;
}

#a_liens [href^="https"]:hover,
#a_liens [href^="mailto"]:hover {
    background-color: #FFD4FF !important;
    color: black !important;
}

.posted_in.detail-container a {

    color: #797a7a !important;

}

mark.count {
    display: none;
}

#main-menu {
    letter-spacing: 0px !important;
    display: flex !important;
    flex-wrap: nowrap !important;

}

span.sku_wrapper.detail-container,
span.posted_in.detail-container>span.detail-label {
    display: none !important;
}

.detail-content>a {
    text-decoration: none !important;
    text-transform: uppercase;
}

.container_product .e-con-inner {
    margin: 0px !important;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    margin-bottom: 20px !important;
}

.nav__menu .menu-item .nav__link .nav__title {
    padding: 10px 0 5px 0;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600;
    text-transform: math-auto;
}

.icn-shoppingcart:before {
    content: '' !important;
    display: inline-block !important;
    width: 1.5em;
    height: 25px;
    background-image: url(/wp-content/uploads/2025/06/Icon-ion-cart-outline.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat;
}
.a_button_product_archive h1.woocommerce-loop-product__title {
    width: 100% !important;
}
span.details {
    margin-top: 10px !important;

}
.seller-items span.details {
    display: flex;
    justify-content: center !important;
}
.container[role=main] {
    margin-top: 0em !important;
}

.swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.can-shrink-brand.sticky-brand-shrink-on .desktop-sticky .navbar-brand {
    font-size: 2.4em !important;


}

.asearch .e-search-submit {

    padding-left: 0px !important;
    padding-right: 0px !important;
}

.swiper-pagination-bullet {
    background-color: transparent;
    width: 4% !important;
    height: 4px;
    border-radius: 0 !important;
    background-color: #ccc;
    margin: 0px -2.5px !important;
    height: 4px !important;
}

.swiper-pagination-bullet-active {
    background-color: var(--color-black);
    width: 8%;
    height: 4px !important;
}

.promo-banner p {
    text-align: center;
    margin: auto;
    padding: 14px;
    font-size: 1.2vw;
    font-weight: 500;
    font-style: italic;
    color: var(--color-purple-plum);
}

.a_swiper .swiper-pagination {
    width: 32% !important;
    height: 4px !important;
}

.a_swiper .swiper-pagination-bullet {
    width: 27% !important;
    height: 4px !important;
}

.a_swiper span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 25% !important;
    height: 4px !important;
}

/*
.cat-backdrop {
    position: absolute;
    top: 55%;
    left: 47%;
}
*/
.hfe-post-info-inline.hfe-post-info-items .hfe-post-info-item {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.hfe-post-info-inline.hfe-post-info-items {
    margin-right: 0px !important;
    margin-left: 0px !important;

}

.czr-wp-the-content ul>li,
.czr-wp-the-content ul {
    padding: 0px !important;

}

.search-toggle_btn,
.woocart.cart-contents {
    padding: 1.25em 5px !important;
}

.cat-image {
    max-width: 50px;
    height: auto;
    opacity: 1;
}

/*
.m_a_button {
    position: relative;
}

.a_cat-backdrop {
    position: absolute;
    top: 55.5%;
    left: -11%;
}
*/
.es-bullets-control-container {
    width: 50% !important;
    /*height: 4px !important;*/
    background-color: #ccc !important;
    /*margin: 20px auto !important;*/
    border-radius: 2px !important;
    position: relative !important;
    overflow: hidden !important;
}

.es-bullets-control-inner {
    width: 50% !important;
    /*height: 4px !important;*/
    background-color: #ccc !important;
    /*margin: 20px auto !important;*/
    border-radius: 2px !important;
    position: relative !important;
    overflow: hidden !important;
}

.jsvZJq::after {

    width: 100px !important;

}

.jGpDsy {
    padding: 0px !important;
    transform: translate(50%) !important;
}


.es-bullets-control-item {
    background: var(--color-black);
    width: 12% !important;
    margin: 0px -4px !important;
    transform: scale(1) !important;

}

.jTDrXV,
.jhsvRh {
    background: rgba(17, 17, 17, 0.0) !important;
    border-radius: 0px !important;

}

.jsvZJq {
    position: relative;
    min-width: 6px;
    height: 6px;
    background: rgba(17, 17, 17, 0) !important;
    border-radius: 50%;
    transform: scale(1);
    width: 25% !important;
    margin: 0px -10px !important;
}

.bZMJWw {
    min-width: 6px !important;
    height: 6px !important;
    background: rgba(17, 17, 17);
    margin: 0px 4px;
    transform: scale(1);
    position: relative;
    width: 25% !important;
    border-radius: 0px !important;
    transform: translate(0px) !important;
}


.ham__toggler-span-wrapper .line {
    width: 25px !important;
}

.ham__toggler-span-wrapper {
    width: 22px !important;
}

.branding .czr-underline span::after {
    border-bottom: 0px solid !important;
}

.nouvelle_boutique a {

    text-decoration: none !important;
}

.position_relative {
    position: relative !important;
}

.position_absolut {
    position: absolute !important;
    bottom: 30% !important;
    width: 100vw !important;

}

.icn-search:before,
.icn-shoppingcart:before {
    font-size: 22px;
}

.nav__menu-wrapper.primary-nav__menu-wrapper.justify-content-end.czr-open-on-hover {
    width: 97% !important;
}

.a_partenaires .elementor-main-swiper.swiper.swiper-initialized.swiper-horizontal {
    padding-bottom: 0px !important;
}

.elementor-widget-testimonial-carousel .swiper-slide,
.a_partenaires .elementor-element.elementor-element-ff45bf8.e-con-full.e-flex.e-con.e-child {
    padding: 0px !important;
}

.branding .navbar-brand {
    padding-top: 1.25rem !important;

}
#a_marque .shopengine-custom-brand-shortcode {
    font-size: 18px !important;
}
.shopengine-filter-orderby-list 
#orderby-menu_order,
.shopengine-filter-orderby-list 
#orderby-rating,
.shopengine-filter-orderby-list 
#orderby-title,
.shopengine-filter-orderby-list 
#orderby-title-desc {
    display: none !important;
}
/* Cacher immédiatement "Trier par dernier" */
.shopengine-filter-orderby-list 
.orderby-input-group label[for="orderby-date"],
.shopengine-filter-orderby-list 
.orderby-input-group #orderby-date {
    display: none !important;
}

.shopengine-filter-orderby-list 
label[for="orderby-menu_order"],
.shopengine-filter-orderby-list 
label[for="orderby-rating"],
.shopengine-filter-orderby-list 
label[for="orderby-title"],
.shopengine-filter-orderby-list 
label[for="orderby-title-desc"] {
    display: none !important;
}
.shopengine-widget .select2.select2-container .select2-selection--single::before {
    content: " " !important;
}
#tab-title-shipping, 
#tab-title-reviews,
#tab-title-product_qa,
#tab-title-more_seller_product,
#tab-title-seller_enquiry_form,
.a_button_product_archive span.details, #a_pourriez span.details,
 #billing_dokan_company_id_number_field, 
 #billing_dokan_vat_number_field,
  #billing_dokan_bank_name_field, 
  #billing_dokan_bank_iban_field{
    display: none !important;
}

/* Container grid : 3 colonnes desktop, 2 tablette, 1 mobile */
.acf-video-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  align-items: start;
}

/* Wrapper et iframe responsive avec aspect-ratio */
.acf-video-item {
  width: 100%;
}

.acf-video-item iframe {
  width: 100%;
  height: 385px;
  aspect-ratio: 1 / 1; 
  border: 0;
  display: block;
}
#a_more_plus .fggxhk.es-button-base-overlay {
     background-color: transparent !important;
     background-image: linear-gradient(100deg, #EEBAFA 4%, #B7E0FA 94%) !important;
     border-style: none ! important;
    border-radius: 32px 32px 32px 32px !important;
    padding: 15px 070px 015px 070px !important;
}
#a_more_plus .es-button-base-container.es-load-more-button {
    border-color: transparent !important;
    background-color: transparent !important;
}
#recherche .jet-ajax-search__submit {
     background-color: transparent !important;
     background-image: linear-gradient(100deg, #EEBAFA 4%, #B7E0FA 94%) !important;
     border-style: none ! important;

}
.badges-produit {
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
    z-index: 20;
}

.badge {
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 700;
    color: #000;
    border-radius: 4px;
    text-transform: uppercase;
}

.badge-offre {
    background:  linear-gradient(100deg, #EEBAFA 4%, #B7E0FA 94%) !important;;
}

.badge-nouveau {
    background: #E7F5FD;
}


/* Breakpoints */
@media (max-width: 1023px) {
  .acf-video-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .acf-video-gallery {
    grid-template-columns: 1fr;
  }
}

@media (max-width:508px) {

    .h1_header h1 {

        font-size: 30px !important;

    }


}

@media (max-width:768px) {
    .a_cat-backdrop {
        position: absolute;
        top: 65.5%;
        left: -28%;
    }

    .a_slide_diapo .swiper-slide-contents {
        width: 50vw !important;

    }
   .a_span {
        display: block !important; 
        text-indent: 50px !important;

}

    .a_slide_diapo .swiper-slide {
        height: 500px !important;
    }

    .container {
        max-width: 95% !important;
        margin-right: auto;
        margin-left: auto;
    }

    body.home .container[role="main"] {
        max-width: 100% !important;
        padding: 0 !important;
    }


}

@media (min-width:768px) and (max-width:992px) {
    body.home .container[role="main"] {
        max-width: 100vw !important;
        padding: 0 !important;
    }

    .container {
        max-width: 95% !important;
        margin-right: auto;
        margin-left: auto;
    }
  .a_span {
        display: block !important; 
        text-indent: 80px !important;

}


    .branding .navbar-brand-sitename.czr-underline span {
        position: relative;
        padding-bottom: 0em !important;
        margin-bottom: -6px !important;
    }
}

@media(min-width:992px) and (max-width:1509px) {
  /*  .a_h2_story>h2 {
        font-size: 5em !important;

    } */

    #primary-nav {
        padding-right: 0px !important;
        padding-left: 0px !important;

    }

    .nav__menu .menu-item .nav__link {
        padding: 0px !important;

    }

    .nav__menu .menu-item .nav__link .nav__title {
        padding: 10px 0 5px 0;
        margin-bottom: 5px;
        font-size: 15px;
        font-weight: 700;
        text-transform: math-auto;
    }
    .a_span {
        display: block !important; 
        text-indent: 220px !important;

}

}

@media (min-width: 1025px) and (max-width: 1295px) {
    .elementor-nav-menu--dropdown-tablet .elementor-menu-toggle {

        display: block !important;

    }


}

@media (min-width: 1200px) {

    body.home .container[role="main"] {
        min-width: 100vw !important;
        padding: 0 !important;
    }

    .a_slide_diapo .swiper-slide {
        height: 900px !important;
    }

    .fin_footer {
        max-height: 75px !important;
        padding-top: 50px !important;
    }

    .container {
        /*max-width: 84% !important;*/
        margin-right: auto !important;
        margin-left: auto;
    }

    .row.align-items-center.flex-row.primary-navbar__row {
        width: 86% !important;
        margin: auto !important;
    }
}


@media (min-width: 992px) {

    .container {
        max-width: 95% !important;
        margin-right: auto;
        margin-left: auto;
    }

    body.home .container[role="main"] {
        min-width: 100vw !important;
        padding: 0 !important;
    }

}/*
@media (min-width: 2000px) and (max-width: 2699px) {
#a_slide-rescue {
   
    --swiper-slides-to-display: 3 !important;
}
#a_slide-rescue {
  --slides-to-show: 3 !important;
}

}
@media (min-width: 2700px) and (max-width: 3349px) {
#a_slide-rescue {
   
    --swiper-slides-to-display: 4 !important;
    
}
#a_slide-rescue {
  --slides-to-show: 4 !important;
}
}
@media (min-width: 3350px) {
#a_slide-rescue {
   
    --swiper-slides-to-display: 5 !important;
}
#a_slide-rescue {
  --slides-to-show: 5 !important;
}
}*/