/*
Theme Name: WEB98
Description: Одностраничный сайт Александра Космоса на основе design/dist.
Version: 1.0.0
Requires at least: 7.0
Requires PHP: 8.1
Text Domain: web98
*/
.skip-link { position: absolute; left: 16px; top: -100px; z-index: 100000; padding: 12px 20px; color: #fff; background: #163828; }
.skip-link:focus { top: 16px; }
a:focus, button:focus, input:focus, textarea:focus { outline: 2px solid #287848; outline-offset: 4px; }
.form-notice { margin-bottom: 20px; }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}


.field-error { margin: 8px 0 0; color: #a51d27; font-size: 14px; }
.form-control-custom[aria-invalid="true"] { border-color: #a51d27; }
.form-notice--error { color: #a51d27; }
.form-notice--success { color: #24643b; }
.form-submit:disabled { opacity: .7; cursor: wait; }
.form-spinner { display: inline-block; width: 20px; height: 20px; flex-shrink: 0; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: web98-spin .7s linear infinite; }
@keyframes web98-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .form-spinner { animation: none; } }