/* =====================================================
   ANOWXRADIO - RESPONSIVE STYLES
   Desktop: 6 columns | Mobile: 3 columns
   Version: 1.3.4 - Player styles moved to player.css
   ===================================================== */

/* ===== Large Desktop - 6 Columns ===== */
@media(min-width:1201px){
    .radio-grid{
        grid-template-columns:repeat(6,1fr);
        gap:14px;
    }
    .radio-name{
        font-size:13px;
    }
    .radio-meta{
        font-size:11px;
    }
}

/* ===== Desktop - 6 Columns ===== */
@media(max-width:1200px){
    .radio-grid{
        grid-template-columns:repeat(6,1fr);
        gap:12px;
    }
    .radio-name{
        font-size:12px;
    }
    .radio-meta{
        font-size:10px;
    }
}

/* ===== Small Desktop / Large Tablet - 5 Columns ===== */
@media(max-width:992px){
    .radio-grid{
        grid-template-columns:repeat(5,1fr);
        gap:10px;
    }
    .radio-name{
        font-size:12px;
    }
    .radio-meta{
        font-size:10px;
    }
    .radio-details-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .detail-card:nth-child(2){
        border-right:none;
    }
    .detail-card:nth-child(1),
    .detail-card:nth-child(2){
        border-bottom:1px solid var(--border-light);
    }
}

/* ===== Tablet - 4 Columns ===== */
@media(max-width:768px){
    .hamburger-btn{
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .nav-links{
        display:none;
    }
    .main-nav{
        padding:0 10px;
        min-height:48px;
    }
    .main-content{
        padding:12px 10px;
    }
    
    /* Radio Grid - 4 Columns */
    .radio-grid{
        grid-template-columns:repeat(4,1fr);
        gap:10px;
    }
    .radio-card{
        padding:10px 8px;
    }
    .radio-img-wrap{
        max-width:100%;
        width:100%;
    }
    .radio-name{
        font-size:11px;
        line-height:1.3;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        display:block;
        max-width:100%;
    }
    .radio-meta{
        font-size:9px;
    }
    .live-badge{
        padding:2px 6px;
        font-size:8px;
        top:5px;
        right:5px;
    }
    .live-dot{
        width:5px;
        height:5px;
    }
    
    /* Player Hero */
    .player-hero{
        padding:25px 15px;
    }
    .player-hero-content{
        flex-direction:column;
        text-align:center;
    }
    .player-image-wrap{
        width:140px;
        height:140px;
    }
    .status-ring{
        width:150px;
        height:150px;
    }
    .player-title{
        font-size:22px;
    }
    .player-tags{
        justify-content:center;
    }
    .player-stats{
        justify-content:center;
    }
    
    /* Other Sections */
    .embed-section,
    .radio-description-section,
    .radio-links-section,
    .share-report-section{
        padding:20px 15px;
    }
    .embed-code-wrap{
        flex-direction:column;
    }
    .embed-copy-btn{
        justify-content:center;
        padding:12px;
    }
    .radio-details-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .detail-card{
        padding:15px;
    }
    .radio-links{
        gap:8px;
    }
    .radio-link-btn{
        padding:8px 14px;
        font-size:12px;
    }
    .share-report-section{
        flex-direction:column;
    }
    .report-btn{
        margin-top:15px;
    }
    .promo-card h2{
        font-size:20px;
    }
    .download-content h2{
        font-size:22px;
    }
    .search-modal{
        margin:0 10px;
        max-height:85vh;
    }
    
    /* Section Header */
    .section-header{
        padding:12px 16px;
    }
    .section-header h2{
        font-size:16px;
    }
    .section-title i{
        font-size:18px;
    }
    .section-count{
        font-size:11px;
        padding:3px 10px;
    }
}

/* ===== Mobile - 3 Columns ===== */
@media(max-width:480px){
    .main-content{
        padding:10px 8px;
    }
    
    /* Radio Grid - 3 Columns */
    .radio-grid{
        grid-template-columns:repeat(3,1fr);
        gap:8px;
    }
    .radio-card{
        padding:8px 6px;
        border-radius:10px;
    }
    .radio-img-wrap{
        max-width:100%;
        width:100%;
        border-radius:8px;
        margin-bottom:6px;
    }
    .radio-info{
        padding:0;
    }
    .radio-name{
        font-size:10px;
        margin-bottom:2px;
        line-height:1.3;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        display:block;
        max-width:100%;
    }
    .radio-meta{
        font-size:9px;
        gap:3px;
    }
    .radio-meta i{
        font-size:8px;
    }
    .live-badge{
        padding:2px 5px;
        font-size:7px;
        top:4px;
        right:4px;
        gap:3px;
    }
    .live-dot{
        width:4px;
        height:4px;
    }
    
    /* Section Header Mobile */
    .section-header{
        padding:10px 14px;
        margin-bottom:12px;
    }
    .section-header h2{
        font-size:14px;
    }
    .section-title i{
        font-size:16px;
    }
    .section-count{
        font-size:10px;
        padding:3px 8px;
    }
    
    /* Download & Store Buttons */
    .store-buttons{
        flex-direction:column;
        align-items:center;
    }
    .store-btn{
        width:100%;
        max-width:260px;
        justify-content:center;
    }
    
    /* Player Hero Mobile */
    .player-image-wrap{
        width:120px;
        height:120px;
    }
    .status-ring{
        width:130px;
        height:130px;
    }
    .player-title{
        font-size:20px;
    }
    .stat-item{
        font-size:12px;
    }
    .player-stats{
        gap:15px;
    }
    .share-icon{
        width:40px;
        height:40px;
        font-size:14px;
    }
    
    /* Show All Button */
    .show-all-btn{
        padding:12px;
        font-size:13px;
        margin-top:15px;
    }
}

/* ===== Extra Small Mobile - 3 Columns ===== */
@media(max-width:380px){
    .radio-grid{
        grid-template-columns:repeat(3,1fr);
        gap:6px;
    }
    .radio-card{
        padding:6px 5px;
    }
    .radio-name{
        font-size:9px;
        line-height:1.2;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        display:block;
        max-width:100%;
    }
    .radio-meta{
        font-size:8px;
    }
    .live-badge{
        font-size:6px;
        padding:2px 4px;
    }
    .section-header h2{
        font-size:13px;
    }
}

/* ===== Very Small Screens - 3 Columns ===== */
@media(max-width:320px){
    .radio-grid{
        grid-template-columns:repeat(3,1fr);
        gap:5px;
    }
    .radio-card{
        padding:5px 4px;
    }
    .radio-img-wrap{
        border-radius:6px;
        margin-bottom:5px;
    }
    .radio-name{
        font-size:8px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        display:block;
        max-width:100%;
    }
    .radio-meta{
        display:none;
    }
    .live-badge{
        font-size:5px;
        padding:1px 3px;
        top:3px;
        right:3px;
    }
}

/* ===== Detail Cards Responsive ===== */
@media(max-width:360px){
    .radio-details-grid{
        grid-template-columns:1fr;
    }
    .detail-card{
        border-right:none!important;
        border-bottom:1px solid var(--border-light);
    }
    .detail-card:last-child{
        border-bottom:none;
    }
}