/* ============================================================
   GoSYS — Embed Admin Paneli (yalnızca düzenleme modunda görünür)
   ============================================================ */

.gosys-admin-bar {
  position: fixed;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  z-index: 999;
  display: flex;
  align-items: center;
  gap: .5rem;
  background: rgba(13, 31, 28, .96);
  color: #eef1ec;
  padding: .6rem .8rem;
  border-radius: 999px;
  box-shadow: 0 18px 50px rgba(12, 47, 42, .35);
  font-family: "Inter", -apple-system, sans-serif;
  font-size: .85rem;
  backdrop-filter: blur(10px);
  flex-wrap: wrap;
  max-width: calc(100vw - 24px);
}
.gosys-admin-btn {
  border: 0;
  border-radius: 999px;
  padding: .55rem 1rem;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  background: rgba(255, 255, 255, .12);
  color: #eef1ec;
  transition: background .2s ease, transform .2s ease;
}
.gosys-admin-btn:hover { background: rgba(255, 255, 255, .22); transform: translateY(-1px); }
.gosys-admin-btn--main { background: #c6934b; color: #241703; }
.gosys-admin-btn--main:hover { background: #a97430; }
.gosys-admin-btn--save { background: #14453d; }
.gosys-admin-btn--save:hover { background: #0c2f2a; }
.gosys-admin-hint { color: #a8b6ad; font-size: .78rem; padding-inline: .3rem; max-width: 260px; }

/* Düzenleme modundaki bölümler */
body.gosys-edit .gosys-block {
  outline: 2px dashed rgba(198, 147, 75, .55);
  outline-offset: 4px;
  cursor: grab;
  position: relative;
  transition: outline-color .2s ease;
}
body.gosys-edit .gosys-block:hover { outline-color: #c6934b; }
body.gosys-edit .gosys-block--dragging { opacity: .4; cursor: grabbing; }
body.gosys-edit .gosys-block::before {
  content: "⠿ sürükle";
  position: absolute;
  top: -12px;
  left: 12px;
  background: #c6934b;
  color: #241703;
  font-size: .68rem;
  font-weight: 700;
  padding: .15rem .5rem;
  border-radius: 999px;
  letter-spacing: .04em;
  pointer-events: none;
}

/* Embed kutuları — düzenleme modunda kenardan tutup büyütme */
body.gosys-edit .embed-wrap,
body.gosys-edit .embed {
  position: relative;
  border: 2px dashed rgba(20, 69, 61, .35);
  border-radius: var(--radius-sm, 10px);
}
.gosys-embed-toolbar {
  position: absolute;
  top: -18px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: .35rem;
  z-index: 5;
}
.gosys-mini-btn {
  border: 0;
  border-radius: 999px;
  background: #14453d;
  color: #fff;
  font-size: .78rem;
  padding: .3rem .6rem;
  cursor: pointer;
}
.gosys-mini-btn--danger { background: #a3402c; }
.gosys-mini-badge {
  background: rgba(13, 31, 28, .9);
  color: #eef1ec;
  font-size: .72rem;
  padding: .3rem .55rem;
  border-radius: 999px;
}

.gosys-handle {
  position: absolute;
  background: #c6934b;
  z-index: 6;
}
.gosys-handle--right {
  top: 0; right: -3px; bottom: 0;
  width: 6px;
  cursor: ew-resize;
  border-radius: 3px;
}
.gosys-handle--bottom {
  left: 0; right: 0; bottom: -3px;
  height: 6px;
  cursor: ns-resize;
  border-radius: 3px;
}
.gosys-handle:hover { background: #a97430; }

@media (max-width: 700px) {
  .gosys-admin-bar { bottom: 8px; padding: .5rem .6rem; }
  .gosys-admin-hint { display: none; }
}
