/* Variables de couleur de marque */
:root {
  --brand-primary: #FECB45; /* Jaune/Or */
  --brand-secondary: #2D2F36; /* Gris foncé */
  --brand-text-light: #FFFFFF; /* Texte clair pour fonds sombres */
  --brand-text-dark: #2D2F36; /* Texte foncé pour fonds clairs */
}

/* Personnalisation de la carte "Years Of Experience" */
.about-content-box.bg-primary {
  background-color: var(--brand-secondary) !important;
  border: 2px solid var(--brand-primary) !important;
  border-radius: 10px !important;
  padding: 20px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease-in-out !important;
}

/* Ajout d'un effet au survol */
.about-content-box.bg-primary:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Style du texte à l'intérieur de la carte */
.about-content-box.bg-primary .about-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
}

.about-content-box.bg-primary .number-big {
  font-size: 2.5rem !important;
  font-weight: 600 !important;
  color: var(--brand-primary) !important;
  margin-bottom: 10px !important;
}

.about-content-box.bg-primary .mb-0 {
  font-size: 1rem !important;
  font-weight: 500 !important;
  color: var(--brand-text-light) !important;
  text-align: center !important;
}

/* Animation du compteur */
.about-content-box.bg-primary .counter {
  transition: all 0.3s ease-in-out !important;
}

/* Footer de la landing page */
footer.bg-secondary {
  background-color: var(--brand-secondary) !important;
}

/* Section de comptage */
.count-section.bg-primary {
  background-color: var(--brand-secondary) !important;
}

.count-section .text-white h2,
.count-section .text-white h3 {
  color: var(--brand-text-light) !important;
}

.count-section .text-white h2 {
  font-weight: 500 !important;
}

/* Boutons Sign Up et Sign In */
.btn-secondary {
  background-color: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
  color: var(--brand-text-light) !important;
  font-weight: 500 !important;
}

.btn-secondary:hover {
  background-color: #1a1b20 !important;
  border-color: #1a1b20 !important;
}

.btn-primary {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-text-dark) !important;
  font-weight: 500 !important;
}

.btn-primary:hover {
  background-color: #e6b83d !important;
  border-color: #e6b83d !important;
}

/* Liens de navigation actifs */
.navbar-nav .nav-link.active {
  color: var(--brand-primary) !important;
}

/* Liens dans les dropdowns */
.dropdown-nav .active {
  color: var(--brand-primary) !important;
}

/* Liens dans le menu mobile */
.offcanvas .nav-link.active {
  color: var(--brand-primary) !important;
}

/* Icônes de réseaux sociaux - styles uniformisés */
.icon.d-flex.align-items-center.justify-content-center {
  background-color: var(--brand-secondary) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease-in-out !important;
  position: relative !important;
  z-index: 10 !important;
}

.icon.d-flex.align-items-center.justify-content-center:hover {
  background-color: var(--brand-primary) !important;
  transform: translateY(-3px) !important;
}

.icon.d-flex.align-items-center.justify-content-center a {
  color: var(--brand-text-light) !important;
  font-size: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
}

.icon.d-flex.align-items-center.justify-content-center a:hover {
  color: var(--brand-text-dark) !important;
}

