/* ═══════════════════════════════════════════════════════════════
   WortisERP — Mobile Overrides  (max-width: 639px)
   À coller dans le <style> de index, ou en @import
═══════════════════════════════════════════════════════════════ */

@media (max-width: 639px) {

  /* ── 0. Base ──────────────────────────────────────────────── */
  body {
    font-size: 14px;
  }

  /* ── 1. HERO ──────────────────────────────────────────────── */

  /* Réduire la hauteur min + les paddings excessifs */
  section.min-h-screen {
    min-height: auto !important;
    padding-top: 5.5rem !important;   /* au lieu de pt-32 */
    padding-bottom: 2.5rem !important;
  }

  /* H1 plus lisible sur petit écran */
  h1.text-odoo-h1 {
    font-size: 2rem !important;
    line-height: 1.2 !important;
    margin-bottom: 1.25rem !important;
  }

  /* Afficher le sous-titre hero sur mobile (hidden sm:block) */
  section.min-h-screen > div > p.hidden {
    display: block !important;
    font-size: 0.8rem !important;
    line-height: 1.55 !important;
    margin-bottom: 1.75rem !important;
    color: #6b7280;
    padding: 0 0.5rem;
  }

  /* Réduire l'espace sous les CTA buttons */
  .flex.flex-col.sm\:flex-row.items-center.justify-center.gap-4.mb-20 {
    margin-bottom: 1.75rem !important;
    gap: 0.625rem !important;
  }

  /* Buttons hero plus compacts */
  section.min-h-screen button,
  section.min-h-screen a[href="demo"] {
    padding: 0.8rem 1.5rem !important;
    font-size: 0.8rem !important;
    border-radius: 14px !important;
  }

  /* Browser frame : réduit et sans ombre lourde */
  .browser-frame {
    border-radius: 10px !important;
    box-shadow: 0 8px 28px rgba(0,102,153,.14) !important;
    max-width: 100% !important;
  }

  /* Trust bar — resserré */
  .mt-16.flex.flex-col.items-center {
    margin-top: 1.5rem !important;
    gap: 0.5rem !important;
  }

  /* ── 2. AVANTAGES ─────────────────────────────────────────── */

  section.section-slate:first-of-type {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  /* Section header H2 */
  h2.text-odoo-h2 {
    font-size: 1.5rem !important;
    line-height: 1.25 !important;
    margin-top: 0.75rem !important;
  }

  /* Afficher les descriptions avantages cachées */
  .grid.grid-cols-2 p.hidden,
  .grid.grid-cols-2.lg\:grid-cols-4 p.hidden {
    display: block !important;
    font-size: 0.68rem !important;
    line-height: 1.45 !important;
    color: #9ca3af;
    margin-top: 0.35rem;
  }

  /* Cards avantages plus compactes */
  .grid.grid-cols-2 > div,
  .grid.grid-cols-2.lg\:grid-cols-4 > div {
    padding: 0.875rem !important;
    border-radius: 14px !important;
  }

  .grid.grid-cols-2 h3 {
    font-size: 0.72rem !important;
    margin-bottom: 0.2rem !important;
  }

  /* ── 3. HYBRID / MULTIPLATFORM ────────────────────────────── */

  section.py-20.section-surface.overflow-hidden {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  /* Platform pills — plus petites */
  .flex.gap-3.overflow-x-auto > div {
    padding: 0.5rem 0.875rem !important;
    font-size: 0.68rem !important;
    border-radius: 12px !important;
  }

  /* Afficher descriptions feature cards */
  .grid.grid-cols-2.lg\:grid-cols-4 p.text-\[11px\] {
    display: block !important;
  }

  /* ── 4. MODULES (DOCK) ────────────────────────────────────── */

  section#modules {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  /* Grid dock : 3 colonnes resserrées */
  section#modules .grid.grid-cols-3 {
    gap: 0.875rem !important;
    margin-bottom: 1.5rem !important;
  }

  section#modules .w-16 {
    width: 3.25rem !important;
    height: 3.25rem !important;
    border-radius: 14px !important;
  }

  section#modules .text-2xl {
    font-size: 1.1rem !important;
  }

  section#modules span.text-xs {
    font-size: 0.6rem !important;
    text-align: center;
  }

  /* Bouton "Explorer les modules" */
  section#modules a.inline-flex {
    padding: 0.65rem 1.5rem !important;
    font-size: 0.78rem !important;
    border-radius: 14px !important;
  }

  /* ── 5. SECTEURS ──────────────────────────────────────────── */

  section.py-16.section-surface-alt {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  /* Afficher descriptions secteurs cachées */
  section.py-16.section-surface-alt p.hidden {
    display: block !important;
    font-size: 0.68rem !important;
    line-height: 1.4 !important;
    color: #9ca3af;
  }

  /* Secteur cards : grille 1 col sur mobile */
  section.py-16.section-surface-alt .grid.sm\:grid-cols-2 {
    grid-template-columns: 1fr !important;
    gap: 0.625rem !important;
  }

  section.py-16.section-surface-alt .grid > div {
    padding: 1rem !important;
    border-radius: 14px !important;
  }

  /* Icône secteur */
  section.py-16.section-surface-alt .w-10.h-10 {
    width: 2.25rem !important;
    height: 2.25rem !important;
    border-radius: 10px !important;
    margin-bottom: 0.75rem !important;
  }

  section.py-16.section-surface-alt h3.text-sm {
    font-size: 0.78rem !important;
    margin-bottom: 0.25rem !important;
  }

  /* ── 6. STATS & TESTIMONIALS ──────────────────────────────── */

  section.py-16.section-slate.border-y {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  /* Stats row : réduire l'espace sous */
  section.py-16.section-slate .grid.grid-cols-2.md\:grid-cols-4 {
    margin-bottom: 2rem !important;
    gap: 1rem !important;
  }

  /* ── 7. FINAL CTA ─────────────────────────────────────────── */

  section.py-20.section-surface.text-center {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  section.py-20.section-surface.text-center h2 {
    font-size: 1.7rem !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
  }

  /* Afficher la description CTA sur mobile */
  section.py-20.section-surface.text-center p.hidden {
    display: block !important;
    font-size: 0.75rem !important;
    line-height: 1.5 !important;
    color: #9ca3af;
    margin-bottom: 1.25rem !important;
  }

  /* CTA buttons : colonne compacte */
  section.py-20.section-surface.text-center .flex.flex-col {
    gap: 0.875rem !important;
  }

  section.py-20.section-surface.text-center a {
    padding: 0.75rem 1.75rem !important;
    font-size: 0.8rem !important;
    border-radius: 12px !important;
  }

  /* ── 8. GLOBALS ───────────────────────────────────────────── */

  /* Réduire tous les py-16 restants */
  .py-16 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .py-20 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  /* Padding horizontal global */
  .px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /* Label badges "section" */
  span.text-\[10px\],
  span.uppercase.tracking-widest {
    font-size: 0.6rem !important;
    padding: 0.3rem 0.75rem !important;
  }

  /* Section header spacing */
  .text-center.mb-14 { margin-bottom: 1.5rem !important; }
  .text-center.mb-10 { margin-bottom: 1.25rem !important; }
  .mb-16            { margin-bottom: 2rem !important; }

  /* Réduire les orbs pour éviter le débordement horizontal */
  .orb {
    display: none !important;
  }

  /* ── 9. TESTIMONIALS (déjà partiellement géré) ────────────── */
  .testimonial-card {
    width: 240px !important;
    padding: 0.875rem !important;
    border-radius: 14px !important;
  }

  /* ── 10. DOWNLOAD DROPDOWN ────────────────────────────────── */
  #download-dropdown {
    width: calc(100vw - 2rem) !important;
    left: 1rem !important;
  }

}
/* ── Fin des overrides mobile ────────────────────────────────── */