/* Kampio — navigation loading feedback (instant tap / click) */

body.kampio-nav-loading::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 100000;
    background: linear-gradient(90deg, var(--tmc-accent, #F4A623) 0%, #ffb84d 50%, var(--tmc-accent, #F4A623) 100%);
    background-size: 200% 100%;
    animation: kampio-nav-progress 0.9s ease-in-out infinite;
    pointer-events: none;
}

@keyframes kampio-nav-progress {
    0% { background-position: 100% 0; opacity: 0.85; }
    100% { background-position: -100% 0; opacity: 1; }
}

a.kampio-nav-pending {
    opacity: 0.72;
    pointer-events: none;
    transition: opacity 0.12s ease;
}

.mobile-bottom-nav__btn.kampio-nav-pending,
.owner-mnav-item.kampio-nav-pending {
    opacity: 1;
}

.mobile-bottom-nav__btn.kampio-nav-pending .mobile-nav-icon,
.owner-mnav-item.kampio-nav-pending .mnav-icon {
    transform: scale(0.92);
    transition: transform 0.12s ease;
}

.owner-mobile-nav {
    contain: layout style;
}

.owner-mnav-item,
.mobile-bottom-nav__btn {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.owner-mnav-item:active:not(.kampio-nav-pending),
.mobile-bottom-nav__btn:active:not(.kampio-nav-pending) {
    transform: scale(0.97);
    transition: transform 0.08s ease;
}

@media (prefers-reduced-motion: reduce) {
    body.kampio-nav-loading::before {
        animation: none;
    }
    .owner-mnav-item:active,
    .mobile-bottom-nav__btn:active {
        transform: none;
    }
}