/* ─── Plenify Mobile Overrides ─────────────────────────────
   Ueberschreibt MudBlazor-Defaults nur auf Screens < 600px
   (MudBlazor Breakpoint.Sm = 600px)
   ────────────────────────────────────────────────────────── */

@media (max-width: 599.98px) {

    /* Headings – kompakter auf Mobile */
    .mud-typography-h1 { font-size: 2.25rem !important; }
    .mud-typography-h2 { font-size: 1.75rem !important; }
    .mud-typography-h3 { font-size: 1.5rem !important; }
    .mud-typography-h4 { font-size: 1.25rem !important; }
    .mud-typography-h5 { font-size: 1.1rem !important; }
    .mud-typography-h6 { font-size: 1rem !important; }

    /* Subtitle – etwas kleiner */
    .mud-typography-subtitle1 { font-size: 0.9rem !important; }
    .mud-typography-subtitle2 { font-size: 0.8rem !important; }
}