/**
 * Стили для режима мобильного приложения
 * Применяются когда сайт запущен в мобильном приложении
 */

/* Основной класс для режима мобильного приложения */
.mobile-app-mode {
    /* Дополнительные стили для мобильного приложения */
}

/* Скрытие элементов QR-сканера в мобильном приложении */
.mobile-app-mode .qr-scanner-container,
.mobile-app-mode #qr-scanner-app,
.mobile-app-mode .qr-scan-frame {
    display: none !important;
}

/* Дополнительные стили для кнопок сканирования */
.mobile-app-mode button[onclick*="scanner"],
.mobile-app-mode button[onclick*="qr"],
.mobile-app-mode .scanner-button {
    opacity: 0.5;
    pointer-events: none;
}

/* Индикатор режима мобильного приложения (для отладки) */
.mobile-app-mode::before {
    content: "📱 Mobile App Mode";
    position: fixed;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    z-index: 10000;
    pointer-events: none;
}

/* Скрываем индикатор в продакшене */
@media (min-width: 1px) {
    .mobile-app-mode::before {
        display: none;
    }
}

/* Скрытие иконок App Store в мобильном приложении */
.mobile-app-mode .app-stores {
    display: none !important;
}

/* Альтернативное скрытие по классам */
.mobile-app-mode .app-store-link,
.mobile-app-mode .store-icon {
    display: none !important;
}