/* Front-end styles for All Radio Hub - final fixes */
.arh-container{max-width:1100px;margin:18px auto;padding:12px;font-family:Arial,Helvetica,sans-serif}
.arh-top{display:flex;gap:10px;align-items:center}
#arh-search{flex:1;padding:10px;border-radius:6px;border:1px solid #ccc}
.arh-actions{display:flex;gap:8px}
.arh-btn{padding:9px 12px;border-radius:6px;background:#4a90e2;color:#fff;border:none;cursor:pointer;text-decoration:none}
.arh-btn-muted{background:#777}
.arh-provinces{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}
.arh-prov{padding:6px 10px;border-radius:6px;background:#d31419;border:none;cursor:pointer;color:#ffffff}
.arh-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.arh-item{background:#fff;padding:10px;border-radius:10px;text-align:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.06);transition:transform .12s;overflow:hidden}
.arh-item:hover{transform:translateY(-4px)}
.arh-item img{width:50%;height:auto;border-radius:8px;object-fit:cover;margin:0 auto 8px;display:block}
.arh-item .arh-name{font-weight:600}
.arh-item .arh-details{font-size:12px;color:#666;margin-top:6px} /* small font below name */
#arh-load-more{margin-top:14px}

/* player full z-index - style C */
.arh-player{position:fixed;left:8px;right:8px;bottom:8px;background:#fff;padding:12px;border-radius:10px;display:flex;gap:10px;align-items:center;box-shadow:0 -4px 30px rgba(0,0,0,0.2);z-index:9999}
.arh-player img{width:64px;height:64px;border-radius:8px;object-fit:cover}
.arh-player-info h4{margin:0;font-size:16px}
.arh-player-info p{margin:4px 0;font-size:13px;color:#444}
.arh-player-controls{display:flex;align-items:center;gap:8px;margin-left:auto}
#arh-volume{width:120px}

/* advertisement overlay above player in full z-index */
.arh-ad{position:fixed;left:10px;right:10px;bottom:90px;background:rgba(0,0,0,0.8);padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:10001}
.arh-ad img{max-width:100%;height:auto;border-radius:6px}
#arh-ad-close{position:absolute;right:14px;top:6px;background:#fff;border-radius:50%;width:28px;height:28px;border:none;font-size:18px;line-height:20px;cursor:pointer}

/* modal */
.arh-modal{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:10000}
.arh-modal-inner{background:#fff;padding:20px;border-radius:12px;max-width:600px;width:95%}
.arh-modal-inner input, .arh-modal-inner select{width:100%;padding:10px;margin:8px 0;border-radius:6px;border:1px solid #ccc}
.arh-info-box{background:#f8f9c6;padding:10px;border-radius:6px;margin-bottom:8px}

/* responsive */
@media (max-width:900px){ .arh-list{grid-template-columns:repeat(3,1fr);} }
@media (max-width:600px){
    .arh-list{grid-template-columns:1fr;}
    .arh-player{left:0;right:0;bottom:0;border-radius:0;flex-direction:column;align-items:flex-start;padding:12px;z-index:9999}
    .arh-provinces{display:none} /* hide provinces on mobile */
    .arh-ad{left:6px;right:6px;bottom:120px}
}