/* ============================================================
   AraKot — Behance otomatik akışı için stil uyarlaması
   GS Behance Portfolio çıktısını Seçenek 2 diline yaklaştırır.

   Kullanım: bu dosyayı Projeler sayfasına ekle:
     <link rel="stylesheet" href="assets/behance-feed.css">
   ya da içeriğini eklentinin Preferences > Custom CSS alanına yapıştır.

   Akışı bir kapsayıcıya sar:  <div class="ak-behance">[gs_behance id=1]</div>
   Aşağıdaki seçiciler genel (img, a, başlık) olduğundan eklentinin tam
   sınıf adlarını bilmeye gerek kalmadan büyük ölçüde oturur. Canlıda
   küçük bir ince ayar gerekebilir.
============================================================ */

/* Izgara aralığı (eklenti satır/sütun kullanıyorsa) */
.ak-behance { --ease: cubic-bezier(0.22,1,0.36,1); }
.ak-behance .row, .ak-behance [class*="row"] { gap: clamp(14px,2vw,28px); }

/* Görseller: köşesiz, 3:2, hover zoom (bizim pcard hissi) */
.ak-behance img {
  width: 100%; height: 100%;
  aspect-ratio: 3/2; object-fit: cover;
  border-radius: 0 !important; box-shadow: none !important;
  transition: transform 1.1s var(--ease);
}
.ak-behance a:hover img { transform: scale(1.05); }

/* Görsel kabını kırp (zoom taşmasın) */
.ak-behance .project, .ak-behance [class*="item"], .ak-behance figure {
  overflow: hidden; background: var(--surf-2, #1d1f1c); border: 0 !important; margin-bottom: 18px;
}

/* Başlık tipografisi */
.ak-behance h1, .ak-behance h2, .ak-behance h3, .ak-behance h4,
.ak-behance .title, .ak-behance [class*="title"], .ak-behance [class*="name"] {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 600 !important; letter-spacing: -.01em;
  color: var(--ink, #191815) !important; font-size: clamp(16px,1.6vw,21px) !important;
  margin: 14px 0 4px !important;
}

/* Meta / sayaçlar (görüntülenme, beğeni) — sessizleştir */
.ak-behance [class*="stat"], .ak-behance [class*="count"],
.ak-behance [class*="meta"], .ak-behance .owners, .ak-behance [class*="appreci"] {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 12px !important; letter-spacing: .06em; text-transform: uppercase;
  color: var(--muted, #8B8377) !important;
}

/* Bağlantı rengi nötr (mavi link olmasın) */
.ak-behance a { color: inherit !important; text-decoration: none !important; }

/* Filtre çubuğu (Filter teması) — bizim chip görünümü */
.ak-behance [class*="filter"] a, .ak-behance [class*="filter"] li,
.ak-behance ul[class*="field"] a {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important; font-weight: 600; letter-spacing: .03em;
  padding: 8px 18px !important; border: 1px solid var(--line, #D9D2C6) !important;
  border-radius: 100px !important; color: var(--ink, #191815) !important;
  background: transparent !important; transition: background .25s, color .25s;
}
.ak-behance [class*="filter"] a:hover,
.ak-behance [class*="filter"] .active a,
.ak-behance [class*="filter"] a.active {
  background: var(--ink, #191815) !important; color: var(--bg, #F4F0EA) !important;
  border-color: var(--ink, #191815) !important;
}