/* === Fichier responsive.css === */

/* Centrage du contenu principal */
body, html {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Évite la scrollbar horizontale */
}

.wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Images fluides */
img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Évite les débordements de sections */
section, header, footer, div {
    box-sizing: border-box;
    overflow-x: hidden;
}

/* Supprimer les largeurs fixes en vw qui causent débordement */
.imagecov {
    width: 100%;
    height: auto;
}

/* Responsive typique mobile-first */
@media screen and (max-width: 768px) {
    .wrapper {
        padding: 0 0.5rem;
    }

    h1, h2, h3 {
        font-size: 90%;
        text-align: center;
    }

    nav, .navbar {
        flex-direction: column;
        align-items: center;
    }
}


/* === Correctif navbar responsive desktop/laptop/tablet === */

.navbar {
  width: 100%;
  overflow: visible !important;
  flex-wrap: wrap;
  justify-content: center;
}

.navbar .container {
  max-width: 100%;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  flex-wrap: wrap;
}

.navbar-collapse {
  flex-grow: 1;
  justify-content: center;
}

.navbar-nav {
  flex-wrap: wrap;
  justify-content: center;
}

.navbar-toggler {
  z-index: 1000;
}


/* === Correction empiètement du menu déroulant === */

.navbar,
.navbar .container,
.navbar-collapse,
.navbar-nav {
  overflow: visible !important;
  position: relative;
  z-index: 100;
}

.dropdown-menu {
  z-index: 1050;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
  display: block;
}


/* === Correction finale pour afficher le menu au-dessus de tout === */
.dropdown-menu {
  position: absolute !important;
  top: 100%;
  left: 0;
  z-index: 9999 !important;
  display: block;
}

body,
section,
header,
.hero,
.container,
.wrapper {
  overflow:visible!important;
}