/*
 * File: responsive.css
 * Version: mmdb-0.8.18-claude
 * Munich Musicians DB - Responsive Design Styles
 * Mobile-optimized layouts and media queries for all components
 */

/* Responsive Design */
@media (max-width: 768px) {
    .search-controls{align-items:stretch}
    .search-filters{flex-direction:column;gap:10px}
    .directory-table{font-size:11px}
    .directory-table th,.directory-table td{padding:6px 4px;font-size:11px}
    
    .band-actions {
        flex-direction: column;
        gap: 5px;
    }
    
    .user-band-item {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    
    .band-actions {
        justify-content: center;
    }
    
    .artist-header-content, .band-header-content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 25px;
    }
    
    .artist-photo-large, .artist-no-photo-large,
    .band-photo-large, .band-no-photo-large {
        width: 150px;
        height: 150px;
        margin: 0 auto;
    }
    
    .artist-contact, .band-contact {
        grid-template-columns: 1fr;
    }
    
    .social-media {
        grid-template-columns: 1fr;
    }
    
    .band-members-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    
    .artist-detail-header, .band-detail-header {
        padding: 25px;
    }
    
    .artist-detail-body, .band-detail-body {
        padding: 25px;
    }
    
    .artist-name-section h1, .band-name-section h1 {
        font-size: 2rem;
    }
    
    .artist-stage-name {
        font-size: 1.2rem;
    }
    
    .request-info, .member-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .request-actions, .member-actions {
        flex-direction: column;
        gap: 5px;
        width: 100%;
    }
    
    .request-actions button, .member-actions button {
        padding: 8px 12px;
        font-size: 0.9rem;
    }
}