/* Доступність: те, чого немає у верстці, але без чого сайтом не пройти клавіатурою. */

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    border-radius: 2px;
}

.js-aside-menu .sub-menu a:focus-visible {
    outline-offset: -2px;
}

@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;
    }
}

/* Згода на обробку даних - юридична вимога, тому подаємо компактно,
   щоб рядок не ламав пропорції форми з макета. */
.form-box__consent {
    margin-top: 0.5rem;
}

.form-box__consent .wpcf7-form-control-wrap,
.form-box__consent .wpcf7-acceptance,
.form-box__consent .wpcf7-list-item {
    display: block;
    margin: 0;
}

.form-box__consent label {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.3;
    opacity: 0.75;
    cursor: pointer;
}

.form-box__consent .wpcf7-list-item-label {
    font-size: 0.75rem;
    line-height: 1.3;
}

.form-box__consent input[type="checkbox"] {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-top: 0.1rem;
}