/* ============================================================
   Stockie — fallback CSS minimal
   But : garantir un rendu lisible si Tailwind CDN ne charge pas.
   Tailwind reste la source principale ; ceci ne fait que du basique.
   ============================================================ */

:root {
  --brand-50:  #f1f5fb;
  --brand-100: #dde6f2;
  --brand-200: #b9c9e3;
  --brand-700: #1d3a66;
  --brand-800: #142b50;
  --brand-900: #112849;
  --brand-950: #0a1830;
  --accent-500: #f59e0b;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
}

/* Fallback typo si Inter Google Fonts ne charge pas */
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--slate-800);
  background: #ffffff;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* Conteneurs / images responsives sans dépendre de Tailwind */
img, video { max-width: 100%; height: auto; display: block; }

/* Lien skip accessible toujours actif même sans Tailwind */
.skip-link {
  position: absolute; left: -9999px; top: -9999px;
}
.skip-link:focus {
  position: fixed; left: .5rem; top: .5rem; z-index: 100;
  background: var(--brand-900); color: #fff;
  padding: .5rem 1rem; border-radius: 8px;
  font-weight: 600; text-decoration: none;
}

/* Focus visible homogène (renforcé pour A11y / WCAG 2.4.7) */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #3d619c;
  outline-offset: 3px;
  border-radius: 6px;
}

/* Touch targets WCAG 2.5.5 : 44x44 px min sur les liens du footer */
footer nav a { display: inline-block; padding: .35rem .25rem; min-height: 44px; line-height: 1.6; }

/* Sécurise prefers-reduced-motion : désactive toutes les anims */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* Fallback FAQ <details> : ouverture lisible sans tailwind */
details > summary { cursor: pointer; user-select: none; }
details[open] > summary { margin-bottom: .5rem; }

/* Print-friendly minimal */
@media print {
  header, footer, .skip-link, [data-reveal] { opacity: 1 !important; transform: none !important; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 0.85em; color: #555; }
}