/**
 * KORYA - Styles responsives supplémentaires
 * Développé par Cortexal Technology
 */

/* Très petits appareils (moins de 375px) */
@media (max-width: 374px) {
    :root {
        --spacing-md: 12px;
        --spacing-lg: 20px;
        --font-hero: 28px;
        --font-xxl: 22px;
    }
    
    .music-grid {
        grid-template-columns: 1fr;
    }
    
    .btn {
        padding: var(--spacing-sm) var(--spacing-md);
        font-size: var(--font-sm);
    }
    
    .artist-stats {
        gap: var(--spacing-md);
    }
    
    .stat-value {
        font-size: var(--font-lg);
    }
}

/* Appareils moyens (375px à 576px) */
@media (min-width: 375px) and (max-width: 576px) {
    .music-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .hero-section h1 {
        font-size: 32px;
    }
}

/* Tablettes (577px à 768px) */
@media (min-width: 577px) and (max-width: 768px) {
    .music-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .container {
        max-width: 540px;
    }
}

/* Petits laptops (769px à 992px) */
@media (min-width: 769px) and (max-width: 992px) {
    .music-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Orientation paysage sur mobile */
@media (max-height: 500px) and (orientation: landscape) {
    .main-nav {
        padding-top: 60px;
    }
    
    .nav-item {
        margin-bottom: var(--spacing-sm);
    }
    
    .artist-cover {
        height: 120px;
    }
    
    .artist-photo {
        width: 100px;
        height: 100px;
    }
}

/* Impression */
@media print {
    .site-header,
    .bottom-bar,
    .floating-player,
    .btn-buy,
    .social-actions {
        display: none !important;
    }
    
    body {
        background: white;
        color: black;
    }
}

/* Accessibilité - prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Mode sombre (déjà sombre par défaut) */
@media (prefers-color-scheme: light) {
    /* Optionnel - version claire si besoin */
}