nav {font-size: 16px;}
nav ul.desktop-menu {list-style: none;display: flex;align-items: center;gap: 10px;text-align: center;line-height: 1.3;position: relative;}
nav a {-webkit-tap-highlight-color: transparent;text-decoration: none;text-transform: uppercase;color: var(--text-color);font-weight: 400;transition: background-color 0.3s ease, color 0.3s ease;padding: 0.6rem 0.7rem;display: inline-block;text-align: center;}
nav ul.desktop-menu li:last-child {margin-left: 15px;}
nav a:hover {color: var(--primary-color);}
nav a.contact {display: inline-block;background-color: var(--primary-color);color: white;padding: 0 1.2rem;line-height: 2.4rem;/* border-radius: 4px; */}
nav a.contact:hover {background-color: var(--secondary-color); transition: 0.3s;}

/* Burger et menu mobile */
.menu-btn {
  display:none;
  font-size:28px;
  background:none;
  border:none;
  cursor:pointer;
  z-index:1100;
  position:relative;
  color: var(--text-color);
  -webkit-tap-highlight-color: transparent;
}

.toggle-sub {display: none;}

/* Mobile */
@media screen and (max-width:1200px) {
  
  nav a.contact {padding: 0 0.9rem;}

  /* Burger visible */
  .menu-btn { 
      display:block; 
      font-size:28px; 
      background:none; 
      border:none; 
      cursor:pointer; 
      z-index:1100; 
      position:relative; 
  }

  /* Menu mobile */
  #menu {
      display:flex;
      flex-direction:column;
      position:fixed;
      top:0;
      bottom:0;
      left:-260px;
      width:260px;
      height:100%;
      height:100vh;
      height:100dvh;
      background:white;
      padding:30px;
      gap:23px;
      transition:left 0.3s ease;
      z-index:1000;
      border-top: 4px solid var(--primary-color);
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      box-sizing: border-box;
  }
  #menu.active {left:0;box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);backdrop-filter: blur(10px);}

  /* Masquer menu desktop horizontal */
  nav ul.desktop-menu { display:none; }
  
  nav ul.desktop-menu.active {
      display: flex;
  }
}