/*
|--------------------------------------------------------------------------
| Vidovodo Compact Button Fix V82B
|--------------------------------------------------------------------------
| Bu sürüm kart yapısını bozmaz. Butonları başka yere taşımaz.
| Sadece mevcut Kaydet / Repost / Paylaş / Şikayet butonlarını küçük gösterir.
*/

:root{
  --vv-compact-btn-w: 42px;
  --vv-compact-btn-h: 50px;
  --vv-compact-icon: 18px;
  --vv-compact-text: 9.5px;
}

/* V82'de oluşmuş taşıma alanı varsa pasifleştir */
.vv-compact-actions-zone{
  position: static !important;
  right: auto !important;
  top: auto !important;
  width: auto !important;
  max-width: none !important;
  display: contents !important;
}

/* V82'nin kart taşıma etkisini yumuşat */
.vv-compact-card,
.vv-compact-actions-applied{
  overflow: hidden !important;
}

/* Mevcut aksiyon elemanları küçültülür; yerleri değiştirilmez */
.vv-action-compact,
button.vv-action-compact,
a.vv-action-compact{
  width: var(--vv-compact-btn-w) !important;
  min-width: var(--vv-compact-btn-w) !important;
  max-width: var(--vv-compact-btn-w) !important;
  height: var(--vv-compact-btn-h) !important;
  min-height: var(--vv-compact-btn-h) !important;
  max-height: var(--vv-compact-btn-h) !important;

  padding: 5px 4px !important;
  margin: 0 !important;

  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;

  border-radius: 13px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: rgba(15,18,34,.42) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.15) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;

  color: #fff !important;
  font-size: var(--vv-compact-text) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-align: center !important;
  text-decoration: none !important;
  overflow: hidden !important;
  transform: none !important;
}

/* İkonlar */
.vv-action-compact svg,
.vv-action-compact i,
.vv-action-compact .icon,
.vv-action-compact [class*="icon"],
.vv-action-compact [class*="Icon"]{
  width: var(--vv-compact-icon) !important;
  height: var(--vv-compact-icon) !important;
  min-width: var(--vv-compact-icon) !important;
  min-height: var(--vv-compact-icon) !important;
  font-size: var(--vv-compact-icon) !important;
  line-height: 1 !important;
  margin: 0 !important;
}

/* Yazılar */
.vv-action-compact span,
.vv-action-compact small,
.vv-action-compact strong,
.vv-action-compact b{
  font-size: var(--vv-compact-text) !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 42px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vv-action-compact:hover{
  transform: translateY(-1px) scale(1.03) !important;
  border-color: rgba(255,46,131,.55) !important;
  background: linear-gradient(135deg, rgba(255,46,131,.26), rgba(123,61,255,.20), rgba(255,122,0,.18)) !important;
}

/* Bilinen eski büyük buton kombinasyonları için güvenli küçültme */
[class*="action"] button.vv-action-compact,
[class*="Action"] button.vv-action-compact,
[class*="actions"] button.vv-action-compact,
[class*="Actions"] button.vv-action-compact{
  flex: 0 0 auto !important;
}

/* Kart içi dikey aksiyon kolonlarında boşluğu azalt */
[class*="action"],
[class*="Action"],
[class*="actions"],
[class*="Actions"]{
  gap: 8px;
}

/* Mobil */
@media(max-width:768px){
  :root{
    --vv-compact-btn-w: 38px;
    --vv-compact-btn-h: 46px;
    --vv-compact-icon: 17px;
    --vv-compact-text: 9px;
  }
}