/* ============================================
   Responsive Typography Overrides
   LAST RESORT: Use !important to override MudBlazor typography on mobile
   WARNING: Only use when theme configuration is insufficient
   ============================================ */

/* Tablet (600px - 959px): Medium screens - Scale down moderately */
@media (max-width: 959px) {
    .mud-typography-h1 {
        font-size: 3rem !important; /* Default 6rem -> 3rem (48px) */
        line-height: 1.2 !important;
    }

    .mud-typography-h2 {
        font-size: 2.5rem !important; /* Default 3.75rem -> 2.5rem (40px) */
        line-height: 1.2 !important;
    }

    .mud-typography-h3 {
        font-size: 2rem !important; /* Default 3rem -> 2rem (32px) */
        line-height: 1.3 !important;
    }

    .mud-typography-h4 {
        font-size: 1.5rem !important; /* Default 2.125rem -> 1.5rem (24px) */
        line-height: 1.3 !important;
    }

    .mud-typography-h5 {
        font-size: 1.25rem !important; /* Default 1.5rem -> 1.25rem (20px) */
        line-height: 1.4 !important;
    }

    .mud-typography-h6 {
        font-size: 1.125rem !important; /* Default 1.25rem -> 1.125rem (18px) */
        line-height: 1.4 !important;
    }
}

/* Mobile (0px - 599px): Small screens - Scale down significantly */
@media (max-width: 599px) {
    .mud-typography-h1 {
        font-size: 2rem !important; /* 32px - readable on mobile */
        line-height: 1.2 !important;
    }

    .mud-typography-h2 {
        font-size: 1.75rem !important; /* 28px */
        line-height: 1.2 !important;
    }

    .mud-typography-h3 {
        font-size: 1.5rem !important; /* 24px */
        line-height: 1.3 !important;
    }

    .mud-typography-h4 {
        font-size: 1.25rem !important; /* 20px */
        line-height: 1.3 !important;
    }

    .mud-typography-h5 {
        font-size: 1rem !important; /* 16px */
        line-height: 1.4 !important;
    }

    .mud-typography-h6 {
        font-size: 1rem !important; /* 16px */
        line-height: 1.4 !important;
    }

    .mud-typography-body1 {
        font-size: 0.875rem !important; /* 14px - slightly smaller on mobile */
        line-height: 1.5 !important;
    }
}