/* Доступность kartomaster.ru */

/* Видимый фокус для клавиатуры.
   Раньше контур был снят у select и ползунков — клавиатурный пользователь
   не видел, где находится. :focus-visible не мешает мыши. */
.mp:focus-visible,
.sw:focus-visible,
.addon:focus-visible,
.dropzone:focus-visible,
.faq-tab:focus-visible,
.faq-q:focus-visible,
.size-select:focus-visible,
.dz-select:focus-visible,
input[type=range]:focus-visible,
.ba-thumb:focus-visible,
.btn:focus-visible,
a:focus-visible,
button:focus-visible {
  outline: 3px solid #F4E4A1;
  outline-offset: 3px;
  border-radius: 8px;
}

/* Элементы, ставшие кнопками через km-keyboard.js, не должны ломать вёрстку */
.mp[role="button"],
.sw[role="button"],
.addon[role="button"],
.dropzone[role="button"],
.faq-q[role="button"],
.faq-tab[role="button"] {
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Ссылки внутри текста должны отличаться от окружающего текста не только цветом
   (WCAG 1.4.1). На /fufl/ и /sellers/ ссылка на поддержку была только цветной. */
p a:not(.btn),
li a:not(.btn),
small a,
.faq-a a,
.modal-foot a,
.dz-note a,
.demo-note a,
.sec-note a,
.trust-lbl a,
footer p a {
  text-decoration: underline;
  text-underline-offset: 2px;
}


/* Визуально скрытый, но ФОКУСИРУЕМЫЙ элемент — для input type=file.
   hidden убран: он делал поле недостижимым с клавиатуры. */
.sr-only {
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Когда фокус попадает на скрытое поле внутри зоны — подсвечиваем саму зону */
.dropzone:focus-within {
  outline: 3px solid #F4E4A1;
  outline-offset: 3px;
}