/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/




@font-face {
    font-family: 'Poppins';
    src: url('/wp-content/themes/bootscore-child/assets/fonts/Poppins/Poppins-Regular.ttf') format('ttf');

}

@font-face {
    font-family: 'Poppins';
    src: url('/wp-content/themes/bootscore-child/assets/fonts/Poppins/Poppins-Bold.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}

/* Si tu as d'autres variations comme Italic ou autres, tu dois aussi les déclarer ici */





* {
    font-family: 'Poppins',sans-serif;
}

:root {
    --color-1: #D0387B;
	 --color-2: #F0A071; 
	 --color-3: #FAE8A0;
     --color-4: #FBDBE6;
     --color-5: #B5E7A9;
     --color-6 : #FEF7EC;
     --color-7 : #616CD1;

     --swiper-navigation-color:var(--color-1) !important;
     --swiper-theme-color:var(--color-1) !important;
    
     --swiper-pagination-top : 100%;
     --bs-border-radius: 12px;
     --swiper-navigation-color:var(--color-1) !important;
     --swiper-theme-color:var(--color-1) !important;
     --swiper-navigation-top-offset:50% !important;
     
    
}

.color-1{color:var(--color-1);}
.bg-color-1 {background-color: var(--color-1) !important;}
.color-2 {color: var(--color-2) !important;}
.bg-color-2 {background-color: var(--color-2) !important;}
.color-3 {color: var(--color-3) !important;}
.bg-color-3 {background-color: var(--color-3) !important;}
.color-4 {color: var(--color-4) !important;}
.bg-color-4 {background-color: var(--color-4) !important;}
.color-5 {color: var(--color-5) !important;}
.bg-color-5 {background-color: var(--color-5) !important;}
.color-6 {color: var(--color-6) !important;}
.bg-color-6 {background-color: var(--color-6) !important;}
.color-7 {color: var(--color-7) !important;}
.bg-color-7 {background-color: var(--color-7) !important;}

.text-black{
    color: #3C3C3B !important;
}











.link-1{
    white-space: nowrap;
    color: #3C3C3B!important;
    border-width: 0px!important;
    border-radius: var(--bs-border-radius);
    letter-spacing: -0.01em;
    font-size: 20px;
    
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    /* font-weight: 600!important; */
    background:  white;
    padding-top: 16px!important;
    padding-right: 24px!important;
    padding-bottom: 16px!important;
    padding-left: 24px!important;
    transition: padding 300ms ease 0ms; 
    text-decoration: none;
}

.link-1::after{
    color: #3C3C3B;
    
    font-size: inherit!important;
    left: auto;
    font-family: FontAwesome!important;
    font-weight: 900!important;
    
    line-height: 1em;
    content: "\35";
    opacity: 0;
    position: absolute;
    margin-left: -1em;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
    
    text-shadow: none;
    margin-top : 6px;
    }


.link-1:after {
    content: "\f061"; /* Code Unicode pour l'icône du téléphone dans FontAwesome */
    font-family: FontAwesome;
}


.link-1:hover:after{
    margin-left: 0.3em;
    left: auto;
    margin-left: 0.3em;
    opacity: 1; 
    color: white !important;
}


.link-1:hover{
    padding-right: 48px!important;
    padding-left: 24px!important;
    background: #993761;
    color: white !important;
    
}








.link-2, .link-1.is-active,.cf7mls-btns .cf7mls_next{
    color: #fff!important;
    border-width: 0px!important;
    border-radius: 100px !important;
    letter-spacing: -0.01em;
    font-size: 20px;
    text-decoration: none;
    
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 600!important;
    background: var(--color-1) !important;
    padding-top: 16px!important;
    padding-right: 24px!important;
    padding-bottom: 16px!important;
    padding-left: 24px!important;
    transition: padding 300ms ease 0ms; 
}

.link-2::after , .cf7mls_next::after{
    color: #fff !important;
    
    font-size: inherit!important;
    left: auto;
    font-family: FontAwesome!important;
    font-weight: 900!important;
    border: none !important;
    
    line-height: 1em;
    content: "\35";
    opacity: 0;
    position: absolute;
    margin-left: -1em;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
    
    text-shadow: none;
    margin-top : 6px;
    }


.link-2:after , .cf7mls_next:after{
    content: "\f061"; /* Code Unicode telephone FontAwesome */
    font-family: FontAwesome;
}


.link-2:hover:after, .cf7mls_next:hover:after {
    margin-left: 0.3em;
    left: auto;
    margin-left: 0.3em;
    opacity: 1; 
}


.link-2:hover, .cf7mls_next:hover {
    padding-right: 48px!important;
    padding-left: 24px!important;
    
}


/* Style pour le bouton avec la classe link-2 lorsqu'il est désactivé */
.link-2:disabled {
    color: black; /* Couleur du texte pour l'état désactivé */
    cursor: not-allowed !important; /* Icône de curseur pour état désactivé */
    opacity: 0.6; /* Rendre le bouton un peu transparent */
}






.link-3{
    white-space: nowrap;
    color: black;
    border-width: 0px!important;
    border-radius: var(--bs-border-radius);
    letter-spacing: -0.01em;
    font-size: 20px;
    
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    /* font-weight: 600!important; */
    background:  var(--color-4);
    padding-top: 16px!important;
    padding-right: 24px!important;
    padding-bottom: 16px!important;
    padding-left: 24px!important;
    transition: all 300ms ease 0ms; 
    text-decoration: none;
}

.link-3:hover{
    color: var(--color-1) !important;

}




/* Style par défaut pour tous les liens du menu */
.menu-item > a {
    color: black !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Cibler uniquement l'élément direct (le lien principal) lors du survol */
.menu-item:hover > a,
.menu-item.current-menu-item > a {
    color: var(--color-1) !important;
    font-weight: bold;
    transition: color 0.2s ease;
}



.menu-item:focus-visible {
    /* -webkit-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); */
    box-shadow: none !important;
    outline: 0;
}







.offcanvas-body.header-slide .menu-item{
    font-size: 1.5em !important;
    text-align: center !important;
    margin-top : 30px !important;

}








.pwf-sticky-filter{
    z-index: 999 !important;
}







/* ----------------------------------------EFFETS-------------------------------------------- */

/*----HOVER SCALE ----*/
.hover-scale:hover, .solo-product:hover {
    transform: scale(1.03) !important;
    transition: all 200ms ease-in-out;
  }
  .hover-scale, .solo-product {
    transform: scale(1);
    transition: all 200ms ease-in-out;
  }




  .cursor-pointer{
    cursor: pointer;
  }



/*----HOVER TRANSLATE ----*/
.hover-translate:hover {
transform: translateX(10px);
transition: all 200ms ease-in-out;
}
.hover-translate {
transform: translateX(0px);
transition: all 200ms ease-in-out;
}

.box-shadow{
    box-shadow: var(--color-4) 0px 30px 60px -12px, var(--color-4) 0px 18px 36px -18px;
}
.box-shadow-header{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.text-shadow{
    text-shadow: 0.08em 0.08em 0.24em rgba(0,0,0,0.4);
}

















/*-----------------------------------------------------------TINY MCE-------------------------------------*/
/* Par défaut (annule les modifications) */
.mce-content-body [style*="font-family: default"] {
    font-family: inherit;
}

/* Poppins */
.mce-content-body [style*="font-family: poppins"] {
    font-family: 'Poppins', sans-serif;
}

/* Serif */
.mce-content-body [style*="font-family: serif"] {
    font-family: serif;
}
/*-----------------------------------------------------------TINY MCE-------------------------------------*/




/*-----------------------------------------------------------SWIPER-------------------------------------*/
/* SWIPPER */
.swiper .swiper-button-next::after, .swiper .swiper-button-prev::after {
    display: none !important;
}
.swiper-button-next, .swiper-button-prev{
    padding: 25px;
    background: #ffffff9f;
    box-shadow: 0px 0px 5px 0px black;
    border-radius: 100%;
    color: black !important;
   
}
/*-----------------------------------------------------------SWIPER-------------------------------------*/












.custom-shadow-1{

    -webkit-box-shadow: 5px 5px 0px 2px #D0387B; box-shadow: 5px 5px 0px 2px #D0387B;
}








.sorting-form {
    display: flex;
    align-items: center;
}




.form-control{
    background-color: var(--color-4) !important;
    padding: 20px;
    border-radius: 50px;;
    border: none !important;
}



.text-shadow-white, p strong, p b, .color-1.fw-bold,
.hovercta{text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white;
}
.hovercta:hover{color : #993761 !important; transition: color 0.2s ease;}



/* @media (min-width : 1400px){
    .py-5{
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .pt-5{
        padding-top: 100px !important;
        
    }
    .pb-5{
        
        padding-bottom: 100px !important;
    }
} */


.fw-bold{font-weight: 500 !important;}


.dropdown-menu{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 15px 60px -12px;
    border: 0 !important;
}

.dropdown-menu a{
    padding-left: 20px;
    padding-right: 20px;
    padding-top : 10px;
    padding-bottom : 10px;


}

.dropdown-menu .current-menu-item a, .dropdown-menu a:active{
    background-color: var(--color-1) !important;
color: white !important;
font-weight: 600 !important;


}

.offcanvas-body{
    overflow-x: hidden;
    overflow-y: auto;
}

.offcanvas-body.header-slide .dropdown-menu a{
    font-size: 0.8em !important;

}




 .dropdown-menu {
    transform: translateX(-50%) !important;
    left: 50% !important;
    top : 100% !important;
    text-align: center !important;
}

.nav-link:focus-visible{
    box-shadow: none !important;
}


b, strong{
    font-weight: 600 !important;
}




.noUi-connect.noUi-draggable, .pwf-field-item .noUi-handle{
    background-color: var(--color-1) !important;
}




#breadcrumbs a, #breadcrumbs * {
    text-decoration: none;
    color: #0e0e0e !important;
}