/* ACAR LIVE — tüm cihazlar (telefon / tablet / PC / PWA) */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  overflow-x: hidden;
  max-width: 100%;
}

img,
video,
canvas {
  max-width: 100%;
  height: auto;
}

button,
.btn,
a.btn,
input,
select,
textarea {
  touch-action: manipulation;
}

input,
select,
textarea {
  font-size: 16px;
  max-width: 100%;
}

.btn,
button.btn {
  min-height: 44px;
}

.admin-table-wrap,
.wallet-wrap,
.friends-wrap,
.grp-wrap,
.prof {
  max-width: 100%;
  overflow-x: auto;
}

/* Bildirim zili: hamburger ile çakışmasın */
#notify-root {
  top: calc(10px + env(safe-area-inset-top, 0px)) !important;
  right: 14px !important;
}

@media (max-width: 900px) {
  #notify-root {
    right: 68px !important;
  }

  .site-header {
    position: sticky;
    top: 0;
    z-index: 50;
  }

  .site-navbar {
    padding-right: 8px;
  }

  .admin-app {
    display: block !important;
  }

  .admin-sidebar {
    position: sticky;
    top: 0;
    z-index: 40;
  }

  .admin-menu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .admin-menu-btn {
    min-height: 44px;
    font-size: 0.82rem;
  }

  .admin-chat-box,
  .grp-chat {
    max-height: 46vh;
  }

  .admin-user-picks {
    max-height: 140px;
  }
}

@media (max-width: 700px) {
  .site-brand-text small {
    display: none;
  }

  .hero-pro,
  .auth-page,
  .room-studio {
    padding-left: 12px;
    padding-right: 12px;
  }

  .auth-card,
  .friends-card,
  .wallet-card,
  .account-card,
  .grp-card,
  .prof-card,
  .admin-card,
  .admin-login-card {
    width: 100% !important;
    max-width: 100%;
  }

  .friend-row,
  .prof-top {
    flex-wrap: wrap;
  }

  .participant-list li {
    flex-wrap: wrap;
    gap: 8px;
  }

  .group-video-grid,
  .remote-video-grid {
    min-height: 42vw;
  }

  #notify-panel {
    width: min(92vw, 340px) !important;
    max-height: 62vh !important;
  }
}

/* Yatay telefon */
@media (max-height: 500px) and (orientation: landscape) {
  .hero-pro {
    min-height: auto;
  }
  .group-video-grid,
  .remote-video-grid {
    grid-template-columns: 1fr 1fr !important;
    max-height: 56vh;
  }
  .room-panel .chat-messages {
    max-height: 22vh;
  }
}

/* Geniş ekran */
@media (min-width: 1400px) {
  .site-navbar,
  .room-studio-shell,
  .wallet-wrap,
  .friends-wrap,
  .grp-wrap {
    width: min(1280px, 94%);
    margin-left: auto;
    margin-right: auto;
  }
}

/* PWA tek başına (adres çubuğu yok) */
@media (display-mode: standalone) {
  body {
    padding-top: env(safe-area-inset-top, 0px);
  }
}