/* ========================================
   IMPORT DES VARIABLES CSS CENTRALISÉES
   ======================================== */
@import url('./variables.css');


/* ========================================
   CLASSES CSS PERSONNALISÉES
   ========================================

   Cette section contient toutes les classes CSS personnalisées
   utilisées dans le thème enfant.

   Classes disponibles :
   - .link-color-custom : Applique la couleur primaire sombre aux liens
   - .flex : Active le display flex
   - .justify-center : Centre le contenu horizontalement
   - .m-0 : Supprime les marges inférieures

   Pour ajouter une nouvelle classe personnalisée :
   1. Ajoutez votre classe dans la section appropriée ci-dessous
   2. Documentez-la dans ce commentaire
   3. Utilisez les variables CSS définies dans variables.css

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

/* global */
.flex{
	display: flex;
}

.justify-center{
	justify-content: center;
}

#Wrapper {
  padding-bottom: 10px !important;
}

/* link */
.link-color-custom a {
  color: var(--luzalya-primary-dark) !important;
}

/* margin */
.m-0{
  margin-bottom: 0 !important;
}
.m-0 p{
  margin-bottom: 0 !important;
}

.pre-h2{
  font-size: 1.3rem;
  text-transform: uppercase;
  color: var(--luzalya-primary);
}

.pre-h2-secondary-color{
  font-size: 1.3rem;
  text-transform: uppercase;
  color: var(--luzalya-secondary);
}

/* ol li custom */
.ol-li-custom ol li,
.ol-li-custom ul li {
  list-style: none;
  position: relative;
  padding-left: 45px;
  margin: 20px 0 !important;
}

.ol-li-custom ol li::before {
  content: attr(data-counter);
  background: var(--luzalya-primary);
  color: var(--luzalya-white);
  padding: 5px;
  border-radius: 50%;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Pour les listes ordonnées (ol), utiliser le compteur CSS */
.ol-li-custom ol {
  counter-reset: counter;
}

.ol-li-custom ol li::before {
  content: counter(counter);
  counter-increment: counter;
}


/* list custom */
.luzalya-list {
  color: var(--luzalya-primary);
  margin-bottom: 10px !important;
}
.luzalya-list .list_image {
  width: 30px !important;
  height: 30px !important;
}
.luzalya-list .list_right {
  margin-left: 40px !important;
  padding: 3px 0 0 0 !important;
}

/* logo clients */
.clients_ul .client_wrapper{
  background: none !important;
}

/* sticky header */
.mfn-header-scrolled #mfn-header-template{
  background: var(--luzalya-primary) !important;
}

.mfn-header-scrolled #mfn-header-template .mfn-header-sticky-section:not(:last-child){
  margin: 10px 0 0 0 !important;
}


/* menu header */
#menu-main-menu li.current-page-ancestor > a{
    color: var(--luzalya-secondary);
    background-color: var(--luzalya-primary);
}

/* back to top */
#back_to_top i::before{
  color: var(--luzalya-secondary) !important;
}
#back_to_top:hover i::before{
  color: var(--luzalya-primary) !important;
}

/* actualites */
.blog_wrapper .post{
  color: var(--luzalya-primary)
}
.blog_wrapper .post .entry-title{
  line-height: 1rem !important;
}
.blog_wrapper .post .entry-title a{
  color: var(--luzalya-primary);
  font-size: 1.3rem !important;
}
.blog_wrapper .post .entry-title a:hover{
  color: var(--luzalya-primary-dark) !important;
}
.blog_wrapper .post .post-links a{
  color: var(--luzalya-primary) !important;
}
.blog_wrapper .post .post-links a:hover{
  color: var(--luzalya-primary-dark) !important;
}
.type-post .post-header {
  display: none !important;
}
.type-post .post-nav.minimal {
  display: none !important;
}
.type-post h2{
  color: var(--luzalya-primary)
}
.type-post h3{
  color: var(--luzalya-primary)
}
.type-post h4{
  color: var(--luzalya-primary)
}
.single-photo-wrapper.image{
  text-align: left !important;
}
.wp-block-latest-posts__list, .wp-block-latest-posts__list a {
  color: var(--luzalya-primary) !important;
}
.widget_recent_entries ul li{
  padding: 10px !important;
}
.widget_recent_entries ul li::after{
  background: var(--luzalya-primary) !important;
  color: var(--luzalya-white) !important;
}
.widget_recent_entries ul li:hover a, .widget_recent_entries ul li:hover .wp-block-latest-posts__post-date {
  color: var(--luzalya-white) !important;
}
.wp-block-latest-posts__post-date {
  position: relative;
  z-index: 2;
}
.section-post-intro-share{
  display: none !important;
}

/* elementor counter */
.elementor-counter-number-wrapper {
	line-height: initial !important;
}
.elementor-counter-number-prefix {
	font-size: 1rem !important;
  padding: 5px 0 0 0 !important;
  font-weight: 300 !important;
}
.elementor-counter-number-suffix {
	font-size: 1.5rem !important;
  padding: 5px 0 0 0 !important;
}


 /* header bouton contact */
   .menu-item-5082 a {
       background-color:var(--luzalya-secondary-light) !important;
       color: var(--luzalya-primary-dark) !important;
   }
   
   /* style du formulaire d'inscription aux webinaires */ 
 
 .formulaireWebinaire .gform_fields {
     row-gap: 10px !important;
 }
   
  .formulaireWebinaire_wrapper, .formulaireWebinaire input {
      background-color: #ecdecd !important;
  }
  
   .formulaireWebinaire input {
           height: 30px !important;
           border-color: #437e63 !important;
       
   }
   
   .formulaireWebinaire input[value] {
           color: #437e63 !important;
       
   }
   
   .formulaireWebinaire input[type="submit"] {
           color: #ffffff !important;
       
   }
   
  .formulaireWebinaire_wrapper .gform_title {
      color: #437e63 !important;
  }

