/* Le verre est réservé au cadre de navigation. */
.site-header {
  background: rgba(15, 61, 46, 0.72);
  border-color: rgba(232, 236, 233, 0.25);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}

.site-header.is-scrolled {
  background: rgba(243, 245, 240, 0.78);
  box-shadow: 0 8px 28px rgba(15, 61, 46, 0.08);
}

.dropdown-panel {
  background: rgba(243, 245, 240, 0.82);
  border-color: rgba(15, 61, 46, 0.2);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(18px) saturate(130%);
}

@media (max-width: 680px) {
  .site-header { background: rgba(15, 61, 46, 0.78); }
  .nav {
    background: rgba(15, 61, 46, 0.84);
    border: 1px solid rgba(232, 236, 233, 0.2);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
  }
  .site-header.is-scrolled .nav { background: rgba(243, 245, 240, 0.86); }
}

@media (prefers-reduced-transparency: reduce) {
  .site-header,
  .site-header.is-scrolled,
  .dropdown-panel,
  .nav {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}