/* ════════════════════════════════════════════════════════
 * ▶File Information
 *  FILE NAME    : responsive.css
 *  FILE PATH    : /assets/css/responsive.css
 *  DESCRIPTION  : Responsive styling for WoW Armory site
 * ════════════════════════════════════════════════════════ */

/* Large Desktops (1200px and up) */
@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

/* Medium Desktops (992px to 1199px) */
@media (max-width: 1199px) {
    .container {
        max-width: 960px;
    }
    
    .character-cards {
        justify-content: center;
    }
    
    .character-card {
        width: calc(25% - 1rem);
    }
    
    .collections-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Tablets (768px to 991px) */
@media (max-width: 991px) {
    .container {
        max-width: 720px;
    }
    
    .character-card {
        width: calc(33.333% - 1rem);
    }
    
    .equipment-slots {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .character-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .collections-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .achievements-list {
        grid-template-columns: 1fr;
    }
    
    .reputation-list {
        grid-template-columns: 1fr;
    }
    
    .raid-bosses {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Small Tablets and Large Phones (576px to 767px) */
@media (max-width: 767px) {
    .container {
        max-width: 540px;
    }
    
    #site-header .container {
        flex-direction: column;
    }
    
    .logo {
        margin-bottom: 1rem;
    }
    
    .character-card {
        width: calc(50% - 1rem);
    }
    
    .profile-header {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .profile-avatar {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    
    .equipment-slots {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .character-stats {
        grid-template-columns: 1fr;
    }
    
    .collections-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .pvp-ratings {
        grid-template-columns: 1fr;
    }
    
    .raid-bosses {
        grid-template-columns: 1fr;
    }
    
    .footer-content {
        flex-direction: column;
        text-align: center;
    }
    
    .copyright {
        margin-bottom: 1rem;
    }
    
    .footer-nav ul {
        justify-content: center;
    }
}

/* Phones (up to 575px) */
@media (max-width: 575px) {
    .character-card {
        width: 100%;
    }
    
    .profile-navigation ul {
        flex-direction: column;
    }
    
    .profile-navigation li {
        margin-right: 0;
        margin-bottom: 0.25rem;
    }
    
    .profile-navigation a {
        border-radius: 5px;
        border-bottom: 1px solid #333;
    }
    
    .equipment-slots {
        grid-template-columns: 1fr;
    }
    
    .collections-grid {
        grid-template-columns: 1fr;
    }
    
    .mythic-rating {
        flex-direction: column;
        text-align: center;
    }
    
    .mythic-score {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    
    .mythic-run {
        flex-direction: column;
        text-align: center;
    }
    
    .dungeon-time {
        margin-left: 0;
        margin-top: 1rem;
        text-align: center;
    }
}