/* ============================================================
   LINKS SOLUTIONS — responsive.css
   Breakpoints : 1100px · 900px · 600px
   ============================================================ */

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1100px) {
  .services-grid      { grid-template-columns: repeat(2, 1fr); }
  .process-grid       { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
  .process-grid::before { display: none; }
  .footer-top         { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
  .testimonials-track { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .topbar { display: none; }
  nav, .section, .trust-strip, footer { padding-left: 1.5rem; padding-right: 1.5rem; }
  .hero { padding: 4rem 1.5rem; min-height: auto; }
  .hero-inner, .why-grid, .contact-layout { grid-template-columns: 1fr; gap: 2.5rem; }
  .hero-visual     { display: none; }
  .hero-scroll     { display: none; }
  .services-grid   { grid-template-columns: 1fr; }
  .secteurs-grid   { grid-template-columns: repeat(2, 1fr); }
  .stats-inner     { grid-template-columns: repeat(2, 1fr); }
  .form-row        { grid-template-columns: 1fr; }
  .services-header { flex-direction: column; align-items: flex-start; }
  .ham             { display: flex; }
  .nav-links {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    background: white; flex-direction: column; align-items: flex-start;
    padding: 1rem 1.5rem; border-bottom: 2px solid var(--rouge);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1); gap: 0.2rem;
  }
  .nav-links.open  { display: flex; }
  .nav-links a     { padding: 0.7rem 0.5rem; }
  .cursor-dot, .cursor-ring { display: none; }
  body { cursor: auto; }
  .btn { cursor: pointer; }
  .btn-submit { cursor: pointer; }
  .service-card, .secteur-card { cursor: default; }
  .footer-top { grid-template-columns: 1fr; }
  .process-grid { grid-template-columns: 1fr 1fr; }
  .trust-inner { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 600px) {
  .secteurs-grid { grid-template-columns: repeat(2,1fr); }
  .process-grid  { grid-template-columns: 1fr; }
  .stats-inner   { grid-template-columns: 1fr 1fr; }
}


/* ── WhatsApp float — mobile ──── */
@media (max-width: 600px) {
  .wa-float { bottom: 1.5rem; right: 1.5rem; }
  .wa-btn   { width: 52px; height: 52px; }
  .back-top { bottom: 5.5rem !important; right: 1.5rem; }
}

/* ── Lang switcher — mobile ──── */
@media (max-width: 900px) {
  .lang-switcher { margin: 0.5rem auto 0; }
  #scrollProgress { height: 2px; }
}