/* Style pour le mode nuit */ 
:root {
  --bg-section :   rgba(40,40,40,1);
}

body.night-mode *:not(.col-xl-3 .service-item) div,
body.night-mode *:not(.col-xl-3 .service-item) p,
body.night-mode *:not(.col-xl-3 .service-item) h4,
body.night-mode :not(input),
body.night-mode :not(textarea),
body.night-mode .appointment,
body.night-mode .contact .php-email-form {
  background-color: rgb(0, 0, 0);
  color: white; /* */
}

body.night-mode textarea {
  background-color: white;
  color: black; /* */
}
 

/* Exclure les icônes des changements */
body.night-mode   i,
body.night-mode .service-item .icon,
body.night-mode .service-item h4 a,
body.night-mode .service-item p,
body.night-mode .service-item h4 {
  background-color: transparent !important;
  color: inherit !important;
}
 

body.night-mode .featured-services .service-item {
  box-shadow: 0px 0 25px 0 rgb(255, 255, 255, 0.5);
}

/* // section  accent-background */ 
body.night-mode .accent-background  div,
body.night-mode .accent-background  *{
 background-color: transparent !important;;
  color: black !important;
}
 

/* // section  accent-background */ 
body.night-mode .accent-background {
  background-image: linear-gradient(150deg, gray, white, gray);
  color: black !important;
}



/* FONCTIONALITE ******************/
body.night-mode .service-item .icon2 {
  box-shadow: 0px 0 25px 0 rgb(255, 255, 255, 0.5);
}

body.night-mode .service-item:hover .icon2 i {
  background-color: transparent;
}
body.night-mode .service-item:hover .icon2 {
  box-shadow: 0px 0 25px 0 rgb(255, 255, 255, 0.5);
  background: var(--accent-color) !important;;
}


/******LES QUESTIONS***********************/

body.night-mode .faq-container .faq-item {
  border: 1px solid white;
}

/*******INFORMATION**************************/

body.night-mode .contact .info-item i {
  color: white;
  border-color: white;
}
body.night-mode .contact .info-item h3 {
  color: white;
}

body.night-mode .contact .info-item {
  border-color: white !important;
}

body.night-mode .info-item {
  box-shadow: 0px 0 25px 0 rgb(255, 255, 255, 0.5);
}
body.night-mode .contact .php-email-form {
  box-shadow: 0px 0 25px 0 rgb(255, 255, 255, 0.5);
}





/********** sectopn Appointment   ******/
body.night-mode .appointment {
  background-color:var(--bg-section);
  
  
}

body.night-mode .appointment   div,
body.night-mode .appointment   p,
body.night-mode .appointment   h6,
body.night-mode .appointment   h5,
body.night-mode .appointment   h4,
body.night-mode .appointment   h3,
body.night-mode .appointment   h2,
body.night-mode .appointment   h1,
body.night-mode .appointment   label,
body.night-mode .appointment   label b,
body.night-mode .appointment   form {
  background-color: transparent !important;;
}



/************Questions fréquemment posées faq ***************************************/
 
body.night-mode .faq {
  background-color:var(--bg-section);
  
}
body.night-mode .faq div,
body.night-mode .faq p,
body.night-mode .faq i,
body.night-mode .faq h6,
body.night-mode .faq h5,
body.night-mode .faq h4,
body.night-mode .faq h3,
body.night-mode .faq h2,
body.night-mode .faq h1,
body.night-mode .faq label,
body.night-mode .faq label b,
body.night-mode .faq form {
  background-color: transparent !important;
}









/************aos-animate Adresse Email Telephone ***************************************/
 
body.night-mode .aos-animate {
  background-color:var(--bg-section);
  
}
body.night-mode .aos-init  div ,
body.night-mode .aos-init  p    ,
body.night-mode .aos-init  h6   ,
body.night-mode .aos-init  h5   ,
body.night-mode .aos-init  h4   ,
body.night-mode .aos-init  h3   ,
body.night-mode .aos-init  h2   ,
body.night-mode .aos-init  h1   ,
body.night-mode .aos-init  label,
body.night-mode .aos-init  label b,
body.night-mode .aos-init  form {
  background-color: transparent !important;
}
 



/*******Footer Link ********************************/

body.night-mode .footer-about .sitename {
  color: white;
}

body.night-mode .footer .footer-links ul a {
  color: rgba(255, 255, 255, 0.7);
}

body.night-mode .footer .credits a {
  color: #2d87f0;
}

body.night-mode .footer .copyright {
  border-top-color:  white;
}



/*******social-links**********************/

body.night-mode .footer .social-links i {
 background-color: transparent;
}

 


/*******Icon Gallery SVG ****************************/
body.night-mode .gnext svg,
body.night-mode .gprev svg
{
  background-color: transparent;
}






/* Style pour le bouton mode nuit */
.btn-night {
  background-color: #444;
  color: white;
  border: none;
}

.btn-night:hover {
  background-color: #666;
}