/** * capacitor.css – Native App Overrides * Wird nur wirksam wenn gesetzt ist (via capacitor-bridge.js) * Eingebunden in: sidebar.php (globales CSS-Include) */ /* ── Safe Area für iPhone Notch / Dynamic Island ──────────────────────────── */ html.cap-app body { padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); } /* Sidebar/Topbar bei iOS nach unten schieben damit Notch frei bleibt */ html.cap-ios .mobile-topbar { padding-top: calc(env(safe-area-inset-top, 0px) + 10px); } /* Bottom-Nav (falls vorhanden) über Home-Indicator halten */ html.cap-app .bottom-nav { padding-bottom: env(safe-area-inset-bottom, 0px); } /* ── Elemente nur im Browser anzeigen, in App ausblenden ─────────────────── */ html.cap-app .browser-only { display: none !important; } /* ── Stripe / Upgrade-Button Hinweis für iOS ──────────────────────────────── */ html.cap-ios .upgrade-btn::after, html.cap-ios a[href*="create_checkout"]::after, html.cap-ios a[href*="upgrade"]::after { content: " (öffnet Website)"; font-size: 0.7em; opacity: 0.65; font-weight: 400; } /* ── Scrollverhalten optimieren ───────────────────────────────────────────── */ html.cap-app * { -webkit-overflow-scrolling: touch; } /* ── Tap-Highlight unterdrücken (Haptics ersetzen das visuell) ────────────── */ html.cap-app * { -webkit-tap-highlight-color: transparent; } /* ── Textauswahl deaktivieren (App-Feel) ──────────────────────────────────── */ html.cap-app .sidebar, html.cap-app .mobile-topbar, html.cap-app nav { -webkit-user-select: none; user-select: none; }