/**
 * ReaverWeb - Mobile Styles (Mobile Only)
 * Included conditionally in pages that need mobile support
 */

/* Mobile Navigation (<768px) */
@media (max-width: 767.98px) {
    /* Navbar adjustments */
    .navbar-brand {
        font-size: 1.25rem !important;
    }

    .navbar-nav {
        gap: 0.25rem;
    }

    .nav-link {
        padding: 0.75rem 1rem !important;
        font-size: 0.95rem;
        border-radius: var(--radius-md);
    }

    /* Hero adjustments */
    .hero-content h1 {
        font-size: 2.25rem !important;
    }

    .hero-subheadline {
        font-size: 1rem;
        flex-wrap: wrap;
        justify-content: center !important;
        text-align: center !important;
    }

    .hero-buttons {
        flex-direction: column !important;
        width: 100%;
    }

    .hero-buttons .btn {
        width: 100%;
        text-align: center;
    }

    /* Features */
    #features h2 {
        font-size: 1.75rem !important;
    }

    #features h3 {
        font-size: 1.25rem !important;
    }

    /* Comparison */
    #comparison .display-6 {
        font-size: 1.5rem !important;
    }

    #comparison .lead {
        font-size: 1rem;
    }

    .plan-cards .card h3 {
        font-size: 1.375rem !important;
    }

    /* Stats */
    #stats h2 {
        font-size: 1.5rem !important;
    }

    /* Footer */
    footer {
        text-align: center !important;
    }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Navbar adjustments */
    .navbar-brand {
        font-size: 1.25rem !important;
    }

    .navbar-nav {
        gap: 0.25rem;
    }

    .nav-link {
        padding: 0.75rem 1rem !important;
        font-size: 0.95rem;
        border-radius: var(--radius-md);
    }

    /* Hero adjustments */
    .hero-content h1 {
        font-size: 2rem !important;
    }

    .hero-subheadline {
        font-size: 1.125rem;
    }

    /* Features */
    #features h2 {
        font-size: 1.625rem !important;
    }

    #features h3 {
        font-size: 1.1875rem !important;
    }

    /* Comparison */
    #comparison .display-6 {
        font-size: 1.375rem !important;
    }

    #comparison .lead {
        font-size: 0.9375rem;
    }

    .plan-cards .card h3 {
        font-size: 1.25rem !important;
    }

    /* Stats */
    #stats h2 {
        font-size: 1.375rem !important;
    }

    /* Footer */
    footer {
        text-align: center !important;
    }
}