/* Mobile Dashboard Compression */

/* Reduce hero padding and height */
@media (max-width: 768px) {
    .dashboard-hero {
        padding: 1.5rem 1.25rem;
        min-height: auto;
    }
    
    .hero-content h1 {
        font-size: 1.75rem;
        margin-bottom: 0.5rem;
    }
    
    .hero-tagline {
        font-size: 0.875rem;
        margin-bottom: 1rem;
    }
    
    .hero-cta {
        margin-top: 1rem;
    }
    
    /* Compress quick stats */
    .dashboard-quick-stats {
        padding: 1.25rem 1.25rem 0;
        gap: 0.75rem;
    }
    
    .quick-stat-card {
        padding: 1rem;
    }
    
    .quick-stat-value {
        font-size: 1.75rem;
        margin-bottom: 0.25rem;
    }
    
    .quick-stat-label {
        font-size: 0.8125rem;
    }
    
    .quick-stat-icon {
        font-size: 1.5rem;
    }
    
    /* Tighten section spacing */
    .dashboard-section {
        padding: 1.25rem;
        margin-bottom: 0.75rem;
    }
    
    .section-header {
        margin-bottom: 1rem;
    }
    
    .section-title {
        font-size: 1.125rem;
    }
    
    /* Compress category cards */
    .category-grid {
        gap: 0.75rem;
    }
    
    .category-card {
        padding: 1rem;
    }
    
    .category-image {
        height: 100px;
    }
    
    .category-icon {
        font-size: 2rem;
    }
    
    .category-info {
        padding: 0.875rem;
    }
    
    .category-title {
        font-size: 1rem;
        margin-bottom: 0.375rem;
    }
    
    .category-description {
        font-size: 0.8125rem;
        line-height: 1.4;
    }
    
    .category-meta {
        font-size: 0.75rem;
        margin-top: 0.625rem;
    }
    
    /* Compress lesson cards */
    .lesson-card {
        padding: 0.875rem;
        gap: 0.875rem;
    }
    
    .lesson-thumbnail {
        width: 100px;
        height: 100px;
    }
    
    .lesson-info {
        padding: 0;
    }
    
    .lesson-type {
        font-size: 0.6875rem;
        padding: 0.25rem 0.625rem;
    }
    
    .lesson-title {
        font-size: 1rem;
        margin: 0.375rem 0;
    }
    
    .lesson-description {
        font-size: 0.8125rem;
        line-height: 1.4;
    }
    
    .lesson-meta {
        gap: 0.75rem;
        font-size: 0.75rem;
        margin-top: 0.625rem;
    }
    
    /* Reduce content block spacing */
    .content-block {
        margin-bottom: 1.5rem;
    }
    
    .content-block h3 {
        font-size: 1.125rem;
        margin-bottom: 0.75rem;
    }
    
    .content-block p {
        font-size: 0.875rem;
        line-height: 1.6;
        margin-bottom: 0.75rem;
    }
    
    /* Compress checklist */
    .checklist-item {
        padding: 0.75rem;
        margin-bottom: 0.5rem;
    }
    
    .checklist-text {
        font-size: 0.875rem;
    }
    
    /* Tighter warning boxes */
    .warning-box {
        padding: 1rem;
        margin-bottom: 1.5rem;
    }
    
    .warning-box h4 {
        font-size: 0.9375rem;
        margin-bottom: 0.5rem;
    }
    
    .warning-box p {
        font-size: 0.875rem;
        line-height: 1.5;
    }
    
    /* Equipment sidebar compact */
    .equipment-sidebar {
        padding: 1.25rem;
    }
    
    .equipment-item {
        padding: 0.75rem 0;
    }
    
    .equipment-label {
        font-size: 0.6875rem;
    }
    
    .equipment-value {
        font-size: 0.875rem;
    }
}

/* Extra small devices - further compression */
@media (max-width: 640px) {
    .dashboard-hero {
        padding: 1.25rem 1rem;
    }
    
    .hero-content h1 {
        font-size: 1.5rem;
    }
    
    .hero-tagline {
        font-size: 0.8125rem;
    }
    
    .dashboard-quick-stats {
        padding: 1rem 1rem 0;
        gap: 0.625rem;
    }
    
    .quick-stat-card {
        padding: 0.875rem;
    }
    
    .quick-stat-value {
        font-size: 1.5rem;
    }
    
    .quick-stat-label {
        font-size: 0.75rem;
    }
    
    .dashboard-section {
        padding: 1rem;
        margin-bottom: 0.625rem;
    }
    
    .section-header {
        margin-bottom: 0.875rem;
    }
    
    .section-title {
        font-size: 1rem;
    }
    
    .category-grid {
        gap: 0.625rem;
    }
    
    .category-card {
        padding: 0.875rem;
    }
    
    .category-image {
        height: 90px;
    }
    
    .category-icon {
        font-size: 1.75rem;
    }
    
    .category-info {
        padding: 0.75rem;
    }
    
    .category-title {
        font-size: 0.9375rem;
    }
    
    .category-description {
        font-size: 0.75rem;
        /* Show only 2 lines */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .lesson-card {
        padding: 0.75rem;
        gap: 0.75rem;
    }
    
    .lesson-thumbnail {
        width: 90px;
        height: 90px;
    }
    
    .lesson-title {
        font-size: 0.9375rem;
    }
    
    .lesson-description {
        /* Show only 2 lines */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    /* Reduce all modal content spacing */
    .modal-body {
        padding: 1.25rem;
    }
    
    .modal-header {
        padding: 1.25rem;
    }
    
    .modal-footer {
        padding: 1rem 1.25rem;
    }
}

/* Optimize for very compact mobile screens */
@media (max-width: 480px) {
    .hero-content h1 {
        font-size: 1.375rem;
    }
    
    .quick-stat-card {
        padding: 0.75rem 0.625rem;
    }
    
    .quick-stat-value {
        font-size: 1.375rem;
    }
    
    .quick-stat-icon {
        display: none;
    }
    
    .category-description {
        -webkit-line-clamp: 1;
    }
    
    .lesson-description {
        -webkit-line-clamp: 1;
    }
}