/**
 * iPhone-specific styles
 * This file contains styles specifically for iOS devices
 */

/* Определяем стили только для iOS устройств */
@supports (-webkit-touch-callout: none) {
    /* Основные iOS-специфичные исправления */
    body {
        /* Исправление проблемы с 100vh на iOS */
        min-height: -webkit-fill-available;
        height: 100%;
        /* Исправление отступов для iPhone с "челкой" */
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
        /* Улучшение плавности прокрутки */
        -webkit-overflow-scrolling: touch;
    }

    html {
        height: -webkit-fill-available;
    }

    /* Фиксы для размытия фона */
    .business-header,
    .hero-glass,
    .card-base {
        /* Улучшенное размытие для iOS */
        -webkit-backdrop-filter: blur(12px);
    }

    /* Исправление высоты героя */
    .hero-with-photo {
        min-height: 100vh;
        min-height: -webkit-fill-available;
        height: calc(100 * var(--vh, 1vh));
    }

    /* Улучшенные эффекты нажатия для сенсорных устройств */
    .cta,
    .solution-link,
    .business-nav a {
        /* Устранение задержки при нажатии */
        -webkit-tap-highlight-color: transparent;
        /* Улучшение отзывчивости при нажатии */
        touch-action: manipulation;
    }

    /* Исправление для кнопок */
    button, 
    .cta,
    .solution-link {
        /* Предотвращение стилизации iOS по умолчанию */
        -webkit-appearance: none;
        appearance: none;
    }

    /* Исправление для прокрутки в модальных окнах */
    .modal-content {
        -webkit-overflow-scrolling: touch;
    }

    /* Исправление отображения фиксированных элементов */
    .business-header {
        position: -webkit-sticky;
        /* Дополнительные отступы для "челки" */
        padding-top: max(12px, env(safe-area-inset-top));
    }

    /* Исправления для анимаций, чтобы они работали плавнее */
    .fade-in,
    .fade-in-up,
    .fade-in-left,
    .fade-in-right {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform, opacity;
    }

    /* Специальные исправления для iPhone с челкой */
    @supports (padding-top: env(safe-area-inset-top)) {
        .business-header {
            padding-top: max(12px, env(safe-area-inset-top));
            padding-left: max(16px, env(safe-area-inset-left));
            padding-right: max(16px, env(safe-area-inset-right));
            position: absolute;
            z-index: 1000;
            width: 100%;
        }

        .content {
            margin-top: 0;
        }

        .hero-with-photo {
            padding-top: env(safe-area-inset-top);
            min-height: 100vh;
            min-height: -webkit-fill-available;
            margin-top: 0;
        }
        
        /* Fix for content being cut off at the bottom */
        section {
            padding-bottom: max(30px, env(safe-area-inset-bottom));
        }
    }

    /* Улучшения для форм на iOS */
    input, 
    textarea, 
    select {
        -webkit-appearance: none;
        border-radius: 8px;
        /* Предотвращение изменения размера шрифта */
        font-size: 16px;
    }

    /* Исправление для автомасштабирования и зума */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"] {
        font-size: 16px;
    }

    /* Исправления для Safari на iOS */
    @media not all and (min-resolution:.001dpcm) { 
        @supports (-webkit-appearance:none) {
            /* Safari-only CSS here */
            .hero-glass::before,
            .card-base::before,
            .solution-card::before {
                /* Исправление градиентной границы для Safari */
                -webkit-mask-composite: source-out;
                mask-composite: subtract;
            }

            /* Исправление эффектов hover для сенсорных устройств */
            .solution-card:hover,
            .cta:hover,
            .solution-link:hover {
                transform: none;
            }
            
            /* Активировать эффекты при нажатии вместо hover */
            .solution-card:active,
            .cta:active,
            .solution-link:active {
                transform: translateY(2px);
            }
        }
    }

    /* Исправления для iOS 15+ */
    @supports (aspect-ratio: 1) {
        /* iOS 15+ поддерживает aspect-ratio */
        .solution-icon,
        .founder-img,
        .gallery-item {
            aspect-ratio: 1;
        }
    }
    
    /* Исправление для длинных слов/ссылок, которые могут вызвать горизонтальную прокрутку */
    p, h1, h2, h3, h4, h5, h6, a, span, li {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: normal;
        word-break: normal;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        white-space: normal;
    }
    
    /* Fix for iPhone 13 Pro and newer models with notch */
    @media only screen and (device-width: 390px) and (device-height: 844px),
           only screen and (device-width: 428px) and (device-height: 926px),
           only screen and (device-width: 430px) and (device-height: 932px),
           only screen and (device-width: 393px) and (device-height: 852px),
           only screen and (device-width: 375px) and (device-height: 812px) {
        
        /* Remove top margin from content container */
        .content {
            margin-top: 0;
        }
        
        /* Position header absolutely at the top */
        .business-header {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: rgba(30, 41, 59, 0.8);
            padding-top: env(safe-area-inset-top);
            height: auto;
        }
        
        /* Make hero section start from top without height restriction */
        .hero-with-photo {
            height: auto;
            min-height: 100vh;
            min-height: -webkit-fill-available;
            max-height: none !important;
            padding-top: env(safe-area-inset-top);
            margin-top: 0;
        }
        
        /* Adjust hero content to account for header */
        .hero-content {
            padding-top: 60px;
            height: auto;
        }
        
        /* Remove height limitations and scrolling from hero glass */
        .hero-glass {
            max-height: none;
            overflow-y: visible;
            overflow: visible;
            -webkit-overflow-scrolling: auto;
            padding-top: 10px;
            height: auto;
        }
        
        /* Ensure hero stats are properly displayed */
        .hero-stats {
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        
        /* Fix for smart-design container */
        .smart-design {
            margin-top: 0;
            padding-top: 0;
            height: auto;
        }
        
        /* No scrolling for hero content */
        .hero-content, .hero-with-photo, .hero-glass {
            overflow: visible !important;
            overflow-y: visible !important;
        }
    }
}

