/**
 * @file
 * Genel blok, Views listesi ve içerik dışı küçük parçalar.
 */

.kalem-block {
  margin-bottom: var(--kalem-space-4);
}

.kalem-block:last-child {
  margin-bottom: 0;
}

.kalem-block__title {
  font-size: var(--kalem-text-xl);
  margin-bottom: var(--kalem-space-4);
}

/* Üst alandaki bloklar kendi boşluklarını taşımaz. */
.kalem-region--header .kalem-block,
.kalem-region--primary-menu .kalem-block,
.kalem-region--secondary-menu .kalem-block {
  margin-bottom: 0;
}

.kalem-view__title {
  margin-bottom: var(--kalem-space-5);
}

.kalem-view__group-title {
  font-size: var(--kalem-text-lg);
  margin-block: var(--kalem-space-5) var(--kalem-space-3);
}

.kalem-view__filters {
  background-color: var(--kalem-bg-subtle);
  border-radius: var(--kalem-radius);
  margin-bottom: var(--kalem-space-5);
  padding: var(--kalem-space-4);
}

.kalem-view__empty {
  color: var(--kalem-text-muted);
  padding-block: var(--kalem-space-6);
  text-align: center;
}

.kalem-view__more {
  margin-top: var(--kalem-space-5);
  text-align: center;
}

.kalem-view__more a {
  border: 1px solid var(--kalem-border-strong);
  border-radius: var(--kalem-radius-pill);
  color: var(--kalem-text-muted);
  display: inline-flex;
  font-size: var(--kalem-text-sm);
  font-weight: 600;
  padding: var(--kalem-space-2) var(--kalem-space-5);
  text-decoration: none;
  transition: border-color var(--kalem-transition), color var(--kalem-transition);
}

.kalem-view__more a:hover {
  border-color: var(--kalem-accent);
  color: var(--kalem-accent-text);
}

/* Hero bölgesi: tam genişlikte tanıtım alanı. */
.kalem-hero .kalem-block {
  margin-bottom: 0;
  padding-block: var(--kalem-space-7);
}

.kalem-hero h1,
.kalem-hero h2 {
  margin-bottom: var(--kalem-space-3);
}

/* Öne çıkan bölge: duyuru ve uyarı blokları. */
.kalem-region--highlighted {
  padding-block: var(--kalem-space-3);
}

/* Yerel görevler (Görüntüle / Düzenle / Sil) yalnızca yetkili kullanıcıda çıkar. */
.kalem-region--content .tabs {
  margin-bottom: var(--kalem-space-5);
}

/* Beslemeler (RSS) simgesi. */
.kalem-view__feed img {
  height: 16px;
  width: 16px;
}