/* ==========================================================================
   aide_intro_intersections.css — Styles dédiés à Aide > Intro > intersections.html
   Objectif iPhone : hamburger fermé, titre rouge centré, texte non masqué
   ========================================================================== */

* { box-sizing: border-box; }
html, body { width: 100%; }

/* Annuler le fixed-top uniquement sur cette page */
.navbar.fixed-top{
  position: static !important;
  top: auto !important;
}

/* Plus de padding-top compensatoire */
body{
  padding-top: 0 !important;
}

/* Mobile : menu fermé par défaut, ouvrable via .show */
@media (max-width: 991.98px){

  .navbar-toggler{
    display: block !important;
  }

  #navbarCollapse{
    display: none !important;
  }

  #navbarCollapse.show{
    display: block !important;
  }
}

/* Contenu Aide : scopé */
.container.help{
  max-width: 980px;
  margin: 0 auto;
  padding: 1.25rem 0.9rem;
  margin-top: 0 !important;
  overflow-x: clip;
}
@supports not (overflow: clip){
  .container.help{ overflow-x: hidden; }
}
@media (max-width: 576px){
  .container.help{ padding: 1rem 0.75rem; }
}

.container.help,
.container.help *{
  white-space: normal !important;
  max-width: 100%;
  min-width: 0;
}

/* H1 : rouge + centré sur iPhone */
.container.help .help-title{
  font-size: clamp(1.4rem, 4.8vw, 2rem);
  line-height: 1.15;
  margin: 0 0 0.9rem 0;
  display: block;
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px){
  .container.help .help-title{
    color: #dc3545 !important;
    text-align: center !important;
  }
}

/* Texte : lisible */
.container.help p{
  font-size: clamp(0.98rem, 3.6vw, 1.1rem);
  line-height: 1.75;
  margin: 0 0 0.6rem 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
  color: #212529;
}

/* Listes */
.container.help ul{
  padding-left: 1.1rem;
}
@media (max-width: 576px){
  .container.help ul{ padding-left: 1.05rem; }
}

/* Images/medias : sûreté */
img, svg, video, iframe, embed, object{
  max-width: 100%;
  height: auto;
}

/* Footer mobile : garder Accueil centré */
@media (max-width: 576px){

  .footer-basic footer ul li{
    display: none !important;
  }

  .footer-basic footer ul li:first-child{
    display: block !important;
  }

  .footer-basic footer ul{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0.75rem 0 !important;
    list-style: none !important;
  }

  .footer-basic footer ul li:first-child a{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem;
    text-align: center !important;
    font-weight: 600 !important;
  }
}