/**
 * UTILITIES
 * Утилиты для доступности и мобильной оптимизации
 */

/* Accessibility: Skip link */
.skip-link {
    position: absolute;
    left: -999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skip-link:focus {
    left: 1rem;
    top: 1rem;
    width: auto;
    height: auto;
    padding: 0.5rem 0.75rem;
    background: #ffffff;
    color: #0f172a;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(2,6,23,0.12);
    z-index: 9999;
}

/* Убираем outline по умолчанию */
button:focus, 
a:focus, 
input:focus, 
.modal-input:focus {
    outline: none;
}

/* Видимые focus rings для клавиатурной навигации */
:focus-visible {
    box-shadow: 0 0 0 4px rgba(59,130,246,0.18);
    border-radius: 8px;
}

/* Увеличиваем область касания на мобильных */
button, 
.btn, 
.modal-input, 
.w-9.h-9 {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Уважаем настройки анимации пользователя */
@media (prefers-reduced-motion: reduce) {
    * { 
        animation-duration: 0.001ms !important; 
        animation-iteration-count: 1 !important; 
        transition-duration: 0.001ms !important; 
    }
}