/* ===================================================
   CHARTE GRAPHIQUE FIT in GROUP - Alignement Web
   =================================================== */

/* 1. Police (Noto Sans en remplacement web d'Ebrima) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

body, p, li, span, div, a, input, textarea, button {
  font-family: 'Noto Sans', Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans', Arial, sans-serif !important;
  font-weight: 700 !important;
  color: #2E59A3 !important;
}

/* 2. Liens */
a {
  color: #2E59A3;
  transition: color 0.2s ease;
}
a:hover {
  color: #EC5A4F;
}

/* 3. Boutons et CTA (contenu) */
.elementor-button,
.wp-block-button__link,
button:not(.mfp-close):not(.search-toggler):not(.slick-arrow):not(.button),
input[type="submit"] {
  background-color: #EC5A4F !important;
  border-color: #EC5A4F !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  box-shadow: 0 4px 12px rgba(236, 90, 79, 0.35) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.elementor-button:hover,
.wp-block-button__link:hover,
button:not(.mfp-close):not(.search-toggler):not(.slick-arrow):not(.button):hover,
input[type="submit"]:hover {
  background-color: #2E59A3 !important;
  border-color: #2E59A3 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 16px rgba(46, 89, 163, 0.4) !important;
}

/* 4. Flèches du carrousel (classes exactes du thème) */
.widget.hp-slider .slick-next,
.widget.hp-slider .slick-prev,
.slick-next.slick-arrow,
.slick-prev.slick-arrow {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  opacity: 0.7;
}

.widget.hp-slider .slick-next:hover,
.widget.hp-slider .slick-prev:hover,
.slick-next.slick-arrow:hover,
.slick-prev.slick-arrow:hover {
  background-color: rgba(236, 90, 79, 0.85) !important;
  opacity: 1;
}

.slick-next:before,
.slick-prev:before {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

/* 5. Bandeau du haut : bouton Recherche */
.top-bar .search-toggler,
.search-toggler {
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
}
.top-bar .search-toggler:hover,
.search-toggler:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
}

/* 6. Sélecteur de langue (classes exactes du thème) */
.top-bar .language-switcher .dropdown-trigger button.button {
  background: transparent !important;
  color: #FFFFFF !important;
}
.top-bar .dropdown.language-switcher {
  background-color: transparent !important;
}
.top-bar .dropdown.language-switcher svg,
.top-bar .dropdown.language-switcher path,
.top-bar .language-switcher .dropdown-trigger svg,
.top-bar .language-switcher .dropdown-trigger path {
  fill: #FFFFFF !important;
}