/* Safari-specific fixes */

/* Исправление для flexbox */
.navbar, .navbar-collapse, .row, .modern-carousel, .carousel-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* Исправление backdrop-filter */
.navbar, .language-switcher, .project-card-modern, .team-modal-content {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

/* Исправление для градиентов */
.hero, .page-header, .btn-custom, .btn-submit {
    background: -webkit-linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 50%, var(--accent-color) 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 50%, var(--accent-color) 100%);
}

/* Исправление transform */
.carousel-track {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

/* Исправление анимаций */
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes waveMove {
    0%, 100% {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        opacity: 0.7;
    }
    50% {
        -webkit-transform: translateX(-30px) scale(1.05);
        transform: translateX(-30px) scale(1.05);
        opacity: 1;
    }
}

/* Исправление overflow-scrolling для iOS */
.team-modal, .modern-carousel-wrapper {
    -webkit-overflow-scrolling: touch;
}

/* Фикс для Safari-специфичных проблем с width */
.container {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Исправление проблем с изображениями */
img {
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
    user-select: none;
}

/* Safari fix для position: fixed */
.navbar.fixed-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030;
}

/* Фикс для кнопок */
button, .btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Специфичные исправления для карусели */
.modern-carousel {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.project-item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

/* Исправление для Safari на iOS */
@supports (-webkit-touch-callout: none) {
    /* CSS для Safari на iOS */
    .hero, .page-header {
        min-height: -webkit-fill-available;
    }

    .navbar {
        -webkit-backdrop-filter: blur(15px) saturate(180%);
        backdrop-filter: blur(15px) saturate(180%);
    }
}

/* Медиа-запросы для Safari */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        /* Safari-only CSS */
        .container {
            padding-left: env(safe-area-inset-left);
            padding-right: env(safe-area-inset-right);
        }
    }
}
// SAFARI FIX - исправление ширины навигации
(function() {
    // Определяем Safari
    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);

    if (isSafari) {
        // Фикс ширины навигации
        function fixNavbarWidth() {
            const navbar = document.querySelector('.navbar');
            if (navbar) {
                navbar.style.width = '100%';
                navbar.style.maxWidth = '100vw';
                navbar.style.left = '0';
                navbar.style.right = '0';
            }
        }

        // Применяем фикс при загрузке страницы
        document.addEventListener('DOMContentLoaded', fixNavbarWidth);
        window.addEventListener('load', fixNavbarWidth);

        // Применяем фикс при изменении размера окна
        window.addEventListener('resize', fixNavbarWidth);
    }
})();