@font-face {
  font-family: 'Phosphor';
  font-display: swap;
}


body{font-family:Roboto,sans-serif}button,h1,h2,h3,h4,h5,h6,nav{font-family:Kanit,sans-serif}@layer utilities{.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}}.active-pole{background-color:#a9cf46!important;color:#fff!important}#searchInput:focus{width:500px}@keyframes triangle-spin-transform{0%{transform:rotate(0) scale(1) scaleX(1);filter:hue-rotate(0deg)}25%{transform:rotate(90deg) scale(1.1) scaleX(1.2);filter:hue-rotate(90deg)}50%{transform:rotate(180deg) scale(1.2) scaleY(.9);filter:hue-rotate(180deg)}75%{transform:rotate(270deg) scale(1.1) scaleX(.8);filter:hue-rotate(270deg)}100%{transform:rotate(360deg) scale(1) scaleX(1);filter:hue-rotate(360deg)}}.animate-triangle img{animation:3s ease-in-out infinite triangle-spin-transform}@media (max-width:768px){.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.slow-scroll{scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-left:1rem;-webkit-overflow-scrolling:touch;scroll-timeline-name:--carousel;scroll-timeline-axis:horizontal}.logo-carousel-wrapper{animation:30s linear infinite scroll-left}.logo-carousel-wrapper.paused{animation-play-state:paused}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.logo-carousel-wrapper>.logo-carousel{display:flex}.logo-carousel-wrapper>.logo-carousel::after{content:"";display:flex;width:100%}

/* Améliorations pour la responsivité mobile */
@media (max-width: 640px) {
  /* Ajustements pour la lisibilité du contenu */
  .prose h2 {
    font-size: 1.5rem; /* Réduire les titres pour mobile */
  }
  .prose p, .prose li {
    font-size: 1rem; /* Minimum 16px pour la lisibilité */
    line-height: 1.6; /* Espacement pour meilleure lisibilité */
  }
  .prose ul {
    padding-left: 1.5rem; /* Plus d’espace pour les puces */
    margin-bottom: 1.5rem;
  }
  .prose ul li {
    margin-bottom: 0.5rem; /* Espacement entre les éléments de liste */
  }

  /* Amélioration de l’ergonomie tactile pour le menu mobile */
  #mobile-menu .nav-link {
    padding: 12px 16px; /* Zone cliquable plus grande */
  }
  #mobile-menu .nav-link:hover, #mobile-menu .nav-link:focus {
    background-color: rgba(169, 207, 70, 0.1); /* Feedback visuel */
  }

  /* Ajustement du logo dans le header */
  header .h-8 {
    height: 2rem; /* Réduire la taille du logo sur mobile */
  }

  /* Icônes sociales dans le footer */
  footer .ph {
    font-size: 1.75rem; /* Augmenter la taille pour l’ergonomie tactile */
  }

  /* Ajustement du formulaire newsletter */
  #newsletter-form input, #newsletter-form button {
    min-height: 48px; /* Taille minimale pour l’ergonomie tactile */
    padding: 0.75rem;
  }
}