.icon.d-flex.align-items-center.justify-content-center a i {
  color: inherit !important;
  font-size: inherit !important;
  width: 16px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Styles spécifiques pour les icônes Font Awesome Brands (YouTube, etc.) */
.icon.d-flex.align-items-center.justify-content-center a i.fa-brands {
  background-color: transparent !important; /* Pas de fond pour les icônes brands */
  color: inherit !important;
  font-size: inherit !important;
  width: 16px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Sélecteur de langue */
.nav-link.fw-5.fs-14 {
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
}

.nav-link.fw-5.fs-14 i {
  margin-right: 5px !important;
  color: inherit !important;
  font-size: 14px !important;
}

/* Dropdown du sélecteur de langue */
.dropdown-nav.ps-0 {
  min-width: 150px !important;
  background-color: #fff !important;
  box-shadow: 0px 16px 32px 0px rgba(182, 182, 182, .2) !important;
  list-style: none !important;
  margin: 0 !important;
  position: absolute !important;
  z-index: 1000 !important;
  transition: all .3s ease-in-out !important;
  padding: 10px 0px !important;
  top: 45px !important;
  border-radius: 5px !important;
}

.dropdown-nav.ps-0 li {
  padding: 5px 15px !important;
}

.dropdown-nav.ps-0 li a {
  display: block !important;
  padding: 5px 0 !important;
  color: #001d24 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.dropdown-nav.ps-0 li a:hover,
.dropdown-nav.ps-0 li a.active {
  color: var(--brand-primary) !important;
}

/* Formulaire d'abonnement */
.email-box .btn-primary {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-text-dark) !important;
  font-weight: 500 !important;
}

.email-box .btn-primary:hover {
  background-color: #e6b83d !important;
  border-color: #e6b83d !important;
}

/* Placeholder dans les formulaires */
.email-box input::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Section des logos d'entreprises */
.companies-logo-section.bg-gray {
  background-color: #f8f9fa !important;
}

/* Cartes de campagne */
.card .badge.custom-cause-red {
  background-color: var(--brand-primary) !important;
  color: var(--brand-text-dark) !important;
}

/* Liens de lecture plus */
.read-more-btn {
  color: var(--brand-primary) !important;
  font-weight: 500 !important;
}

.read-more-btn:hover {
  color: #e6b83d !important;
}

/* Titres de section */
.text-primary {
  color: #009E74 !important; /* Couleur verte d'origine */
}

/* Titre "À propos de nous" - gris foncé */
h2.text-primary.d-flex.align-items-center.justify-content-center.mb-5 {
  color: var(--brand-secondary) !important; /* Gris foncé */
  font-weight: 600 !important;
}

/* Titre "Causes tendances" - jaune doré */
h2.fs-6.fw-6.text-primary {
  color: var(--brand-primary) !important; /* Jaune doré */
  font-weight: 600 !important;
}

/* Tous les titres h1, h2, h3, h4, h5, h6 utilisent le gris foncé */
h1, h2, h3, h4, h5, h6 {
  color: var(--brand-secondary) !important;
}

/* Liens dans les cartes */
.card-title a:hover {
  color: var(--brand-primary) !important;
}

/* Bouton de lecture vidéo - styles pour assurer la visibilité sans modifier la structure */
.video-play-btn {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important; /* Supprimer le fond blanc */
  border: none !important; /* Supprimer toute bordure */
}

.play-video {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important; /* Désactiver toute animation existante */
}

/* Styles spécifiques pour l'icône de lecture */
.play-video i.fas.fa-play {
  display: inline-block !important;
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size: 24px !important;
  color: #009E74 !important; /* Couleur verte d'origine */
  visibility: visible !important;
  opacity: 1 !important;
}

/* Classes pour forcer l'affichage de l'icône */
.text-primary {
  color: #009E74 !important; /* Couleur verte d'origine */
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Assurer la lisibilité du texte dans les cartes avec fond primaire */
.bg-primary {
  background-color: var(--brand-secondary) !important;
}

.bg-primary .text-white {
  color: var(--brand-text-light) !important;
}

/* Amélioration de la lisibilité générale */
.text-white {
  color: var(--brand-text-light) !important;
}

/* Styles pour forcer l'affichage des icônes */
i[class*="fa-"] {
  display: inline-block !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Styles pour forcer l'affichage des icônes Font Awesome */
.fas, .fa-brands {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
}

.fa-brands {
  font-family: 'Font Awesome 6 Brands' !important;
}

/* Correction pour l'icône de langue qui affiche un "X" */
.fas.fa-language {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size: 14px !important;
  color: #fff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Styles pour les catégories de campagne - changement de couleur verte à gris foncé */
.news-right-section .popular-tags .tags .tag:hover a,
.news-right-section .popular-tags .tags .tag a.active,
.news-right-section .popular-tags .tags .tag:hover,
.news-right-section .popular-tags .tags .tag a.active {
  background-color: #2D2F36 !important;
  border-color: #2D2F36 !important;
  color: #FFFFFF !important;
}

/* Correction pour les icônes Font Awesome qui s'affichent avec un 'X' */
.fas.fa-award {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 16px !important;
  color: inherit !important;
}

/* Correction globale pour toutes les icônes Font Awesome */
.fas, .fa-solid {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Correction spécifique pour les icônes dans les cartes de campagne */
.trending-causes-section .trending-card .fas,
.trending-causes-section .trending-card .fa-solid {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 16px !important;
}

/* Correction spécifique pour l'icône fa-award dans cause-feature-icon */
.cause-feature-icon .fas.fa-award {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 16px !important;
  color: inherit !important;
}

/* Textes spécifiques qui doivent utiliser le jaune doré */
.accordion-button {
  color: var(--brand-primary) !important;
}

.text-primary.fs-16.fw-6.mb-3.pb-1 {
  color: var(--brand-primary) !important;
}

/* Titres h3 et h5 avec jaune doré plus sombre pour meilleure visibilité */
h3.text-primary.fw-6.mb-3.pb-1 {
  color: #e6b83d !important; /* Jaune doré légèrement plus sombre */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important; /* Ombre subtile pour meilleur contraste */
}

h5.text-primary.fs-14.fw-5.mb-0 {
  color: #e6b83d !important; /* Jaune doré légèrement plus sombre */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important; /* Ombre subtile pour meilleur contraste */
}

/* Textes qui doivent utiliser le gris foncé */
.card-title.text-primary.fs-14 {
  color: var(--brand-secondary) !important; /* Gris foncé */
}

span.text-primary {
  color: var(--brand-secondary) !important; /* Gris foncé */
}

/* Bouton avec fond jaune doré et texte gris foncé */
.btn.btn-gray.mt-4 {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
  border-color: var(--brand-primary) !important; /* Jaune doré */
}

/* Bouton "Voir tout" avec fond jaune doré et texte gris foncé */
.btn.btn-secondary.px-5 {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
  border-color: var(--brand-primary) !important; /* Jaune doré */
}

/* Bouton "Education" avec fond jaune doré et texte gris foncé */
a.badge.small-btn {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
  border-color: var(--brand-primary) !important; /* Jaune doré */
}

/* Rectangle-shape en jaune doré */
.rectangle-shape {
  background-color: var(--brand-primary) !important; /* Jaune doré */
}

/* Texte de date en jaune doré */
p.text-primary.fs-14.fw-5.mb-0 {
  color: var(--brand-primary) !important; /* Jaune doré */
}

/* Icônes Font Awesome en jaune doré */
.fa-solid.fa-message.text-primary,
.fa-solid.fa-calendar.text-primary {
  color: var(--brand-primary) !important; /* Jaune doré */
}

/* Badge "Education" avec fond jaune doré et texte gris foncé */
span.badge.small-btn {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
  border: none !important; /* Suppression de la bordure si elle existe */
}

/* Correction pour les icônes Font Awesome qui s'affichent avec un 'X' */
.fa.fa-times.text-white,
.fa-solid.fa-location-dot.text-primary {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Bouton "Réservez votre place" avec fond jaune doré et texte gris foncé */
.btn.btn-gray.bookSeatBtn {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
  border-color: var(--brand-primary) !important; /* Jaune doré */
}

/* Icône de localisation en jaune doré */
.fa-solid.fa-location-dot.text-primary.me-2 {
  color: var(--brand-primary) !important; /* Jaune doré */
}

/* Texte de date avec fond jaune doré et texte gris foncé */
span.fs-14.fw-5 {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
  padding: 2px 6px; /* Ajout d'un peu de padding pour le fond */
  border-radius: 4px; /* Bordures arrondies pour un meilleur aspect */
}

/* Icônes en jaune doré */
.fa-solid.fa-envelope.text-primary,
.fa-solid.fa-phone.text-primary,
.fa-solid.fa-location-dot.text-primary {
  color: var(--brand-primary) !important; /* Jaune doré */
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Titres en jaune doré */
h4.fs-20.fw-6.text-primary {
  color: var(--brand-primary) !important; /* Jaune doré */
}

/* Icône de partage avec fond jaune doré et flèche en gris foncé */
.fa-solid.fa-share.text-white {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
  padding: 8px;
  border-radius: 5px;
}

/* Icône award en jaune doré */
.fa-solid.fa-award {
  color: var(--brand-primary) !important; /* Jaune doré */
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Correction pour les icônes Font Awesome qui s'affichent avec un 'X' */
.fa-solid.fa-tag.text-primary.fs-18.me-2,
.fa-solid.fa-arrow-trend-up.me-1,
.fa-solid.fa-scale-balanced.me-1,
.fa-solid.fa-bullseye.me-1,
.fa-regular.fa-circle-check.me-1 {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Icône tag en jaune doré */
.fa-solid.fa-tag.text-primary.fs-18.me-2 {
  color: var(--brand-primary) !important; /* Jaune doré */
}

/* Titres timecount en jaune doré */
.timecount {
  color: var(--brand-primary) !important; /* Jaune doré */
}

/* Textes en gris foncé */
p.fs-16.fw-5.text-primary.mb-0 {
  color: var(--brand-secondary) !important; /* Gris foncé */
}

/* Titre surligné en jaune doré */
button.nav-link.active.fs-16.fw-5.text-dark {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
  border: none !important; /* Suppression de la bordure si elle existe */
}

/* Texte h5 avec timecount en jaune doré */
h5.fs-18.text-primary.mb-0 .timecount {
  color: var(--brand-primary) !important; /* Jaune doré */
}

/* Élément de catégorie avec fond jaune doré et texte gris foncé */
a.categories.d-flex.align-items-center.justify-content-between.bg-white.rounded-10.mb-2.news-category-filter1 {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
}

a.categories.d-flex.align-items-center.justify-content-between.bg-white.rounded-10.mb-2.news-category-filter1 span.text-dark,
a.categories.d-flex.align-items-center.justify-content-between.bg-white.rounded-10.mb-2.news-category-filter1 button span.text-dark {
  color: var(--brand-secondary) !important; /* Gris foncé */
}

/* Carte de catégorie avec fond jaune doré et texte gris foncé */
.category-card {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  padding: 20px;
  border-radius: 10px;
}

.category-card h6 {
  color: var(--brand-secondary) !important; /* Gris foncé */
}

.category-card .category-icon {
  background-color: rgba(255, 255, 255, 0.2); /* Fond légèrement transparent pour l'icône */
  border-radius: 50%;
  padding: 15px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

/* Titre de carte avec texte en jaune doré */
h4.card-title.text-primary.fs-14 {
  color: var(--brand-primary) !important; /* Jaune doré */
}

/* Éléments de catégorie avec fond jaune doré et texte gris foncé */
a.categories.d-flex.align-items-center.justify-content-between.bg-white.rounded-10.mb-2.news-category-filter,
a.categories.d-flex.align-items-center.justify-content-between.bg-white.rounded-10.mb-2.news-category-filter span.text-dark,
a.categories.d-flex.align-items-center.justify-content-between.bg-white.rounded-10.mb-2.news-category-filter button span.text-dark {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
}

/* Tags de filtre avec fond jaune doré et texte gris foncé */
a.fs-16.text-dark.fw-5.news-tags-filter.radius-four {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
  padding: 8px 15px; /* Ajout de padding pour un meilleur aspect */
}

/* Bouton de soumission avec fond jaune doré et texte gris foncé */
button.submit-btn.btn.btn-gray.mt-2 {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
  border-color: var(--brand-primary) !important; /* Jaune doré */
}

/* Tags de filtre avec fond jaune doré et texte gris foncé */
a.text-dark.news-tags-filter.fs-16.fw-5 {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
  padding: 8px 15px; /* Ajout de padding pour un meilleur aspect */
  border-radius: 4px; /* Bordures arrondies */
}

/* Titre de lien avec texte en gris foncé */
a.text-primary {
  color: var(--brand-secondary) !important; /* Gris foncé */
}

/* Élément de liste avec texte en jaune doré */
li.text-dark.fs-16.fw-5.mb-2 {
  color: var(--brand-primary) !important; /* Jaune doré */
}

/* Icône de calendrier en jaune doré */
.fa-solid.fa-calendar-days.text-primary {
  color: var(--brand-primary) !important; /* Jaune doré */
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Icône de lecture en jaune doré */
.fas.fa-play.text-primary {
  color: var(--brand-primary) !important; /* Jaune doré */
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Bouton vidéo avec fond jaune doré et icône en gris foncé */
button.play-video.popup-video.fs-4.border-0.slider-popup-video {
  background-color: var(--brand-primary) !important; /* Jaune doré */
  color: var(--brand-secondary) !important; /* Gris foncé */
  border: none !important;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

button.play-video.popup-video.fs-4.border-0.slider-popup-video i.fas.fa-play.text-primary {
  color: var(--brand-secondary) !important; /* Gris foncé */
}