/* assets/css/responsive.css */

@media (max-width: 991.98px) {
    .hero-section {
        padding: 3rem 0 2rem 0;
        text-align: center;
    }

    h1, .h1 {
        font-size: 2.1rem;
    }

    .hero-actions {
        justify-content: center;
    }

    .upload-container {
        padding: 1.5rem;
    }

    .site-footer {
        padding: 3rem 0 1.5rem 0;
    }
}

@media (max-width: 767.98px) {
    h1, .h1 {
        font-size: 1.85rem;
    }

    h2, .h2 {
        font-size: 1.5rem;
    }

    .upload-zone {
        padding: 2rem 1rem;
    }

    .file-name {
        max-width: 180px;
    }

    .stat-number {
        font-size: 1.4rem;
    }

    .btn-primary, .btn-outline-primary {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .hero-actions .btn {
        width: auto;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 14px;
    }

    h1, .h1 {
        font-size: 1.65rem;
    }

    .file-name {
        max-width: 140px;
        font-size: 13px;
    }

    .upload-icon-circle {
        width: 52px;
        height: 52px;
        font-size: 24px;
    }

    .upload-zone {
        padding: 1.5rem 0.75rem;
    }

    .upload-container, .options-card, .status-box {
        padding: 1.25rem;
    }

    .hero-actions {
        flex-direction: column;
        gap: 0.75rem;
    }

    .hero-actions .btn {
        width: 100%;
    }
}