/* Antraštės meniu: spalviniai akcentai ir pažymėta skaitoma skiltis. */
.navigation { gap: 6px; }
.navigation a, .mobile-nav a {
  --meniu-akcentas: #513078;
  --meniu-fonas: #eee6f6;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 15px;
  border-radius: 24px;
  transition: color .25s, transform .25s, text-shadow .25s;
}
.navigation a[href="#programos"], .mobile-nav a[href="#programos"] {
  --meniu-akcentas: #247f7a;
  --meniu-fonas: #dbf0eb;
}
.navigation a[href="#kontaktai"], .mobile-nav a[href="#kontaktai"] {
  --meniu-akcentas: #946311;
  --meniu-fonas: #fff0ca;
}
.navigation a::before, .mobile-nav a::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--meniu-akcentas);
  opacity: .65;
}
.navigation a::after { content: none; }
.navigation a:hover, .mobile-nav a:hover,
.navigation a[aria-current="location"], .mobile-nav a[aria-current="location"] {
  color: var(--meniu-akcentas);
  background: transparent;
}
.navigation a:hover { transform: translateY(-2px); }
.navigation a[aria-current="location"]::before { opacity: 1; }
@media (min-width: 761px) and (max-width: 1100px) {
  .navigation { gap: 0; }
  .navigation a { padding: 9px 10px; font-size: 12px; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .navigation a:hover { transform: none; }
}

/* Aktyvi skiltis pažymima tik raidžių spalva, švytėjimu ir dydžiu. */
.navigation a[aria-current="location"],
.mobile-nav a[aria-current="location"] {
  transform: scale(1.06);
  text-shadow: 0 0 12px color-mix(in srgb, var(--meniu-akcentas) 30%, transparent);
}

.navigation a:hover,
.mobile-nav a:hover {
  transform: scale(1.04);
}

@media (prefers-reduced-motion: reduce) {
  .navigation a,
  .mobile-nav a {
    transition: none;
  }
}
/* Didesnis kalbų pasirinkimas su vėliavomis. */
.language { gap: 8px; }
.language button {
  display: grid;
  place-items: center;
  min-width: 40px;
  min-height: 40px;
  padding: 5px;
  opacity: .5;
  border-radius: 7px;
  transition: opacity .2s, transform .2s;
}
.language button img {
  display: block;
  width: 30px;
  height: 20px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #29233520;
}
.language button[aria-pressed="true"] { opacity: 1; }
.language button:hover { opacity: 1; transform: translateY(-1px); }
@media (max-width: 760px) {
  .language { gap: 3px; }
  .language button { min-width: 32px; padding: 3px; }
  .language button img { width: 26px; height: 18px; }
  .header-actions { gap: 10px; }
}