/* =====================================================================
   CORRECTION URGENTE MODAL MOBILE - PRIORITÉ MAXIMALE
   Ce fichier DOIT être chargé en dernier pour surcharger le thème
   ===================================================================== */

/* FORCER la largeur de la modal - ULTRA-SPÉCIFIQUE */
#angemont-tunnel #at-session-modal,
#at-session-modal,
body #at-session-modal,
body #angemont-tunnel #at-session-modal,
html body #at-session-modal,
html body #angemont-tunnel #at-session-modal {
  width: 75% !important;
  max-width: 320px !important;
  min-width: 250px !important;
}

@media (max-width: 768px) {

  #angemont-tunnel #at-session-modal,
  #at-session-modal,
  body #at-session-modal,
  body #angemont-tunnel #at-session-modal,
  html body #at-session-modal,
  html body #angemont-tunnel #at-session-modal {
    width: 70% !important;
    max-width: 340px !important;
    min-width: 260px !important;
  }
}

@media (max-width: 640px) {

  #angemont-tunnel #at-session-modal,
  #at-session-modal,
  body #at-session-modal,
  body #angemont-tunnel #at-session-modal,
  html body #at-session-modal,
  html body #angemont-tunnel #at-session-modal {
    width: 75% !important;
    max-width: 320px !important;
    min-width: 240px !important;
  }
}

@media (max-width: 480px) {

  #angemont-tunnel #at-session-modal,
  #at-session-modal,
  body #at-session-modal,
  body #angemont-tunnel #at-session-modal,
  html body #at-session-modal,
  html body #angemont-tunnel #at-session-modal {
    width: 80% !important;
    max-width: 300px !important;
    min-width: 220px !important;
  }
}

@media (max-width: 360px) {

  #angemont-tunnel #at-session-modal,
  #at-session-modal,
  body #at-session-modal,
  body #angemont-tunnel #at-session-modal,
  html body #at-session-modal,
  html body #angemont-tunnel #at-session-modal {
    width: 85% !important;
    max-width: 280px !important;
    min-width: 200px !important;
  }
}

/* Surcharger TOUS les styles possibles du thème */
#at-session-modal[style*="width"] {
  width: 75% !important;
  max-width: 320px !important;
  min-width: 250px !important;
}

@media (max-width: 768px) {
  #at-session-modal[style*="width"] {
    width: 70% !important;
    max-width: 340px !important;
    min-width: 260px !important;
  }
}

@media (max-width: 640px) {
  #at-session-modal[style*="width"] {
    width: 75% !important;
    max-width: 320px !important;
    min-width: 240px !important;
  }
}

@media (max-width: 480px) {
  #at-session-modal[style*="width"] {
    width: 80% !important;
    max-width: 300px !important;
    min-width: 220px !important;
  }
}

@media (max-width: 360px) {
  #at-session-modal[style*="width"] {
    width: 85% !important;
    max-width: 280px !important;
    min-width: 200px !important;
  }
}

/* =====================================================================
   MASQUER LES BOUTONS DE NAVIGATION QUAND LA MODAL EST OUVERTE
   ===================================================================== */

/* Masquer les boutons de navigation sur mobile quand la modal est ouverte */
@media (max-width: 768px) {

  body.at-modal-open .at-actions,
  body.at-modal-open #at-actions-dock,
  body.at-modal-open .back-to-top,
  body.at-modal-open [class*="scroll-top"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}