/*
Theme Name: Saha Vitrine
Description: Site vitrine one-page pour Saha, plateforme de gestion digitale pour restaurants, fast-foods et cafés.
Author: Votre agence
Version: 4.0
Text Domain: saha-vitrine
*/

/* Tailwind gère l'essentiel de la mise en page ; ce fichier ne contient que
   ce que Tailwind (via CDN) ne peut pas faire : animations personnalisées,
   focus visible renforcé, et quelques détails d'accessibilité. */

:root{
  scroll-behavior: smooth;
}

/* ---- Arriere-plan du site : uni, clair, avec un motif minuscule ----
   Fond cream simple pour garder un contraste maximal avec le texte ; le
   motif (petits points, tres fins et tres clairs) ajoute juste un
   grain discret, sans jamais nuire a la lisibilite. */
body{
  background-color: #F6F2EC;
  background-image:
    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxLjgiIGZpbGw9IiNBODVEMzMiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPgo8L3N2Zz4=");
  background-repeat: repeat;
  background-size: 40px 40px;
}

@media (prefers-reduced-motion: reduce) {
  :root{ scroll-behavior: auto; }
  *{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* ---- Focus visible (accessibilité clavier) ---- */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid #A85D33;
  outline-offset: 2px;
  border-radius: 4px;
}

/* ---- Révélation au scroll (IntersectionObserver ajoute .is-visible) ---- */
.reveal{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .6s ease, transform .6s ease;
}
.reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}

/* ---- Petit indicateur "en direct" dans la maquette du dashboard ---- */
@keyframes pulse-dot{
  0%, 100% { opacity: 1; }
  50% { opacity: .35; }
}
.pulse-dot{ animation: pulse-dot 1.8s ease-in-out infinite; }

/* ---- Barres du graphique simule dans l'apercu produit ---- */
@keyframes grow-bar{
  from { transform: scaleY(0); }
  to { transform: scaleY(1); }
}
.grow-bar{ transform-origin: bottom; animation: grow-bar .8s cubic-bezier(.2,.8,.2,1) both; }

/* ---- Menu burger : trois barres qui se transforment en croix ---- */
.burger-bar{ transition: transform .3s ease, opacity .3s ease; }
.burger-open .burger-bar-1{ transform: translateY(7px) rotate(45deg); }
.burger-open .burger-bar-2{ opacity: 0; }
.burger-open .burger-bar-3{ transform: translateY(-7px) rotate(-45deg); }

/* ---- Accordeon FAQ ---- */
.faq-panel{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }
.faq-panel > div{ overflow: hidden; }
.faq-item.open .faq-panel{ grid-template-rows: 1fr; }
.faq-chevron{ transition: transform .3s ease; }
.faq-item.open .faq-chevron{ transform: rotate(180deg); }