/* === MOBILE RESPONSIVE STYLES === */

@media (max-width: 768px) {
    /* Hide bottom navigation */
    .bottom-nav {
        display: none !important;
    }

    /* Custom drawer icon */
    .navbar-toggler {
        border: none;
        padding: 0;
    }
    
    .navbar-toggler .fas.fa-bars {
        font-size: var(--font-size-xl);
        color: var(--primary);
    }

    /* General container adjustments */
    .container {
        padding-left: var(--space-base);
        padding-right: var(--space-base);
    }

    /* Navigation adjustments */
    .navbar-brand {
        font-size: var(--font-size-lg);
    }

    /* Hero Section Mobile Optimizations */
    .hero-section {
        padding-top: 80px;
    }
    
    .hero-content h1 {
        font-size: var(--font-size-3xl);
        margin-bottom: var(--space-md);
    }
    
    .hero-content p {
        font-size: var(--font-size-base);
        margin-bottom: var(--space-lg);
    }
    
    .hero-image-container {
        margin-top: var(--space-base);
        margin-bottom: var(--space-2xl);
    }

    /* CTA Buttons Mobile */
    .cta-buttons {
        margin-top: var(--space-md);
        gap: var(--space-md);
        flex-direction: column;
    }

    .cta-button {
        margin-bottom: var(--space-sm);
        width: 100%;
        text-align: center;
    }

    /* Component spacing adjustments */
    .book-container,
    .course-card {
        margin-bottom: var(--space-2xl);
    }

    /* Contact Section */
    .contact-form {
        padding: var(--space-xl);
    }

    /* Footer */
    .footer-content {
        padding: var(--space-2xl) 0;
    }
}

/* Small devices (phones) */
@media (max-width: 576px) {
    .section-title {
        font-size: var(--font-size-2xl);
        margin-bottom: var(--space-base);
    }
    
    .section-subtitle {
        font-size: var(--font-size-sm);
        margin-bottom: var(--space-xl);
    }
    
    /* Improve CTA button visibility */
    .row.min-vh-100.align-items-center {
        min-height: auto !important;
        padding-bottom: var(--space-2xl);
    }
    
    /* Make booking button prominent */
    [href*="حجز"], [href*="2025"] {
        transform: scale(1.05);
        box-shadow: 0 4px 12px rgba(var(--accent-rgb), 0.3);
    }

    /* Hero content adjustments */
    .hero-content {
        padding: var(--space-base);
    }

    .hero-title {
        margin-bottom: var(--space-xl);
    }

    .hero-subtitle {
        margin-bottom: var(--space-2xl);
    }

    .hero-description {
        margin: var(--space-xl) 0;
    }
}

/* Extra small devices */
@media (max-width: 480px) {
    .hero-section {
        padding-top: 40px !important;
        padding-bottom: 10px !important;
    }
    
    .hero-content {
        padding: var(--space-sm) !important;
        margin-bottom: var(--space-sm) !important;
    }
    
    .cta-buttons {
        margin-top: var(--space-xs) !important;
        gap: var(--space-xs) !important;
    }
    
    .cta-button {
        font-size: var(--font-size-base) !important;
        padding: var(--space-sm) var(--space-md) !important;
    }
}