/* HEADER 6 - PILL FLOATING */
.header-6 {
  background: transparent;
}
.header-6 .main-bar {
  max-width: 1280px;
  margin: 0 auto;
  padding: 14px 5%;
}
.header-6__pill {
  position: relative; /* offset parent du mega-menu (.mega-menu = top:100% -> bas de la pilule) */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 26px;
  border-radius: 999px;
  background: var(--white);
  border: 1px solid color-mix(in srgb, var(--primary) 12%, transparent);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Brand */
.header-6__brand {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.header-6__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--secondary);
}
.header-6__brand .logo {
  width: 80px;
}
.header-6__brand .logo-text {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--primary);
}

/* Desktop nav */
.header-6 .nav-desktop {
  display: flex;
  align-items: center;
  gap: 28px;
}
.header-6 .nav-item {
  /* Volontairement statique : le mega-menu partagé (.mega-menu, top:100%)
     doit s'ancrer sur .header-6__pill et non sur le lien Services,
     sinon il démarre au milieu du bandeau et le coupe. */
  position: static;
}
.header-6 .nav-desktop a {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--gray-dark);
  text-decoration: none;
  transition: color 0.25s ease;
}
.header-6 .nav-desktop a:hover {
  color: var(--secondary);
}
.header-6 .nav-desktop > * {
  padding: 22px 0;
}

/* Right cluster */
.header-6 .right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header-6 .phone {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--primary);
  text-decoration: none;
  white-space: nowrap;
}
.header-6__phone-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--secondary);
  display: inline-block;
}
.header-6 .btn-cta {
  font-weight: 700;
  font-size: 0.8rem;
  color: var(--white);
  background: var(--secondary);
  padding: 11px 22px;
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.header-6 .btn-cta:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--secondary) 35%, transparent);
}

/* Mobile burger */
.header-6 .menu-btn {
  display: none;
  width: 44px;
  height: 44px;
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background: none;
  color: var(--primary);
}
.header-6 .menu-btn svg {
  width: 22px;
  height: 22px;
}

@media (max-width: 1024px) {
  .header-6 .nav-desktop {
    display: none;
  }
  .header-6 .menu-btn {
    display: flex;
  }
}
@media (max-width: 768px) {
  .header-6 .phone {
    display: none;
  }
}

/* ============ MENU BURGER (sous-composant) ============ */
/* Pastille blanche detachee du fond : le header-6 n'a pas de bandeau propre,
   le declencheur doit exister par lui-meme. */
.header-6 {
  --burger-color: var(--black);
  --burger-color-hover: var(--white);
  --burger-bg: var(--white);
  --burger-bg-hover: var(--secondary);
  --burger-radius: 10px;
  --burger-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}