/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE.CSS — Adaptations pour tablettes et mobiles
   ═══════════════════════════════════════════════════════════════════ */

/* ─── TABLETTES (max 900px) ─────────────────────────────────────── */

@media (max-width: 900px) {
  
  /* Grilles en une colonne */
  #hero,
  .services-intro,
  .process-wrap,
  .zone-inner,
  .contact-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  
  .grid-public,
  .tarifs-grid,
  .tarifs-bottom,
  .confiance-grid,
  .ccas-inner,
  .temoignages-grid {
    grid-template-columns: 1fr;
  }
  
  /* Hero */
  #hero {
    min-height: auto;
  }
  
  .hero-photo {
    min-height: 300px;
  }
  
  .hero-content {
    padding: 60px 32px;
  }
  
  /* Footer */
  .footer-inner {
    grid-template-columns: 1fr;
  }
  
  .footer-links {
    text-align: left;
  }
  
  /* Communes */
  .communes-list {
    columns: 1;
  }
  
  /* Formulaire */
  .contact-form {
    padding: 28px;
  }
}

/* ─── MOBILES (max 600px) ───────────────────────────────────────── */

@media (max-width: 600px) {
  
  /* Sections */
  section {
    padding: 64px 0;
  }
  
  /* Conteneurs */
  .container {
    padding: 0 20px;
  }
  
  /* Hero */
  .hero-content {
    padding: 48px 20px;
  }
  
  /* Navigation */
  .nav-inner {
    padding: 0 20px;
  }
  
  /* AJOUT LOGO */
  @media (max-width: 600px) {
  .nav-logo-img {
    width: 16px;
    height: 16px;
    }
  }
  /* FIN AJOUT LOGO */

  .nav-logo span {
    display: none;
  }
  
  /* Boutons */
  .hero-actions {
    flex-direction: column;
  }
  
  .hero-actions .btn {
    width: 100%;
    text-align: center;
  }
}

/* MODIFICATIONS LOGO */

@media (max-width: 600px) {
  .nav-logo-sap {
    display: none;
  }
}