/* Утилітарні класи
 * BEM методологія не застосовується — це атомарні хелпери
 *
 * ПРАВИЛА:
 * - НЕ використовувати !important
 * - НЕ дублювати правила з normalize.css
 * - Використовувати CSS variables з base.css
 */

/* Візуально прихований, але доступний для screen readers */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Honeypot — прихований від людей, але видимий ботам (no display:none) */
.u-honeypot {
  position: fixed;
  top: -9999px;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}

/* Skip-to-content: прихований, з'являється при фокусі з клавіатури */
.skip-link {
  position: absolute;
  top: var(--spacing-md);
  left: var(--spacing-md);
  z-index: var(--z-index-tooltip);
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-light);
  border-radius: var(--border-radius);
  font-weight: 600;
  text-decoration: none;
  transform: translateY(-4rem);
  transition: transform var(--transition-fast);
}

.skip-link:focus {
  transform: translateY(0);
}