/* ============================================================
   Muhabbetci — Onarım Katmanı Stilleri (onarim.css)
   Panel katmanlarının her ekranda doğru üstte durmasını ve
   kapatma yollarının görünür olmasını sağlar.
   ============================================================ */

/* ---------- yönetici paneli ---------- */
.admin-panel {
  z-index: 260;
}

.admin-panel.open {
  display: flex;
  flex-direction: column;
}

/* panel açılınca karartma görünür */
.admin-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(4, 7, 12, .68);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 250;
  animation: onarimFade .2s ease;
}
.admin-backdrop.hidden { display: none; }

@keyframes onarimFade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ---------- DJ paneli ---------- */
.radioDjPanel {
  z-index: 270;
}

.radioDjPanel.open {
  display: flex;
  flex-direction: column;
}

.radioDjOverlay {
  position: fixed;
  inset: 0;
  background: rgba(4, 7, 12, .62);
  z-index: 265;
  animation: onarimFade .2s ease;
}
.radioDjOverlay.hidden { display: none; }

/* kapatma düğmeleri her zaman erişilebilir */
#adminClose,
#djClose {
  position: relative;
  z-index: 5;
  cursor: pointer;
  min-width: 34px;
  min-height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
#adminClose:hover,
#djClose:hover {
  background: rgba(255, 59, 92, .22);
  color: #fff;
}

/* ---------- çekmece katmanı ---------- */
.uyum-scrim {
  position: fixed;
  inset: 0;
  background: rgba(4, 7, 12, .6);
  z-index: 70;
  display: none;
}
.uyum-scrim.on { display: block; }

/* ---------- onarım için üretilen gizli elemanlar ---------- */
.onarim-gizli { display: none !important; }

/* ---------- mobil ---------- */
@media (max-width: 760px) {
  .admin-backdrop,
  .radioDjOverlay {
    background: rgba(4, 7, 12, .78);
  }
  #adminClose,
  #djClose {
    min-width: 40px;
    min-height: 40px;
    font-size: 19px;
  }
}