/* KUGUART GOLD — 06 Accessibility
 * Focus, selection and reduced-motion preferences.
 */

/* ==========================================================================
   13. ACCESSIBILITY / INTERACTION
   ========================================================================== */

:where(a, button, input, select, textarea):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

::selection {
  background: var(--kg-color-ink);
  color: var(--kg-color-surface);
}

/* ==========================================================================
   15. REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  :where(html) {
    scroll-behavior: auto;
  }

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

  .woocommerce ul.products li.product img,
  .woocommerce ul.products li.product:hover img {
    transform: none;
  }

  html.kg-motion :is(
    .kg-hero-title,
    .kg-section-title,
    .kg-subtitle,
    .kg-section-label,
    .kg-lead,
    .kg-quote,
    .kg-card,
    .kg-frame,
    .kg-actions,
    .kg-reveal,
    h1, h2, h3
  ),
  html.kg-motion .kg-section-label::after {
    opacity: 1 !important;
    transform: none !important;
  }
}