/* ================================================================
   BUTTON FIXES - iOS Color Fixes
   ================================================================ */

/* Fix pour le bouton CTA sur iOS - Force la couleur du texte */
.btn-cta-home {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.btn-cta-home:hover,
.btn-cta-home:active,
.btn-cta-home:focus {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Fix spécifique pour iOS Safari */
@supports (-webkit-touch-callout: none) {
  .btn-cta-home {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
  
  .btn-cta-home:hover,
  .btn-cta-home:active,
  .btn-cta-home:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* Fix pour les boutons avec background blanc (comme "Voir Tous les Produits") */
.btn-cta-home[style*="background: #ffffff"],
.btn-cta-home[style*="background-color: #ffffff"],
.btn-cta-home[style*="background: rgb(255, 255, 255)"],
.btn-cta-home[style*="background-color: rgb(255, 255, 255)"] {
  color: #1a3a5c !important;
  -webkit-text-fill-color: #1a3a5c !important;
}

/* FIX: Hover pour boutons avec fond blanc - garder le texte bleu foncé visible */
.btn-cta-home[style*="background: #ffffff"]:hover,
.btn-cta-home[style*="background-color: #ffffff"]:hover,
.btn-cta-home[style*="background: rgb(255, 255, 255)"]:hover,
.btn-cta-home[style*="background-color: rgb(255, 255, 255)"]:hover,
.btn-cta-home[style*="background: #ffffff"]:active,
.btn-cta-home[style*="background-color: #ffffff"]:active,
.btn-cta-home[style*="background: rgb(255, 255, 255)"]:active,
.btn-cta-home[style*="background-color: rgb(255, 255, 255)"]:active,
.btn-cta-home[style*="background: #ffffff"]:focus,
.btn-cta-home[style*="background-color: #ffffff"]:focus,
.btn-cta-home[style*="background: rgb(255, 255, 255)"]:focus,
.btn-cta-home[style*="background-color: rgb(255, 255, 255)"]:focus {
  color: #1a3a5c !important;
  -webkit-text-fill-color: #1a3a5c !important;
  background: #f0f0f0 !important;
  background-color: #f0f0f0 !important;
}

@supports (-webkit-touch-callout: none) {
  .btn-cta-home[style*="background: #ffffff"],
  .btn-cta-home[style*="background-color: #ffffff"],
  .btn-cta-home[style*="background: rgb(255, 255, 255)"],
  .btn-cta-home[style*="background-color: rgb(255, 255, 255)"] {
    color: #1a3a5c !important;
    -webkit-text-fill-color: #1a3a5c !important;
  }
  
  /* FIX iOS: Hover pour boutons avec fond blanc */
  .btn-cta-home[style*="background: #ffffff"]:hover,
  .btn-cta-home[style*="background-color: #ffffff"]:hover,
  .btn-cta-home[style*="background: rgb(255, 255, 255)"]:hover,
  .btn-cta-home[style*="background-color: rgb(255, 255, 255)"]:hover {
    color: #1a3a5c !important;
    -webkit-text-fill-color: #1a3a5c !important;
    background: #f0f0f0 !important;
    background-color: #f0f0f0 !important;
  }
}