/* ============================================================
   Refonte APP - alignements fins sur les maquettes (couleurs + suppressions + cartes)
   Additif, scope html.apprefonte, app / tablette tactile / PWA.
   Rollback = supprimer ce fichier de refonte-lots/.
   Cree le 2026-08-16.
   ============================================================ */
@media (max-width:768px), (pointer:coarse) and (max-width:1366px), (display-mode:standalone) and (max-width:1366px){

  /* --- Bouton d'action principal Sorties/Voyages (.sv3-cta) : BLEU comme maquettes 08/09 --- */
  html.apprefonte .sv3-cta{
    background: linear-gradient(135deg,#3da9fc 0%,#1b6fb8 100%) !important;
    color:#ffffff !important;
  }
  html.apprefonte .sv3-cta svg{ stroke:#ffffff !important; }

  /* --- SUPPRESSIONS : elements absents des maquettes (ecrans NON-Accueil) ---
     page-dashboard = Accueil : on n'y touche pas (marque + Gardien conserves). */
  html.apprefonte body:not(.page-dashboard) .pub-topbar .pub-topbrand,
  html.apprefonte body:not(.page-dashboard) .pub-topbar .pub-mysecu,
  html.apprefonte body:not(.page-dashboard) .pub-topbar .pub-phare-wrap{ display:none !important; }

  /* Bloc collapsible "ℹ️ À propos" (Voyages/Sorties) : absent des maquettes */
  html.apprefonte .lac-head-toggle{ display:none !important; }

  /* Boutons flottants absents des maquettes (hors Accueil) : bouclier "Ma securite"
     et pastille "Le Gardien - Besoin d'aide ?". Le Gardien reste ENTIER sur l'Accueil. */
  html.apprefonte body:not(.page-dashboard) #secuFab,
  html.apprefonte body:not(.page-dashboard) #gwLauncher,
  html.apprefonte body:not(.page-dashboard) .gw-launcher{ display:none !important; }

  /* --- CARTES Sorties/Voyages (.sv3-card) au format maquette 08/09 :
     grande photo pleine largeur EN HAUT, puis contenu/boutons dessous. --- */
  html.apprefonte .sv3-card{ flex-direction:column !important; align-items:stretch !important; }
  html.apprefonte .sv3-card-cover{ width:100% !important; max-width:none !important; min-width:0 !important; height:170px !important; flex:0 0 170px !important; border-radius:14px 14px 0 0 !important; }
  html.apprefonte .sv3-card-cover img{ width:100% !important; height:100% !important; object-fit:cover !important; }
  html.apprefonte .sv3-card-body{ width:100% !important; min-width:0 !important; }
  html.apprefonte .sv3-card-body a[href]:not(.sv3-card-link),
  html.apprefonte .sv3-card-body button{ position:relative !important; z-index:2 !important; }

  /* --- FIX DEBORDEMENT FEU : quand une photo de post ne charge pas (lente/cassee),
     l'img retombe sur sa largeur d'origine (~1959px) et fait exploser la carte hors ecran
     (la colonne .feu-main a min-width:auto). On borne la colonne et les medias. --- */
  html.apprefonte .feu-main,
  html.apprefonte .feu-feed{ min-width:0 !important; }
  html.apprefonte .feu-card{ min-width:0 !important; max-width:100% !important; }
  html.apprefonte .feu-media{ max-width:100% !important; overflow:hidden !important; }
  html.apprefonte .feu-media img,
  html.apprefonte .feu-media video{ max-width:100% !important; width:100% !important; height:auto !important; }
}