/* VAV Grup — accessibility base layer (injected on every page by src/data/ui/a11y.ts). */

/* 1. Keyboard focus: gold ring with a dark halo so it stays visible on black, gold and photo
      backgrounds. :focus-visible only, so mouse/touch clicks don't draw the ring. */
:where(a, button, summary, input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="button"]):focus-visible {
  outline: 2px solid #c8a35f;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px rgba(10, 10, 10, .85);
}

:where(.btn-primary, .nav-cta, .cta, .language-suggestion__primary, .logo, .brand, [aria-current="true"]):focus-visible {
  outline-color: #f5f5f0;
}

:where(a, button, summary, [tabindex]):focus:not(:focus-visible) {
  outline: none;
}

/* 2. Skip link — off-screen until it receives keyboard focus. */
.vav-skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 10000;
  padding: 12px 18px;
  background: #c8a35f;
  color: #0a0a0a !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .04em;
  text-decoration: none;
  transform: translateY(-200%);
  transition: transform .15s ease;
}

.vav-skip-link:focus,
.vav-skip-link:focus-visible {
  transform: translateY(0);
  outline: 2px solid #f5f5f0;
  outline-offset: 2px;
  box-shadow: 0 0 0 5px rgba(10, 10, 10, .85);
}

html[dir="rtl"] .vav-skip-link {
  left: auto;
  right: 12px;
}

main[data-vav-skip-target] {
  scroll-margin-top: 80px;
}

main[data-vav-skip-target]:focus {
  outline: none;
}

/* 3. Contrast — only decorative-looking numbers that carry information are lifted to WCAG
      large-text 3:1 (measured 1.24:1 before). Homepage "48 saat" stays dim-gold in tone. */
[data-vav-a11y="lift-48"] {
  color: rgba(200, 163, 95, .6) !important;
}

/* 4. Reduced motion: stop animations, transitions and smooth scrolling everywhere,
      including the homepage hero / marquee / sonar / country grid / connection-layer line. */
@media (prefers-reduced-motion: reduce) {
  html,
  body {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
    scroll-behavior: auto !important;
  }

  .marquee,
  .hero-bg,
  .sonar-ring,
  .typo-dot,
  .typo-country,
  .typo-country::before,
  .hero-title em::after,
  .connection-line {
    animation: none !important;
  }

  .connection-layer {
    display: none !important;
  }

  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}