/* 📱 ИСПРАВЛЕНИЕ СТАТУС-БАРА ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ */

/* Поддержка safe area для iPhone X и новее */
@supports (padding: max(0px)) {
    body {
        /* Учитываем safe area для статус-бара и home indicator */
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }
    
    /* Корректировка для фиксированного хедера */
    header {
        /* Добавляем отступ сверху для учета status bar */
        padding-top: calc(1.2rem + env(safe-area-inset-top));
    }
}

/* iOS Safari - скрываем адресную строку и делаем полноэкранный режим */
@media screen and (max-width: 768px) {
    html {
        /* Фон под статус-баром */
        background-color: #2a1670;
    }
    
    body {
        /* Минимальная высота с учетом viewport */
        min-height: 100vh;
        min-height: -webkit-fill-available;
        background: linear-gradient(135deg, #3a218c, #2a1670);
    }
    
    /* Для iOS Safari */
    @supports (-webkit-touch-callout: none) {
        body {
            min-height: -webkit-fill-available;
        }
    }
}

/* Принудительная установка цвета статус-бара для WebKit */
@media screen and (max-device-width: 480px) {
    html {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Дополнительная поддержка для старых iOS */
    body {
        -webkit-overflow-scrolling: touch;
    }
}

/* Специальные стили для PWA (когда сайт добавлен на главный экран) */
@media all and (display-mode: standalone) {
    body {
        /* В PWA режиме убираем дополнительные отступы */
        padding-top: 0;
    }
    
    header {
        /* В PWA статус-бар интегрируется в хедер */
        padding-top: calc(1.2rem + env(safe-area-inset-top, 20px));
        background: linear-gradient(180deg, #2a1670 0%, #3a218c 100%);
    }
}

/* Исправления для ландшафтной ориентации */
@media screen and (orientation: landscape) and (max-height: 500px) {
    header {
        padding-top: calc(0.8rem + env(safe-area-inset-top, 0px));
        padding-bottom: 0.8rem;
    }
}

/* Дополнительные стили для темной темы системы */
@media (prefers-color-scheme: dark) {
    html {
        background-color: #2a1670;
    }
}

/* Отладочные стили (можно удалить в продакшене) */
/* 
.debug-safe-area {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: env(safe-area-inset-top);
    background: rgba(255, 0, 0, 0.3);
    z-index: 9999;
    pointer-events: none;
}
*/ 