/* ----------------- DEBUT header PC ----------------- */

/* ----------- HEADER FIXÉ ----------- */
 header{
    height: 88px;
    position: fixed;
    z-index: 2;
    width: 100vw;
    top: 0;
    left: 0;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0);
    background-color: #ffffff;
 }

/* ----------- BARRE DE NAVIGATION ----------- */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5vw 8vw 1.5vw 1.5vw;
  height: 88px;
  position: relative;
  /* flex-wrap: wrap; */
}


/* ----------- LOGO ----------- */
/* .logo {
  position: absolute;
  z-index: 4;
  top: clamp(10px, 2vw, 25px);
  left: clamp(10px, 3vw, 50px);
}
.logo img {
  height: clamp(100px, 10vw, 200px);
  width: auto;
} */

.logo {
  /* position: absolute; */
  /* z-index: 4; */
  /* top: clamp(10px, 2vw, 25px); */
  /* left: clamp(10px, 3vw, 50px); */
}
.logo img {
  height: clamp(100px, 10vw, 200px);
  margin-top: 120px;
}

/* ----------- TITRE MASQUÉ ----------- */
.navbar h2 {
  display: none;
}

/* ----------- MENU ----------- */
.nav-links {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 0;

  /* Espacement entre les éléments adaptatif */
  gap: clamp(1rem, 3vw, 6rem);

  /* Taille du texte adaptative */
  font-size: clamp(1rem, 1.5vw, 2rem);
}

.nav-links li a {
  color: rgb(41, 39, 45);
  text-decoration: none;
  transition: color 0.3s;
}

.nav-links li a:hover {
  color: #ff9900;
}

/* ----------- BOUTON BURGER MASQUÉ ----------- */
.burger {
  display: none;
}

/* ----------------- FIN header PC ----------------- */




/* Responsive */
@media (max-width: 767px){
header{
/* width: 100vw; */
}

  .navbar {
    /* flex-direction: row; */
    /* justify-content: space-between; */
  }

  .navbar h2 {
    /* display: block; */
    /* width: 72vw; */
    /* background-color: red; */
    /* text-align: center; */
}

  .logo img {
    /* height: clamp(80px, 10vw, 200px); */
  }

  .burger {
    display: block;
    font-size: 2.5rem;
    color: rgb(41, 39, 45);
    background: none;
    border: none;
    cursor: pointer;
  }

  .nav-links {
    height: auto;
    flex-direction: column;
    position: absolute;
    top: 80px;
    right: 0;
    width: 100vw;
    background-color: #ffffffe0;
    display: none;
    z-index: 10;
    gap: 0;
  }

  .nav-links.active {
    display: flex;
    z-index: 1000;
  }

  .nav-links li {
    text-align: center;
    padding: 1rem 0;
    border-bottom: 1px solid #ddd;
  }

  .nav-links li a {
    font-size: 1.2rem;
  }
}


/* ajustements spécifiques Realme 8 Pro 432px */
@media screen and (max-width: 432px) and (orientation: portrait){
header{
/* background-color: red; */
/* height: 85px; */
}

  .logo {
    height: 100%;
}

  .logo img {
    height: 100%;
    margin-top: 0;
}
.navbar h2 {
  display: block;
}
.navbar {
    /* height: 85px; */
  }

.navbar{
/* display: flex; */
/* justify-content: right; */
  }
  .nav-links li a {
    font-size: 1rem;
  }
}