/* ========================================================================= app-native.css — стили НАТИВНОГО режима (когда сайт открыт внутри приложения Ай-Белек через Capacitor). Подключается на всех страницах сайта. Действует ТОЛЬКО когда на стоит класс .native-app (его ставит app-native.js при запуске в обёртке). На обычном сайте в браузере — не меняет ничего. ========================================================================= */ /* --- 1. Скрытие коммерции (требование Apple 3.1.3 anti-steering) --------- */ /* В приложении НЕ показываем: покупку, ценники с оплатой, ссылки на оплату, каталог услуг и любые «купить на сайте». Всё это остаётся только в браузере. */ html.native-app [data-native-hide], html.native-app a[href*="pay.html"], html.native-app a[href*="service.html"], html.native-app a[href*="prodamus"], html.native-app a[href^="/service"], html.native-app a[href^="/pay"], /* --- конкретные точки покупки на проде ibelek.ru --- */ /* dashboard: страница услуг «Направления» + кнопки в меню/на главной */ html.native-app #page-products, html.native-app [onclick*="showPage('products'"], html.native-app [onclick*="openCustomModal"], /* dashboard: оплата клубного взноса */ html.native-app #installment-pay-btn, html.native-app [onclick*="payNextInstallment"], /* course: покупка тарифов Серебро/Золото */ html.native-app #buy-silver-btn, html.native-app #buy-gold-btn, html.native-app [onclick*="stubBuy"], /* ссылки на маркетинговый лендинг (там цены/услуги) — в приложении не нужны */ html.native-app a[href="/"], html.native-app a[href="/index.html"], html.native-app a[href="index.html"] { display: none !important; } /* --- 2. Безопасные зоны iPhone (чёлка / Dynamic Island / home-bar) ------- */ html.native-app body { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); } /* Центрированные экраны (логин): iOS contentInset + 100vh уводили карточку вниз. Центрируем по ВИДИМОЙ области через 100dvh. */ html.native-app body { min-height: 100dvh; } /* Фиксированные верхние панели (навбар) уезжают под чёлку — сдвигаем */ html.native-app .navbar, html.native-app nav.fixed, html.native-app [data-app-topbar] { padding-top: calc(env(safe-area-inset-top)) !important; } /* Нижние мобильные панели (5-кнопочная навигация в dashboard) — над home-bar */ html.native-app .mobile-nav, html.native-app .mob-nav, html.native-app [data-app-bottombar] { padding-bottom: calc(env(safe-area-inset-bottom)) !important; } /* --- 3. Мелочи нативности ----------------------------------------------- */ /* Убираем подсветку тапа и выделение текста как в нативе (но не в полях ввода) */ html.native-app * { -webkit-tap-highlight-color: transparent; } html.native-app input, html.native-app textarea, html.native-app [contenteditable] { -webkit-user-select: text; user-select: text; } /* Cookie-баннер в приложении не нужен (это не браузер) */ html.native-app #cookie-banner { display: none !important; } /* ═══════════════════════════════════════════════════════════════ ПРОИЗВОДИТЕЛЬНОСТЬ — плавность чата как в нативе ═══════════════════════════════════════════════════════════════ */ /* 1. backdrop-filter (блюр) пересчитывается КАЖДЫЙ кадр при скролле — главный тормоз. Убираем его на скроллящихся/перекрывающих скролл поверхностях: сам чат, бабблы, ввод, фиксированные панели. На статичных премиум-карточках (логин и т.п.) блюр ОСТАВЛЯЕМ. */ html.native-app #page-chat, html.native-app #page-chat *, html.native-app #dm-messages, html.native-app #dm-messages *, html.native-app #ug-messages, html.native-app #ug-messages *, html.native-app #chat-messages, html.native-app #chat-messages *, html.native-app .chat-input, html.native-app .chat-input *, html.native-app .mob-nav, html.native-app .mobile-nav, html.native-app [data-app-topbar], html.native-app [data-app-bottombar] { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } /* частицы/курсор/звёздный фон (анимированные .star) — не нужны в приложении, жрут кадры. Звёздное небо клуба #sky = десятки анимируемых div. */ html.native-app #particles-canvas, html.native-app #cursor, html.native-app #cursor-ring { display: none !important; } /* Клуб: звёзды и луна ОСТАЮТСЯ (премиум-вид!), но без поминутной анимации/ перерисовки — статичная красота не грузит скролл. */ html.native-app .star { animation: none !important; opacity: 0.55 !important; } html.native-app .moon { animation: none !important; } /* 2. Списки сообщений: инерционный скролл + убираем рубер-бэнд всей страницы (главная «браузерность»). GPU-слой для плавности. */ html.native-app #dm-messages, html.native-app #ug-messages, html.native-app #chat-messages { -webkit-overflow-scrolling: touch; overscroll-behavior: contain; transform: translateZ(0); will-change: scroll-position; } /* 2c. КЛУБ в приложении: чат теперь НАТИВНЫЙ (плагин ChatNative). Страница клуба показывает ОБЫЧНЫЙ контент (hero/презенс/эфир), встроенный веб-чат прячется в app-native.js, а вместо него — кнопка «Открыть чат круга». Старые правила «веб-чат на весь экран» (прятали контент клуба) убраны. */ html.native-app .topbar-title { font-size: 15px !important; line-height: 1.15 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* 3. Мгновенный отклик тапа: без 300ms-задержки, без подсветки, без авто-зума текста. Поля ввода оставляем выделяемыми. */ html.native-app { -webkit-text-size-adjust: 100%; } html.native-app a, html.native-app button, html.native-app [onclick], html.native-app .nav-item, html.native-app .mob-nav-item { touch-action: manipulation; }