﻿/* ========================================
   ACCESSIBILITY: PREFERS-REDUCED-MOTION
   Отключение/упрощение анимаций для пользователей с motion sensitivity (WCAG 2.1 SC 2.3.3)
   ======================================== */
@media (prefers-reduced-motion: reduce) {
    /* Отключаем smooth scroll для мгновенной навигации */
    html {
        scroll-behavior: auto;
    }
    
    /* ----------------------------------------
       1. Переопределение @keyframes анимаций
       ---------------------------------------- */
    
    /* Полностью отключаем движущиеся анимации (zoom, parallax, movement) */
    @keyframes kenBurns {
        0%, 100% {
            transform: scale(1);
        }
    }
    
    /* Упрощаем fadeInUp: убираем движение, оставляем только мгновенное появление */
    @keyframes fadeInUp {
        from, to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    @keyframes ctaPulse {
        0%, 100% {
            opacity: 1;
            transform: scale(1);
        }
    }
    
    @keyframes pageHeaderSoft {
        0%, 100% {
            background-position: 50% 40%;
        }
    }
    
    @keyframes scrollBounce {
        0%, 100% {
            transform: translateY(0);
        }
    }
    
    /* overlayFadeIn оставляем (простое появление opacity не вызывает дискомфорта) */
    /* но делаем мгновенным */
    @keyframes overlayFadeIn {
        from, to {
            opacity: 1;
        }
    }
    
    /* Упрощаем анимации уведомлений (убираем движение, оставляем только fade) */
    @keyframes slideIn {
        from {
            transform: translateX(0);
            opacity: 0;
        }
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }
    
    @keyframes slideOut {
        from {
            transform: translateX(0);
            opacity: 1;
        }
        to {
            transform: translateX(0);
            opacity: 0;
        }
    }
    
    /* ----------------------------------------
       2. Отключение анимаций на элементах
       ---------------------------------------- */
    
    /* Отключаем все CSS-анимации на элементах */
    .hero-slide-bg,
    .hero-content,
    .hero-title,
    .hero-subtitle,
    .hero-scroll-hint-arrow,
    .cta-section,
    .cta-title,
    .cta-description,
    .page-header,
    .page-header-overlay,
    .page-header-content,
    .error-404-content,
    .custom-notification,
    .booking-social-toast {
        animation: none !important;
    }

    /* Weather chip: полностью останавливаем ambient-анимации иконок
       (глобальное правило * снижает duration, но явный pause надёжнее для infinite) */
    .weather-chip-icon-wrap,
    .weather-icon-core,
    .weather-icon-cloud,
    .weather-icon-cloud-back,
    .weather-icon-bolt,
    .weather-icon-rays,
    .weather-icon-drops,
    .weather-icon-snow,
    .weather-icon-lines {
        animation: none !important;
    }

    /* AOS: финальное состояние без движения (дублирует aos.css) */
    [data-aos],
    [data-aos].aos-init,
    [data-aos].aos-animate {
        transform: none !important;
        transition: none !important;
        animation: none !important;
        opacity: 1 !important;
    }

    .booking-social-toast {
        transition: opacity var(--motion-fast) var(--ease-standard) !important;
    }
    
    /* Ускоряем transitions для уведомлений */
    .custom-notification {
        transition: opacity var(--motion-fast) var(--ease-standard) !important;
    }
    
    /* ----------------------------------------
       3. Упрощение hover-эффектов
       ---------------------------------------- */
    
    /* Упрощаем hover-эффекты (убираем transform, оставляем только изменение цвета/тени) */
    .hotel-card:hover,
    .room-card:hover,
    .hotel-card-horizontal:hover,
    .card-link:hover .hotel-card-horizontal .hotel-card-footer .btn,
    .hotel-card-horizontal .hotel-card-footer-actions .btn,
    .navbar.scrolled .navbar-brand,
    .navbar-brand:hover .sun-center,
    .nav-link.btn-book:hover,
    button.nav-link.btn-book:hover,
    .feature-card:hover,
    .feature-card:hover .feature-icon,
    .hotels-filter-tab:hover,
    .rooms-filter-tag:hover,
    .error-404-link:hover,
    .social-link:hover {
        transform: none !important;
    }
    
    .hotel-card:hover .hotel-card-image img,
    .room-card:hover .room-card-image img,
    .hotel-card-horizontal:hover .hotel-card-horizontal-image img,
    .card-link:hover .hotel-card-horizontal .hotel-card-footer .btn i,
    .hotel-card-horizontal .hotel-card-footer-actions .btn i,
    .error-404-link:hover i {
        transform: none !important;
    }
    
    /* Отключаем overlay при hover */
    .hotel-card-image::after,
    .room-card-image::after,
    .hotel-card-horizontal-image::after {
        opacity: 0 !important;
    }
    
    /* ----------------------------------------
       4. Глобальное ускорение всех анимаций
       ---------------------------------------- */
    
    /* Ускоряем все transitions и animations для минимизации эффекта движения */
    * {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
    
    /* Отключаем плавную прокрутку для горизонтального скролла */
    .similar-rooms .row.g-4 {
        scroll-behavior: auto;
        scroll-snap-type: none;
    }
}

