/* =========================================================================
   07-utilities.css
   Утилитарные классы: визуально скрыто, skip-link, no-scroll, focus-helper.
   Самый высокий приоритет в каскаде.
   ========================================================================= */

@layer utilities {

    /* Визуально скрыто, но доступно для скринридеров */
    .visually-hidden {
        position: absolute;
        inline-size: 1px;
        block-size: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }

    /* Skip-link — показывается только при фокусе с клавиатуры */
    .skip-link {
        position: absolute;
        inset-inline-start: 16px;
        inset-block-start: -100px;
        z-index: var(--z-toast);
        padding: 10px 16px;
        border-radius: var(--radius-sm);
        background: var(--color-navy-900);
        color: var(--color-ink-on-dark);
        font-size: var(--fs-14);
        font-weight: 700;
        transition: inset-block-start var(--duration-base) var(--ease-out);
    }

    .skip-link:focus,
    .skip-link:focus-visible {
        inset-block-start: 16px;
        outline: 2px solid var(--color-gold-400);
        outline-offset: 2px;
    }

    /* Цветовые акценты */
    .text-gold { color: var(--color-gold-500); }
    .text-muted { color: var(--color-ink-muted); }
    .text-center { text-align: center; }

    /* Блокировка прокрутки */
    .no-scroll {
        overflow: hidden;
        touch-action: none;
    }

    /* Скрыть элемент */
    .hidden {
        display: none !important;
    }
}