/* === Responsive Mobile Simplifié === */

/* Mobile : écrans jusqu'à 768px */
@media (max-width: 768px) {
    
    /* Grilles en une colonne */
    .builds-grid,
    .diablo-wiki-classes,
    .skills-grid,
    .gemmes-grid,
    .dashboard-stats,
    .recent-activity,
    .equipment-grid,
    .weapons-grid,
    .competences-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    /* Onglets classes mobiles */
    .class-tabs {
        background: #202020 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .tab-buttons {
        gap: 1px !important;
    }
    
    .tab-btn {
        flex: 1 !important;
        font-size: 12px !important;
        padding: 10px 12px !important;
        text-align: center !important;
    }
    
    .tab-content {
        margin: 0 !important;
    }
    
    /* Conteneurs principaux - Élargissement mobile */
    .diablo-builds-list,
    .diablo-build-detail,
    .diablo-wiki-classes,
    .diablo-wiki-class-detail,
    .diablo-wiki-gemmes,
    .diablo-user-dashboard,
    .diablo-account-unified,
    .diablo-auth-container,
    .diablo-build-form,
    .diablo-builds-mini,
    .diablo-set-vert-detail {
        margin-left: -15px !important;
        margin-right: -15px !important;
        width: calc(100% + 30px) !important;
        max-width: calc(100% + 30px) !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    /* Correction spécifique pour les classes */
    .diablo-wiki-classes {
        width: calc(100% + 20px) !important;
        max-width: calc(100% + 20px) !important;
        margin: 0 auto !important;
        position: relative !important;
        left: -16px !important;
    }
    
    /* Correction pour les builds */
    .diablo-builds-list {
        width: calc(100% + 15px) !important;
        max-width: calc(100% + 15px) !important;
        margin: 0 auto !important;
        position: relative !important;
        left: -13px !important;
    }
    
    /* Correction pour le détail classe - forcée */
    .diablo-wiki-class-detail,
    .diablo-wiki-class-detail .class-detail-container {
        margin-left: -15px !important;
        margin-right: -15px !important;
        width: calc(100% + 30px) !important;
        max-width: calc(100% + 30px) !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    
    /* Correction pour le détail build - forcée */
    .diablo-build-detail,
    .diablo-build-detail .build-header,
    .diablo-build-detail .build-content,
    .diablo-build-detail .build-section {
        margin-left: -15px !important;
        margin-right: -15px !important;
        width: calc(100% + 30px) !important;
        max-width: calc(100% + 30px) !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    
    /* Headers flexibles */
    .dashboard-header,
    .profile-info,
    .builds-header {
        flex-direction: column !important;
        text-align: center !important;
        gap: 15px !important;
    }
    
    /* Actions des builds */
    .build-actions,
    .auth-actions,
    .account-actions {
        flex-direction: column !important;
        gap: 10px !important;
        align-items: center !important;
    }
    
    /* Onglets */
    .account-tabs {
        flex-wrap: wrap !important;
        gap: 5px !important;
    }
    
    .tab-btn {
        flex: 1 !important;
        min-width: 120px !important;
        font-size: 12px !important;
    }
}

/* Mobile très petit : écrans jusqu'à 480px */
@media (max-width: 480px) {
    
    /* Stats en une seule colonne */
    .dashboard-stats {
        grid-template-columns: 1fr !important;
    }
    
    /* Padding réduit */
    .diablo-builds-list,
    .diablo-build-detail,
    .diablo-wiki-classes,
    .diablo-account-unified,
    .diablo-auth-container {
        padding: 10px !important;
        margin: 5px !important;
    }
    
    /* Images plus petites */
    .build-card img,
    .skill-card img,
    .diablo-class-card img {
        max-width: 80px !important;
        max-height: 80px !important;
    }
    
    /* Texte plus petit */
    .build-card h3,
    .skill-card h3 {
        font-size: 14px !important;
    }
    
    /* Étiquettes plus petites */
    .build-classe,
    .build-type {
        font-size: 10px !important;
        padding: 4px 6px !important;
    }
}