/* AJOUTS SPÉCIFIQUES À LA PAGE SERVICES EN BOOTSTRAP */

/* Style pour le lien de navigation actif */
.nav-menu a.active-page {
  color: var(--orange); 
  font-weight: 700;
  border-bottom: 2px solid var(--orange);
  padding-bottom: 3px;
}

/* Section Hero Services (Réutilise votre structure CSS existante) */
.hero-services {
  /* Assurez-vous d'avoir une image de fond pertinente ici */
  background: url('Image_6257.png') no-repeat center center;
  background-size: cover;
  position: relative;
  height: 50vh; 
  margin-top: 70px; /* Espace sous le header fixe */
}

/* Overlay pour Hero Services (Meilleure lisibilité du texte) */
.hero-services::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4); 
    z-index: 1;
}

.hero-services .hero-content {
    z-index: 2; /* S'assurer que le contenu est au-dessus de l'overlay */
}

/* Style pour le titre de section principal */
.services-detail .section-title {
  color: var(--green);
  font-weight: 700;
}

/* Style pour les titres des blocs de service */
.service-content h3 {
  color: var(--orange); /* Reprend la couleur secondaire */
  font-weight: 600;
}

/* Style pour la liste des points clés */
.service-content ul li {
  /* Personnalisez le style de liste */
  color: var(--dark);
  margin-bottom: 0.5rem;
}

/* Ajout pour l'icône de la liste (nécessite Font Awesome) */
.service-content ul li i {
    color: var(--green);
}

/* Style du bouton petite taille */
.btn-small {
  background: var(--orange);
  color: white;
  padding: 0.6rem 1.2rem;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s;
}

.btn-small:hover {
  background: #e05a2d;
}

/* Réinitialisation pour les images dans les blocs de service */
.service-image-container img {
  height: 300px;
  object-fit: cover;
}