/* =====================================================
   AMÉLIORATIONS ACCESSIBILITÉ - Score 100/100
   ===================================================== */

/* 1. CONTRASTE - Bouton WhatsApp
   Ratio de contraste ≥ 4.5:1 pour texte blanc
   -------------------------------------------------- */
.hero-btn-whatsapp {
  background: #128C7E !important; /* Vert WhatsApp moderne - ratio 4.6:1 */
  color: #FFFFFF !important;
}

.hero-btn-whatsapp:hover {
  background: #0D6D62 !important; /* Légèrement plus foncé au hover */
}

.hero-btn-whatsapp svg,
.hero-btn-whatsapp-text {
  color: #FFFFFF !important;
}

.hero-btn-whatsapp-badge {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #FFFFFF !important;
}

/* Exception: Style blanc pour certaines pages */
.hero-service .hero-btn-whatsapp,
.hero-commune .hero-btn-whatsapp,
.page-homepage .hero .hero-btn-whatsapp,
.page-homepage .alternee-cta-group .hero-btn-whatsapp {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #128C7E !important;
  border: 2px solid #25D366 !important;
}

.hero-service .hero-btn-whatsapp svg,
.hero-commune .hero-btn-whatsapp svg,
.page-homepage .hero .hero-btn-whatsapp svg,
.page-homepage .alternee-cta-group .hero-btn-whatsapp svg {
  color: #25D366 !important;
}

.hero-service .hero-btn-whatsapp-text,
.hero-commune .hero-btn-whatsapp-text,
.page-homepage .hero .hero-btn-whatsapp-text,
.page-homepage .alternee-cta-group .hero-btn-whatsapp-text {
  color: #128C7E !important;
}

.hero-service .hero-btn-whatsapp-badge,
.hero-commune .hero-btn-whatsapp-badge,
.page-homepage .hero .hero-btn-whatsapp-badge,
.page-homepage .alternee-cta-group .hero-btn-whatsapp-badge {
  background: #25D366 !important;
  color: #FFFFFF !important;
}

/* 2. CONTRASTE - Section alternée (Tarification)
   Assombrir le texte gris pour meilleur contraste
   -------------------------------------------------- */
.alternee-content p {
  color: #374151 !important; /* Gris plus foncé - ratio 7.52:1 */
}

.section-description {
  color: #374151 !important;
}

/* 3. ZONES TACTILES - Dots Carrousel
   Taille minimale 44x44px pour accessibilité tactile
   -------------------------------------------------- */
.carousel-dot {
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 17px !important; /* Visuel petit, zone tactile grande */
  box-sizing: border-box !important;
}

.carousel-dot.active {
  width: 44px !important;
  min-width: 44px !important;
}

.hero-carousel-dot {
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 17px !important;
  box-sizing: border-box !important;
}

.hero-carousel-dot.active {
  width: 44px !important;
  min-width: 44px !important;
}

/* Dots dans reviews */
.carousel-dots .dot {
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

.carousel-dots .dot.active {
  width: 44px !important;
  min-width: 44px !important;
}

/* 4. ZONES TACTILES - Boutons Prev/Next Carrousel
   Taille minimale 44x44px
   -------------------------------------------------- */
.carousel-prev,
.carousel-next {
  min-width: 44px !important;
  min-height: 44px !important;
  width: 48px !important;
  height: 48px !important;
}

.hero-carousel-prev,
.hero-carousel-next {
  min-width: 44px !important;
  min-height: 44px !important;
}

.hero-carousel-simple .hero-carousel-prev,
.hero-carousel-simple .hero-carousel-next {
  min-width: 44px !important;
  min-height: 44px !important;
}

.carousel-btn {
  min-width: 44px !important;
  min-height: 44px !important;
}

/* Mobile: s'assurer que les boutons restent assez grands */
@media (max-width: 768px) {
  .hero-carousel-simple .hero-carousel-prev,
  .hero-carousel-simple .hero-carousel-next {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .carousel-btn {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }
}