/* INFINITY LIVE – Android-App-spezifische Darstellung.
   Wirkt ausschließlich bei gesetzter Klasse .infinity-native-app.
*/

html.infinity-native-app .offer-tile {
  display: none !important;
}

html.infinity-native-app .login-intro {
  margin-top: 0 !important;
}

html.infinity-native-app h1 {
  font-size: 26px !important;
  line-height: 1.15 !important;
}

html.infinity-native-app .subtitle {
  margin: 8px 0 22px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

html.infinity-native-app .field {
  margin-bottom: 16px !important;
}

html.infinity-native-app .field label {
  margin-bottom: 6px !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}

html.infinity-native-app .input-wrap input {
  height: 52px !important;
  padding: 0 48px !important;
  font-size: 15px !important;
  border-radius: 11px !important;
}

html.infinity-native-app .icon {
  left: 15px !important;
  font-size: 21px !important;
}

html.infinity-native-app .icon.lock {
  font-size: 18px !important;
}

html.infinity-native-app .toggle-password {
  right: 14px !important;
  font-size: 22px !important;
}

html.infinity-native-app .options {
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 17px 0 22px !important;
}

html.infinity-native-app .remember {
  gap: 7px !important;
  font-size: 13.5px !important;
}

html.infinity-native-app .remember input {
  width: 17px !important;
  height: 17px !important;
}

html.infinity-native-app .text-link {
  margin-left: auto !important;
  font-size: 13.5px !important;
  text-underline-offset: 3px !important;
}

html.infinity-native-app .primary-button,
html.infinity-native-app .secondary-button {
  min-height: 52px !important;
  font-size: 17px !important;
}

html.infinity-native-app .button-icon {
  font-size: 24px !important;
}

html.infinity-native-app .divider {
  margin: 23px 0 20px !important;
  font-size: 15px !important;
}

html.infinity-native-app .secondary-button {
  min-height: 50px !important;
  font-size: 16px !important;
}

@media (max-width: 680px) {
  html.infinity-native-app .page {
    padding: 18px 18px 26px !important;
  }

  html.infinity-native-app footer {
    margin-top: 34px !important;
    padding-top: 18px !important;
    font-size: 14px !important;
  }
}
/* Android-App: zusätzlichen Platz im Login gewinnen */
html.infinity-native-app .login-intro h1 {
  display: none !important;
}

html.infinity-native-app .login-card > footer {
  display: none !important;
}

/* Nach Entfernen der Überschrift den Hinweis sauber nach oben ziehen */
html.infinity-native-app .login-intro .subtitle {
  margin-top: 0 !important;
}
/* Android-App: Login weiter verdichten */

/* "Angemeldet bleiben" vollständig ausblenden */
html.infinity-native-app .remember {
  display: none !important;
}

/* Passwort vergessen allein in einer kompakten Zeile */
html.infinity-native-app .options {
  display: block !important;
  margin: 14px 0 20px !important;
  text-align: left !important;
}

html.infinity-native-app .text-link {
  display: inline-block !important;
  margin-left: 0 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

/* "oder" + Konto erstellen vollständig ausblenden */
html.infinity-native-app .divider,
html.infinity-native-app .secondary-button {
  display: none !important;
}

/* Globalen Footer in der Android-App kompakt in eine Zeile setzen */
html.infinity-native-app .global-footer {
  margin-top: 28px !important;
  padding: 14px 10px !important;
}

html.infinity-native-app .global-footer-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

html.infinity-native-app .global-footer-copy {
  display: none !important;
}

html.infinity-native-app .global-footer-links {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  justify-content: center !important;
  align-items: center !important;
}

html.infinity-native-app .global-footer-links a {
  font-size: 11px !important;
}

html.infinity-native-app .global-footer-separator {
  display: inline !important;
}
/* Android-App: Footer wie bei INFINITY PROFIL – Impressum · AGB · Datenschutz */
html.infinity-native-app .global-footer-links {
  display: flex !important;
  width: 100% !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

html.infinity-native-app .global-footer-links a {
  font-size: 11px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Bestehende Link-Reihenfolge per Flex auf PROFIL-Reihenfolge bringen */
html.infinity-native-app .global-footer-links a[href*="impress"] {
  order: 1 !important;
}

html.infinity-native-app .global-footer-links a[href*="agb"],
html.infinity-native-app .global-footer-links a[href*="geschaeft"] {
  order: 2 !important;
}

html.infinity-native-app .global-footer-links a[href*="datenschutz"] {
  order: 3 !important;
}

/* Vorhandene Trenner ausblenden; kompakte Punkte werden über die Links gesetzt */
html.infinity-native-app .global-footer-links .global-footer-separator {
  display: none !important;
}

html.infinity-native-app .global-footer-links a + a::before {
  content: "·";
  display: inline-block;
  margin: 0 7px;
  color: rgba(255,255,255,.55);
}

/* Lange AGB-Bezeichnung nur in der Android-App optisch durch "AGB" ersetzen */
html.infinity-native-app .global-footer-links a[href*="agb"],
html.infinity-native-app .global-footer-links a[href*="geschaeft"] {
  font-size: 0 !important;
}

html.infinity-native-app .global-footer-links a[href*="agb"]::after,
html.infinity-native-app .global-footer-links a[href*="geschaeft"]::after {
  content: "AGB";
  font-size: 11px !important;
}

/* Falls Datenschutz im HTML "Datenschutzerklärung" heißt: nur Android zeigt "Datenschutz". */
html.infinity-native-app .global-footer-links a[href*="datenschutz"] {
  font-size: 0 !important;
}

html.infinity-native-app .global-footer-links a[href*="datenschutz"]::after {
  content: "Datenschutz";
  font-size: 11px !important;
}
/* FIX 008 – Android-App Footer-Abstände wie PROFIL */
html.infinity-native-app .global-footer-links {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  white-space: nowrap !important;
}

html.infinity-native-app .global-footer-links a {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

/* Alte künstliche Vor-Trenner entfernen */
html.infinity-native-app .global-footer-links a + a::before {
  content: none !important;
  display: none !important;
}

/* PROFIL-Optik: Punkt NACH Impressum und NACH AGB */
html.infinity-native-app .global-footer-links a[href*="impress"]::after {
  content: " ·" !important;
  font-size: 11px !important;
  margin-left: 10px !important;
  color: rgba(255,255,255,.55) !important;
}

html.infinity-native-app .global-footer-links a[href*="agb"]::after,
html.infinity-native-app .global-footer-links a[href*="geschaeft"]::after {
  content: "AGB ·" !important;
  font-size: 11px !important;
  margin-left: 0 !important;
  color: inherit !important;
}

/* Datenschutz sauber mit eigener Breite */
html.infinity-native-app .global-footer-links a[href*="datenschutz"]::after {
  content: "Datenschutz" !important;
  font-size: 11px !important;
}

/* =========================================================
   INFINITY LIVE – Android Dashboard: oberer Begrüßungsbereich
   Nur Native-App. Web/Desktop bleiben unverändert.
   ========================================================= */
@media (max-width: 720px) {
  html.infinity-native-app .dashboard-hero #dashboardTitle {
    font-size: clamp(28px, 8vw, 34px) !important;
    line-height: 1.12 !important;
  }

  html.infinity-native-app .dashboard-hero .hero-text,
  html.infinity-native-app .dashboard-hero .hero-text span,
  html.infinity-native-app .dashboard-hero .hero-intro {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

/* DIAGNOSETEST – Android Dashboard */
html.infinity-native-app #dashboardTitle {
  color: red !important;
}