
.mobile-menu-toggle{
  display:none;
}

@media (max-width:1100px){
  :root{
    --header-h:54px;
    --footer-h:176px;
  }

  .site-header{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:8px 12px;
    min-height:var(--header-h);
    height:var(--header-h);
  }

  .site-header .mobile-menu-toggle{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid rgba(255,220,160,.28);
    background:rgba(255,220,160,.08);
    color:#f7e3c5;
    font-weight:800;
    letter-spacing:.04em;
    cursor:pointer;
    box-shadow:0 0 12px rgba(255,220,160,.18);
  }

  .content-area{
    padding-top:calc(var(--header-h) + 12px);
    padding-bottom:calc(var(--footer-h) + 20px);
  }

  .content-wrapper{
    max-width:none;
    padding:16px 14px;
  }

  .content-card,
  .schedule-box,
  .clock-box,
  .admin-card{
    padding:18px;
  }

  .admin-topbar{
    flex-wrap:wrap;
    gap:8px;
  }
  .admin-return{ margin-left:0 !important; }

  .site-footer{
    height:auto;
  }

  .footer-inner{
    height:auto;
    display:grid;
    grid-template-columns:1fr;
    align-items:flex-start;
    gap:10px;
    padding:12px 16px 14px;
  }

  .footer-links a{
    margin-left:0;
    margin-right:14px;
    display:inline-block;
    margin-top:6px;
  }

  .listen-buttons a,
  .listen-inline a,
  .player-action-row .button,
  .player-action-row .play-btn{
    width:100%;
    min-width:0;
  }

  .stats-table th{
    width:160px !important;
    min-width:160px;
  }
}

@media (max-width:760px){
  :root{
    --footer-h:220px;
  }

  .hero-title{font-size:clamp(2rem,8vw,3rem);}
  .hero-tagline{font-size:1rem;}

  .friend-top{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .friend-actions{justify-content:center;}

  .slot-row{
    grid-template-columns:1fr;
    text-align:center;
  }

  .player-meta-row,
  .player-action-row,
  .listen-buttons,
  .listen-inline{
    justify-content:center;
  }

  .admin-grid,
  .admin-grid-v2,
  .admin-stat-grid,
  .perm-grid,
  .admin-form-grid,
  .admin-users-layout{
    grid-template-columns:1fr !important;
  }

  .table-wrap,
  .content-card .table-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .admin-table{
    min-width:640px;
  }

  .footer-stats,
  .footer-links{
    display:block;
  }
}

@media (max-width:520px){
  :root{
    --footer-h:245px;
  }

  .content-wrapper{padding:14px 12px;}
  .content-card,
  .schedule-box,
  .clock-box,
  .admin-card{padding:16px;}

  .dj-image{
    width:min(100%,220px);
    min-width:0;
    height:auto;
    aspect-ratio:4/5;
  }

  .friend-image{
    width:min(100%,120px);
    min-width:0;
  }

  .stats-table th{
    width:130px !important;
    min-width:130px;
  }
}
