header .container,
header .header-container {
  display: flex;
  align-items: center;
  justify-content: space-between; /* logo à gauche, nav au centre, boutons à droite */
  gap: 20px;
  padding: 0px 20px;
  min-height: 15vh;
}
header .actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
header a {
  display: inline-flex;
  align-items: center;
}


header {
  background-color: #fff;
}

#logo_header {
  height: 60px;
}

/* Menu de navigation */
nav ul {
  list-style: none;              
  display: flex;                 
  gap: 70px;                     

}

nav a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
  font-size: 15px;
  padding: 15px;
}

nav a:hover {
  background-color: var(--bg);
  border-radius: 15px;               
}

.btn_login {
    display: inline-block;           
    background-color: #367048;       
    color: white;                    
    padding: 10px 20px;             
    border: none;                    
    border-radius: 8px;              
    cursor: pointer;                 
    font-size: 15px;               
    text-decoration: none;           
    text-align: center;              
    transition: background-color 0.3s; 
}

.btn_login:hover {
    background-color: var(--btn-hover);       
}


.notif-link{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: inherit;
  margin-left: 12px;
}

.notif-badge{
  display: inline-block;           
    background-color: #76a2e6;       
    color: white;                    
    padding: 10px 20px;             
    border: none;                    
    border-radius: 8px;              
    cursor: pointer;                 
    font-size: larger;               
    text-decoration: none;           
    text-align: center;              
    transition: background-color 0.3s; 
}