/* Mobile-specific styles */
@media (max-width: 768px) {
    .main-content {
        padding: 15px;
        padding-bottom: 70px;
    }
    
    .header .logo h1 {
        font-size: 18px;
    }
    
    .welcome-section h2 {
        font-size: 20px;
    }
    
    .recipes-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .time-inputs {
        flex-direction: column;
        gap: 10px;
    }
    
    .recipe-header {
        height: 200px;
    }
    
    .recipe-header-overlay h2 {
        font-size: 20px;
    }
    
    .recipe-meta {
        flex-direction: column;
        gap: 5px;
    }
    
    .recipe-body {
        padding: 15px;
    }
    
    .recipe-actions {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .edit-btn, .delete-btn, .print-btn {
        padding: 8px 15px;
        font-size: 14px;
    }
    
    .categories-selection {
        gap: 5px;
    }
    
    .category-checkbox {
        padding: 6px 10px;
        font-size: 12px;
    }
    
    .nav-item i {
        font-size: 18px;
    }
    
    .nav-item span {
        font-size: 10px;
    }
    
    .form-actions {
        flex-direction: column;
    }
    
    .form-actions button {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .auth-card {
        padding: 20px;
    }
    
    .search-tabs {
        overflow-x: auto;
        white-space: nowrap;
        justify-content: flex-start;
        padding-bottom: 5px;
    }
    
    .tab {
        padding: 8px 12px;
        font-size: 14px;
    }
    
    .recipe-header-overlay {
        padding: 20px 15px 15px;
    }
    
    .profile-stats {
        flex-wrap: wrap;
        gap: 15px;
    }
}