/* ===========================================
   ELEVN — Mobile-only overrides (02/07/2026)
   Fichier centralise pour toutes les optimisations UX mobile
   Media query strict : @media (max-width: 767px)
   Aucun impact desktop
   =========================================== */

@media (max-width: 767px) {

  /* ============================================================
     Hide page-header on mobile listing pages
     Rationale: le page-header Sngine prend ~300px de haut avec ses
     70px padding vertical + h2 + text-xlg. Sur mobile, ca repousse
     le vrai contenu et cree une UX lourde et datee.
     Pages concernees: Pages, Events, Groups, Jobs, Ads, Courses,
     Offers, Funding, Wallet, Movies, Forums, Directory, Search.
     ============================================================ */
  .page-header {
    display: none !important;
  }

}