/* Fichier de correction des couleurs jaunes/or - YEL.FINANCES */
/* Dernière mise à jour: 2024-08-22 */

/* Remplacement de toutes les couleurs jaunes/or par la couleur de référence #d4af37 */

/* Variables globales */
:root {
  --primary-solid: #d4af37;
  --primary: #d4af37;
  --accent: #d4af37;
  --yellow: #d4af37;
  --gold: #d4af37;
}

/* Réinitialisation des dégradés jaunes */
.hero-title,
.section-title,
.filters h2,
.formation-card h3,
.formation-detail-title,
.about-title,
.values-section h2,
.team-section h2,
.contact-section h2,
.faq-section h2,
.hero-cta .btn,
.btn-primary,
.btn-accent,
.btn-warning,
.cart-btn,
/* État actif et survol des liens de navigation */
.nav-link:hover,
.formation-card .btn,
.hero-cta .btn,
blockquote,
.testimonial-card,
/* .formation-card, */
/* .about-section, */
.team-member,
.contact-form,
.faq-item,
.commande-confirmation-table,
.formation-table,
.fas.fa-star,
.fas.fa-check,
.fas.fa-award,
.fas.fa-trophy,
.fas.fa-medal,
.fas.fa-certificate,
a:not(.btn),
.text-primary,
.text-accent,
.text-warning,
.formation-card .price,
.formation-detail-price,
.about-section strong,
.team-member h3,
.contact-info i {
  background: none !important;
  background-color: transparent !important;
  color: #d4af37 !important;
  border-color: #d4af37 !important;
}

/* Boutons et éléments interactifs */
.btn-primary,
.btn-accent,
.btn-warning,
.cart-btn,
.formation-card .btn,
.hero-cta .btn,
/* État actif et survol des boutons */
.nav-link:hover {
  background: #d4af37 !important;
  color: #ffffff !important;
  border-color: #d4af37 !important;
}

/* Dégradés */
.hero-title,
.section-title,
.filters h2,
.formation-card h3,
.formation-detail-title,
.about-title,
.values-section h2,
.team-section h2,
.contact-section h2,
.faq-section h2 {
  background: linear-gradient(135deg, #d4af37 0%, #d4af37 50%, #d4af37 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: #d4af37 !important;
}

/* Bordures et séparateurs */
.quote-box,
blockquote,
.testimonial-card,
.formation-card,
.about-section,
.team-member,
.contact-form,
.faq-item {
  border-color: #d4af37 !important;
}

/* Arrière-plans et surbrillances */
.formation-card:hover,
.testimonial-card:hover,
.team-member:hover,
.faq-item:hover {
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.2) !important;
  border-color: #d4af37 !important;
}

/* Icônes et éléments décoratifs */
.fas.fa-star,
.fas.fa-check,
.fas.fa-award,
.fas.fa-trophy,
.fas.fa-medal,
.fas.fa-certificate {
  color: #d4af37 !important;
}

/* Liens et texte */
a:not(.btn),
.text-primary,
.text-accent,
.text-warning,
.formation-card .price,
.formation-detail-price,
.about-section strong,
.team-member h3,
.contact-info i {
  color: #d4af37 !important;
}

/* Tableaux */
.commande-confirmation-table,
.formation-table {
  background-color: rgba(212, 175, 55, 0.1) !important;
  border: 1px solid #d4af37 !important;
}

/* Correction spécifique pour le bouton du panier */
.cart-btn {
  position: relative;
  background: #d4af37 !important;
  color: #ffffff !important;
  border: 1px solid #d4af37 !important;
  padding: var(--space-md) var(--space-lg) !important;
  border-radius: var(--radius-full) !important;
  cursor: pointer;
  transition: all 0.3s ease !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

.cart-btn:hover {
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important;
  background: #c19b2e !important;
  border-color: #c19b2e !important;
}

.cart-count {
  position: absolute;
  top: -8px;
  right: -8px;
  background: #d4af37 !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  border: 2px solid #ffffff;
}

/* Correction des couleurs dans les formulaires */
input:focus,
select:focus,
textarea:focus {
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25) !important;
}

/* Correction des couleurs des onglets et des indicateurs */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #ffffff !important;
  background-color: #d4af37 !important;
  border-color: #d4af37 #d4af37 #ffffff !important;
}

/* Correction des couleurs des paginations */
.page-item.active .page-link {
  background-color: #d4af37 !important;
  border-color: #d4af37 !important;
  color: #ffffff !important;
}

.page-link {
  color: #d4af37 !important;
}

/* Correction des couleurs des alertes */
.alert-warning {
  color: #856404 !important;
  background-color: #fff3cd !important;
  border-color: #ffeeba !important;
}

/* Correction des couleurs des badges */
.badge-warning {
  color: #212529 !important;
  background-color: #d4af37 !important;
}

/* Correction des couleurs des tooltips */
.tooltip-inner {
  background-color: #d4af37 !important;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #d4af37 !important;
}

/* Responsive - Ajustements pour mobile */
@media (max-width: 768px) {
  .hero-title,
  .section-title,
  .filters h2 {
    font-size: 2rem !important;
    background: linear-gradient(135deg, #d4af37 0%, #d4af37 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: #d4af37 !important;
  }

  .mobile-sidebar .nav-link.active {
    background: #d4af37 !important;
    color: #ffffff !important;
  }
}