/* ──────────────────────────────────────────────────────────────
   EinfxchNetwork · Browser-Support & Kompatibilität
   Fallbacks für Safari, Chrome, Opera, Firefox & Edge –
   auch für ältere Browser-Versionen
────────────────────────────────────────────────────────────── */

:root { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

html { -webkit-tap-highlight-color: transparent; }

/* Nur blassen Durchblick verhindern: Bilder dürfen das Layout nie sprengen */
img { max-width: 100%; }

button {
  -webkit-appearance: none;
  appearance: none;
}

a, button { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }

/* ── Fallback: Glassmorphism ohne backdrop-filter ────────── */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .glass, .glass-2, .btn-ghost, .nav-user, .nav.scrolled {
    background: rgba(13, 15, 29, .92);
  }
  .nav { background: rgba(13, 15, 29, .88); }
}

/* ── Fallback: Gradient-Text (ältere Safari/Firefox) ─────── */
@supports not ((background-clip: text) or (-webkit-background-clip: text)) {
  .grad-text {
    color: var(--blurple);
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    animation: none;
  }
}

/* ── Fallback: conic-gradient (Level-Ring, ältere Firefox) ── */
@supports not (background: conic-gradient(#000 0%, #fff 100%)) {
  .level-ring { background: rgba(88, 101, 242, .35); }
}

/* ── Fallback: ohne CSS-Grid (sehr alte Browser) ─────────── */
@supports not (display: grid) {
  .hero-stats, .dash-grid, .eco-grid, .badge-grid, .grid-features { display: flex; flex-wrap: wrap; }
  .hero-stats > *, .dash-grid > *, .eco-grid > *, .grid-features > * { width: 100%; }
  .dash-grid .panel.dash-full { width: 100%; }
  .container { max-width: 720px; }
}

/* ── Fallback: CSS-Variablen (sehr alte Browser) ─────────── */
@supports not (--css: 0) {
  :root { --bg: #07080f; --text: #eef1ff; }
  body { background: #07080f; color: #eef1ff; }
}