/* Radio Lakay V22 — responsive/mobile polish */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
img{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%}
a{word-break:break-word}

@media (max-width: 900px){
  .container,.wrap,.content,.page-container{width:100%!important;max-width:100%!important}
  .hero{border-radius:16px!important}
  .grid,.cards,.station-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  table{font-size:14px}
}

@media (max-width: 640px){
  body{font-size:15px}
  h1{font-size:28px!important;line-height:1.15}
  h2{font-size:22px!important}
  h3{font-size:18px!important}

  .grid,.cards,.station-grid,.stats-grid,
  .rlk-grid,.rlk-cards{grid-template-columns:1fr!important}

  .hero,.box,.card,.station-card,.player,.panel{
    border-radius:14px!important;
  }

  .hero{padding:20px!important;margin-left:0!important;margin-right:0!important}
  .wrap{padding-left:12px!important;padding-right:12px!important}

  .rlk-instant-search{padding:0 12px!important}
  .rlk-search-results{left:12px!important;right:12px!important}

  .rlk-search-box{padding:8px!important}
  .rlk-search-box input{font-size:16px!important;min-width:0}

  .station-card,.card{padding:14px!important}
  .station-card img,.card img{max-height:130px;object-fit:contain}

  form{width:100%}
  form input,form select,form textarea{width:100%!important;min-height:44px}
  form button,.btn,button{min-height:44px}

  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:680px}

  /* Prevent long stream URLs/social links from breaking the layout */
  code,pre,.url,.stream-url{overflow-wrap:anywhere;word-break:break-word}

  /* Make common navigation rows wrap cleanly */
  nav,.nav,.menu,.actions,.toolbar{display:flex;flex-wrap:wrap;gap:8px}
}

@media (max-width: 420px){
  h1{font-size:25px!important}
  .hero{padding:16px!important}
  .station-card,.card{padding:12px!important}
}