/* ============================================
   MOBILE SPACING FIX - PADDING TOP SECTIONS
   Ce fichier doit être chargé EN DERNIER
   pour forcer l'espacement sur mobile
   ============================================ */

/* 🎯 FIX GLOBAL : Toutes les sections sur mobile */
@media (max-width: 768px) {
  
  /* SERVICES - Toutes les variantes possibles */
  #services,
  section#services,
  section[id="services"] {
    padding-top: 180px !important;
    padding-bottom: 80px !important;
  }
  
  /* TEAM / BARBIERS - Toutes les variantes */
  #team,
  section#team,
  section[id="team"],
  .team,
  .section-offset,
  section.team,
  section.section-offset {
    padding-top: 180px !important;
  }
  
  /* TESTIMONIALS - Toutes les variantes */
  #testimonials,
  section#testimonials,
  section[id="testimonials"],
  .testimonials,
  section.testimonials,
  #testimonials.testimonials {
    padding-top: 180px !important;
  }
  
  /* ABOUT - Toutes les variantes */
  #about,
  section#about,
  section[id="about"],
  .section-about-aesop,
  section.section-about-aesop {
    padding-top: 180px !important;
  }
  
  /* CONTACT - Toutes les variantes */
  #contact,
  section#contact,
  section[id="contact"],
  .elite-footer-section,
  section.elite-footer-section,
  #contact.elite-footer-section {
    padding-top: 180px !important;
  }
  
  /* Fallback ultra-agressif : TOUTE section avec ID */
  section[id]:not(#hero):not(#intro-cover) {
    padding-top: 180px !important;
  }
}

/* 📱 Extra small phones (< 640px) - UNIFORME aussi */
@media (max-width: 640px) {
  #services,
  section#services {
    padding-top: 180px !important;
  }
  
  #testimonials,
  #testimonials.testimonials,
  section#testimonials,
  .testimonials,
  section.testimonials {
    padding-top: 180px !important;
  }
  
  #contact,
  #contact.elite-footer-section,
  section#contact,
  .elite-footer-section {
    padding-top: 180px !important;
  }
  
  #about,
  section#about,
  .section-about-aesop {
    padding-top: 180px !important;
  }
  
  #team,
  section#team,
  .team {
    padding-top: 180px !important;
  }
}

/* 🔥 SAFE-AREA-INSET DÉSACTIVÉ - Causait des valeurs incohérentes sur iPhone
   On force maintenant un padding uniforme de 180px partout
@supports (padding: calc(env(safe-area-inset-top) + 20px)) {
  @media (max-width: 768px) {
    #testimonials,
    #testimonials.testimonials,
    section#testimonials {
      padding-top: calc(env(safe-area-inset-top, 0px) + 180px) !important;
    }

    #contact,
    #contact.elite-footer-section,
    section#contact {
      padding-top: calc(env(safe-area-inset-top, 0px) + 180px) !important;
    }
  }

  @media (max-width: 640px) {
    #testimonials,
    #testimonials.testimonials,
    section#testimonials {
      padding-top: calc(env(safe-area-inset-top, 0px) + 180px) !important;
    }

    #contact,
    #contact.elite-footer-section,
    section#contact {
      padding-top: calc(env(safe-area-inset-top, 0px) + 180px) !important;
    }
  }
}
*/

/* ============================================================
   🔥🔥🔥 FINAL OVERRIDE - MAXIMUM SPÉCIFICITÉ - EN DERNIER 🔥🔥🔥
   Force le padding-top sur TOUS les mobiles - IDENTIQUE partout
   ============================================================ */
@media (max-width: 768px) {
  /* About */
  html body section#about,
  html body #about,
  html body .section-about-aesop,
  body section#about,
  body #about,
  body .section-about-aesop {
    padding-top: 180px !important;
  }

  /* Services */
  html body section#services,
  html body #services,
  body section#services,
  body #services {
    padding-top: 180px !important;
  }

  /* Team */
  html body section#team,
  html body #team,
  html body .team,
  html body .section-offset,
  body section#team,
  body #team,
  body .team,
  body .section-offset {
    padding-top: 180px !important;
  }

  /* Testimonials */
  html body section#testimonials,
  html body #testimonials,
  html body .testimonials,
  html body #testimonials.testimonials,
  body section#testimonials,
  body #testimonials,
  body .testimonials,
  body #testimonials.testimonials {
    padding-top: 180px !important;
  }

  /* Contact */
  html body section#contact,
  html body #contact,
  html body .elite-footer-section,
  html body #contact.elite-footer-section,
  body section#contact,
  body #contact,
  body .elite-footer-section,
  body #contact.elite-footer-section {
    padding-top: 180px !important;
  }

  /* Hero = 0 toujours */
  html body #hero,
  html body .hero,
  html body section#hero,
  body #hero,
  body .hero {
    padding-top: 0 !important;
  }
}

/* Small screens - MÊME valeur pour uniformité */
@media (max-width: 640px) {
  html body section#about,
  html body #about,
  html body .section-about-aesop,
  body section#about,
  body #about,
  html body section#services,
  html body #services,
  body section#services,
  html body section#team,
  html body #team,
  html body .team,
  body section#team,
  body #team,
  html body section#testimonials,
  html body #testimonials,
  html body .testimonials,
  body section#testimonials,
  body #testimonials,
  html body section#contact,
  html body #contact,
  html body .elite-footer-section,
  body section#contact,
  body #contact {
    padding-top: 180px !important;
  }

  /* Hero = 0 toujours */
  html body #hero,
  html body .hero,
  body #hero,
  body .hero {
    padding-top: 0 !important;
  }
}