/* ============================================================
   SITA & Compagnie — Header & Navigation v2
   Navbar sur fond clair (sticky, devient opaque au scroll)
   ============================================================ */

/* ── Header principal ─────────────────────────────────────── */
#main-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  background: transparent;
  transition: background .3s ease, box-shadow .3s ease, border-color .3s ease;
}

#main-header.scrolled {
  background: rgba(248,251,255,0.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--color-border);
  box-shadow: var(--shadow-card);
}

/* ── Navbar ───────────────────────────────────────────────── */
.navbar {
  background: transparent !important;
  padding: 1rem 0;
  transition: padding .3s ease;
}

#main-header.scrolled .navbar {
  padding: .625rem 0;
}

/* ── Logo ─────────────────────────────────────────────────── */
.navbar-logo {
  height: 44px;
  width: auto;
  transition: height .3s ease;
}
#main-header.scrolled .navbar-logo {
  height: 38px;
}

/* ── Liens navbar ─────────────────────────────────────────── */
.navbar-nav .nav-link {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: .9rem;
  color: var(--color-foreground) !important;
  border-radius: 9999px;
  padding: .4rem .85rem !important;
  transition: background .2s ease, color .2s ease;
  position: relative;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  background: var(--color-soft);
  color: var(--color-primary) !important;
}

/* Suppression underline animé — remplacé par fond pill */
.navbar-nav .nav-link::after { display: none !important; }

/* ── Dropdown personnalisé ────────────────────────────────── */
.dropdown-menu-sita {
  background: var(--color-card);
  border: 1px solid var(--color-border);
  border-top: 3px solid var(--color-primary);
  border-radius: 0 0 1rem 1rem;
  box-shadow: var(--shadow-soft);
  min-width: 220px;
  padding: .5rem 0;
}

.dropdown-menu-sita .dropdown-item {
  font-family: var(--font-body);
  font-size: .9rem;
  color: var(--color-foreground);
  padding: .55rem 1.25rem;
  display: flex;
  align-items: center;
  gap: .5rem;
  transition: background .2s ease, color .2s ease;
}
.dropdown-menu-sita .dropdown-item:hover {
  background: var(--color-soft);
  color: var(--color-primary);
}
.dropdown-menu-sita .dropdown-item .icon { color: var(--color-primary); }
.dropdown-menu-sita .dropdown-divider { border-color: var(--color-border); }

/* ── Caret dropdown ───────────────────────────────────────── */
.dropdown-toggle::after {
  border: none;
  content: '';
  display: inline-block;
  width: .45em; height: .45em;
  border-right: 2px solid var(--color-foreground);
  border-bottom: 2px solid var(--color-foreground);
  transform: rotate(45deg) translateY(-3px);
  transition: transform .2s ease, border-color .2s ease;
  vertical-align: middle;
  margin-left: .4em;
}
.dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(225deg) translateY(-3px);
}

/* ── Switcher de langue ───────────────────────────────────── */
.lang-switcher { display: flex; gap: .3rem; }

.lang-btn {
  display: inline-block;
  padding: .25rem .55rem;
  border: 1.5px solid var(--color-border);
  border-radius: 4px;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .05em;
  color: var(--color-muted);
  text-decoration: none;
  background: transparent;
  transition: all .2s ease;
}
.lang-btn:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: var(--color-soft);
}
.lang-btn--active {
  background: var(--gradient-brand);
  border-color: transparent;
  color: #fff;
}
.lang-btn--active:hover {
  color: #fff;
  opacity: .9;
}

/* ── Bouton CTA navbar ────────────────────────────────────── */
.btn-cta-nav {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .5rem 1.125rem;
  border-radius: 9999px;
  background: var(--gradient-brand);
  color: #fff !important;
  font-weight: 600;
  font-size: .85rem;
  text-decoration: none;
  border: none;
  box-shadow: var(--shadow-soft);
  transition: transform .2s ease, box-shadow .2s ease;
  white-space: nowrap;
}
.btn-cta-nav:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 30px -6px rgba(52,91,169,.35);
}
.btn-cta-nav .icon { fill: #fff; color: #fff; }

/* ── Toggler hamburger (foncé sur fond clair) ─────────────── */
.navbar-toggler {
  border: 1.5px solid var(--color-border);
  padding: .4rem .6rem;
  background: transparent;
  border-radius: .5rem;
}
.navbar-toggler:focus { box-shadow: 0 0 0 3px rgba(52,91,169,.15); outline: none; }
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231A2B4A' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ── Sans top-bar — le header part directement du haut ─────── */
/* (la top-bar a été supprimée du PHP, aucune règle nécessaire) */