/* Avaersa — Blue Horizon, Design B V12
   Streamlined arrow-free navigation with clear blue hover highlights.
   Dropdown interaction (mouse, keyboard and tap) remains unchanged. */
.site-nav .chevron { display: none !important; }
.site-nav .nav-group > summary,
.site-nav .nav-group > summary::-webkit-details-marker { list-style: none; }
.site-nav .nav-group > summary { list-style-type: none; }

@media (min-width:1041px) {
  .site-nav { gap: clamp(2px, .45vw, 9px); }
  .site-nav .nav-item,
  .site-nav .nav-group > summary {
    display: inline-flex;
    justify-content: center;
    border: 1px solid transparent;
    padding: 10px 8px;
    border-radius: 9px;
    background: transparent;
    transition: background-color .18s ease, border-color .18s ease,
      color .18s ease, box-shadow .18s ease;
  }
  .site-nav .nav-item:hover,
  .site-nav .nav-group:hover > summary,
  .site-nav .nav-group[open] > summary,
  .site-nav .nav-item:focus-visible,
  .site-nav .nav-group > summary:focus-visible {
    background-color: #e7f2ff;
    border-color: #c7def7;
    color: #075eae;
    box-shadow: 0 5px 15px rgba(14, 92, 172, .08);
  }
  .site-nav .nav-item.current::after,
  .site-nav .nav-group.is-current > summary::after {
    bottom: 3px;
    left: 9px;
    right: 9px;
  }
}

@media (max-width:1040px) {
  .site-nav .nav-item,
  .site-nav .nav-group > summary {
    border-radius: 9px;
    transition: background-color .18s ease, color .18s ease;
  }
  .site-nav .nav-item:hover,
  .site-nav .nav-item:focus-visible,
  .site-nav .nav-group > summary:hover,
  .site-nav .nav-group > summary:focus-visible,
  .site-nav .nav-group[open] > summary {
    background: #e7f2ff;
    color: #075eae;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav .nav-item,
  .site-nav .nav-group > summary { transition: none; }
}