/* Стили для iPhone на основе классов, добавляемых JavaScript */
.ios-device {
    /* Исправление прокрутки и инерционного скроллинга */
    -webkit-overflow-scrolling: touch;
    
    /* Использование пользовательской переменной для высоты вьюпорта */
    --vh-fix: var(--vh, 1vh);
}

.ios-device .hero-with-photo {
    height: calc(100 * var(--vh-fix));
    min-height: -webkit-fill-available;
}

.ios-device .business-nav a {
    /* Увеличение области нажатия для удобства на сенсорных устройствах */
    padding: 12px 18px;
    margin: 2px 0;
}

.ios-device .cta,
.ios-device .solution-link,
.ios-device .read-more {
    /* Исправления для кнопок на iOS */
    padding: 12px 24px;
    font-weight: 600;
}

/* Специфичные стили для iPhone X и новее (с челкой) */
.iphone-x {
    /* Безопасные отступы для контента */
    --safe-top: env(safe-area-inset-top, 44px);
    --safe-bottom: env(safe-area-inset-bottom, 34px);
    --safe-left: env(safe-area-inset-left, 0px);
    --safe-right: env(safe-area-inset-right, 0px);
}

.iphone-x .business-header {
    padding-top: var(--safe-top);
    padding-left: calc(16px + var(--safe-left));
    padding-right: calc(16px + var(--safe-right));
}

.iphone-x .content {
    margin-top: calc(76px + var(--safe-top));
    padding-bottom: var(--safe-bottom);
}

.iphone-x .hero-with-photo {
    padding-top: calc(80px + var(--safe-top));
}

/* Исправления для скроллинга на iOS */
.ios-device * {
    /* Исправление инерционного скроллинга */
    -webkit-overflow-scrolling: touch;
}

/* Исправление для Fixed-позиционированных элементов на iOS */
.ios-device .business-header {
    /* Снижение бликов и повышение контрастности для элементов с размытием */
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

/* Исправление для форм на iOS */
.ios-device input,
.ios-device textarea,
.ios-device select,
.ios-device button {
    /* Исправление скругления углов и стилей форм */
    border-radius: 8px;
    -webkit-appearance: none;
    appearance: none;
}

/* Улучшения для жестов и анимаций на iOS */
.ios-device {
    /* Улучшение обработки жестов */
    touch-action: manipulation;
}

/* Оптимизация для мобильных сеток в Safari */
.ios-device .solutions-grid,
.ios-device .article-cards,
.ios-device .mobile-optimized,
.ios-device .hero-stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* Исправление для кнопок в iOS Safari */
.ios-device button,
.ios-device .cta,
.ios-device .solution-link,
.ios-device .read-more {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    
    /* Эффект нажатия вместо hover */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ios-device button:active,
.ios-device .cta:active,
.ios-device .solution-link:active,
.ios-device .read-more:active {
    transform: scale(0.98) translateY(2px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Исправление эффектов для карточек на iOS */
.ios-device .solution-card:active,
.ios-device .article-card:active,
.ios-device .mobile-card:active {
    transform: translateY(2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* Оптимизации для iPhone 12/13/14/15 */
@media only screen 
and (device-width: 390px) 
and (device-height: 844px) 
and (-webkit-device-pixel-ratio: 3),
only screen 
and (device-width: 428px) 
and (device-height: 926px) 
and (-webkit-device-pixel-ratio: 3),
only screen 
and (device-width: 430px) 
and (device-height: 932px) 
and (-webkit-device-pixel-ratio: 3) {
    .ios-device {
        --safe-top: env(safe-area-inset-top, 47px);
        --safe-bottom: env(safe-area-inset-bottom, 34px);
    }
    
    .ios-device .business-header {
        padding-top: var(--safe-top);
    }
}

/* Оптимизация анимаций для iOS */
.ios-device .fade-in, 
.ios-device .fade-in-up, 
.ios-device .fade-in-left, 
.ios-device .fade-in-right {
    /* Аппаратное ускорение для более плавных анимаций на iOS */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
    /* Улучшение производительности */
    perspective: 1000px;
    -webkit-perspective: 1000px;
}

/* Оптимизация изображений для низкой производительности устройств */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .ios-device .hero-bg-image, 
        .ios-device .cta-img {
            transform: translateZ(0);
            will-change: transform;
        }
    }
}

/* Улучшение быстродействия меню */
.ios-device .mobile-nav-toggle:active {
    transform: scale(0.95);
}

.ios-device .business-nav.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}