/**
 * Основной интерфейс (весь .app-layout из base.html):
 * один тап / один клик — сразу переход, без фазы «подсветка → потом действие».
 * Для клавиатуры обводка остаётся через :focus-visible.
 */

.app-layout a[href] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.app-layout a[href]:focus {
    outline: none;
}

.app-layout a[href]:focus-visible {
    outline: 2px solid var(--accent-gold, #d4af37);
    outline-offset: 2px;
}

.app-layout button:focus {
    outline: none;
}

.app-layout button:focus-visible {
    outline: 2px solid var(--accent-gold, #d4af37);
    outline-offset: 2px;
}

/* Пункты меню и шапка — без анимации всех свойств перед переходом */
.app-layout #sidebar a.nav-item,
.app-layout #sidebar a.mobile-sidebar-profile,
.app-layout #sidebar a.nav-subitem,
.app-layout .mobile-nav a.mobile-nav-item,
.app-layout .desktop-topbar a.desktop-topbar-link,
.app-layout .right-sidebar a[href],
.app-layout .auh-crumb a[href] {
    transition: none !important;
}

/* Нет «нажато scale» перед навигацией */
.app-layout a[href]:active,
.app-layout .service-card:active,
.app-layout .services-grid .service-card:active,
.app-layout .menu-btn:active,
.app-layout a.menu-btn:active,
.app-layout .page-back-top:active,
.app-layout .mobile-menu-toggle:active,
.app-layout .desktop-topbar-link:active,
.app-layout .btn:active,
.app-layout a.btn:active {
    transform: none !important;
    filter: none !important;
}

/* Кнопки и псевдо-кнопки в контенте (лента, помощник, слияние аккаунтов и т.д.) */
.app-layout .main-content button:active,
.app-layout .main-content input[type="submit"]:active,
.app-layout .main-content input[type="button"]:active,
.app-layout .main-content [role="button"]:active {
    transform: none !important;
    filter: none !important;
}

/* Div-карточки с :active в отдельных шаблонах (слияние аккаунтов, лента, помощник) */
.app-layout .main-content .ma-result-card:active,
.app-layout .main-content .ma-card:active,
.app-layout .main-content .feed-action-btn:active,
.app-layout .main-content .feed-comment-send:active,
.app-layout .main-content .assistant-provider-btn:active,
.app-layout .main-content .copy-btn:active {
    transform: none !important;
    filter: none !important;
}

/* ─── Turbo Drive: полоска прогресса и почти незаметное «висящее» состояние ─── */
.turbo-progress-bar {
    height: 3px;
    background: linear-gradient(90deg, var(--accent-gold, #d4af37), rgba(212, 175, 55, 0.35));
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.35);
    z-index: 20050;
}

@media (prefers-reduced-motion: no-preference) {
    /* Лёгкое притемнение при переходе; без pointer-events — иначе после prefetch ссылки «умирали». */
    html.turbo-loading .app-layout .main-content {
        opacity: 0.97;
        transition: opacity 0.1s ease-out;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.turbo-loading .app-layout .main-content {
        opacity: 1;
    }
}