/* ═══════════════════════════════════════════════════════════════════════
   app-kontext.css – Unterschiede zwischen Store-Apps und Website

   html[data-app="twa"] (Android) bzw. html[data-app="ios"] (iPhone) wird von
   wwwroot/js/app-kontext.js gesetzt.

   .nur-web  – nur im Browser/PWA sichtbar (z. B. Mollie-Checkout).
               In den Store-Apps darf es laut Zahlungsrichtlinien von Google und
               Apple keinen Kauf und keinen Hinweis auf einen Kauf ausserhalb des
               jeweiligen Stores geben.
   .nur-app  – in beiden Store-Apps sichtbar
   .nur-twa  – nur in der Android-App (z. B. Google-Play-Kauf)
   .nur-ios  – nur in der iOS-App (z. B. App-Store-Kauf)
   [data-kauf] – beliebiges Element mit Mollie-/Web-Kaufbezug (Preisboxen mit
               Checkout-Link, Upgrade-Banner …) – wird in den Apps ausgeblendet
   ═══════════════════════════════════════════════════════════════════════ */

html[data-app] .nur-web,
html[data-app] [data-kauf],
html[data-app] [data-pwa-section] {
    display: none !important;
}

.nur-app,
.nur-twa,
.nur-ios {
    display: none !important;
}

html[data-app] .nur-app,
html[data-app="twa"] .nur-twa,
html[data-app="ios"] .nur-ios {
    display: block !important;
}