/* page contact */

.formulairePageContact_wrapper {
    padding:0 !important;
}

.contactBoxImage {
    margin-bottom: 10px !important;
}

.contactBoxImage p {
    margin-bottom: 0 !important;
}


.formulairePageContact_wrapper.gform_wrapper {
    background: transparent;
}

.formulairePageContact_wrapper .gform_title {
    display: none;
}

.formulairePageContact_wrapper .gform_required_legend, .formulairePageContact_wrapper .gfield_consent_label {
    font-size: 12px !important;
    color: var(--luzalya-primary) !important;
}

.formulairePageContact .gform_fields {
    row-gap: 20px !important;
}

.formulairePageContact .gform_footer {
    justify-content: center;
    margin-top: 50px !important;
}

.formulairePageContact .gfield .ginput_container textarea {
    min-block-size: 50px !important;
    max-height: 80px !important;
}

.formulairePageContact .gfield .ginput_container input, .formulairePageContact .gfield .ginput_container textarea, .formulairePageContact .ginput_container select, .formulairePageContact .ginput_container select option {
    background-color: var(--luzalya-secondary-light);
    border-color: var(--luzalya-primary);
}

.formulairePageContact ::placeholder, .formulairePageContact label, .formulairePageContact select, .formulairePageContact select option, .formulairePageContact_wrapper .gform_required_legend .gfield_required_asterisk, .formulairePageContact_wrapper .gfield_consent_label .gfield_required_asterisk {
    color: var(--luzalya-primary) !important;
}



.formulairePageContact .gform_button {
    border-radius: var(--luzalya-border-radius-extra-large) !important;
    color: var(--luzalya-secondary) !important;
    padding: 20px 20px !important;
}
/* sidebar blog */

.wp-block-latest-posts__list li {
    margin-bottom: 30px !important;
}

.wp-block-latest-posts__list li:after {
    display: none !important;
}

/* pagination blog page actus */

.blog_wrapper .pager .page.active {
    background-color: #437e63;
    color: #ecdecd;
}

.blog_wrapper .pager .page:hover {
    background-color: #ecdecd;
    color: #437e63;
}

.blog_wrapper .pager .next_page, .blog_wrapper .pager .next_page:hover, .blog_wrapper .pager .prev_page, .blog_wrapper .pager .prev_page:hover {
    color: #437e63;
}

/**
* avis clients 
**/

.sp-testimonial-free {
    background-color: var(--luzalya-primary)!important;
    border-radius: 24px;
    padding: 25px;
    border-radius: 24px !important;
    
}

.sp-testimonial-content {
    display: inline-block !important;
    min-height: 470px !important;
}

.sp-testimonial-free .sp-testimonial-client-testimonial .sp-testimonial-content, .sp-testimonial-free .sp-testimonial-client-testimonial .sp-testimonial-content h3 {
    color: var(--luzalya-secondary) !important;
}

.sp-testimonial-free .sp-testimonial-client-testimonial .sp-testimonial-content h3 {
    padding-bottom: 15px;
    font-size: 24px !important;
    min-height: 120px;
    line-height: 26px !important;
}

.sp-testimonial-free .sp-testimonial-client-testimonial .sp-testimonial-content p {
    min-height: 315px;
}


.sp-testimonial-post-title {
    display: none;
}

.sp-testimonial-client-name {
    color: var(--luzalya-secondary) !important;
}

.sp-testimonial-client-designation {
    color: var(--luzalya-secondary-light) !important;
    font-size: 14px !important;
}

.testimonial-nav-arrow {
    background-color: var(--luzalya-primary) !important;
    border-radius: 36px !important;
    width: 36px !important;
    height:36px !important;
    border: none !important;
}

.fa-angle-left::before, .fa-angle-right::before {
    color: var(--luzalya-secondary) !important;
}

/*.fa-angle-left::before:hover, .fa-angle-right::before:hover {
    color: var(--luzalya-secondary-light);
}*/

/**
* responsive
**/
@media only screen and (max-width: 1440px) {
  #mfn-header-template .section_wrapper{
    max-width: 88% !important;
  }
   #mfn-header-template .mfn-megamenu-pos-left .section_wrapper.mfn-wrapper-for-wraps{
    max-width: 100% !important;
  }
   .mfn-megamenu-pos-left{
    right: 0 !important;
    left: auto !important;
  }
 .background-image-adaptatif > div:first-of-type {
    background-size: cover !important;
  }
}

@media only screen and (max-width: 1280px) {
 .background-image-adaptatif > div:first-of-type {
    background-position: center !important;
  }
}

@media only screen and (max-width: 1024px) {
  #Subheader{
    padding: 17rem 0 5rem 0 !important;
  }
  .background-image-adaptatif > div:first-of-type {
    background-size: auto !important;
    background-position: center right !important;
  }
  .mfn-header-menu .mfn-submenu{
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .mfn-header-menu .mfn-submenu .mfn-menu-li a .label-wrapper.mfn-menu-label-wrapper{
    text-align: center !important;
    width: 100% !important;
    color: var(--luzalya-primary-dark) !important;
  }
}

@media only screen and (min-width: 1024px) {
  .mfn-header-menu .mfn-submenu{
    display: none !important;
  }
}

@media screen and (max-width:768px) {
    .formulairePageContact .gchoice_7_7_1 {
    justify-content: center !important;
    align-items: center !important;
}

.sp-testimonial-content {
    min-height: 600px !important;
}
}