/*
Theme Name: Rezzak Danışmanlık
Author: Rezzak Danışmanlık
Description: Bilgi güçtür! Sıcak ve sade kurumsal tema. İçerik yükleyicisi ayrı pakettedir.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: rezzak
License: GPL v2 or later
*/
/* Sitedeki TÜM okların dış boşluklarını düzenler */
.arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
}

/* Sitedeki TÜM mavi emoji okları hedef alır, mavi kareyi tam olarak #E2C89C rengine dönüştürür */
.arrow img.emoji {
    width: 20px !important;  
    height: 20px !important; 
    margin: 0 !important;
    vertical-align: middle !important;
    
    /* Bu yeni filtre kombinasyonu orijinal mavi emojiyi tam olarak #E2C89C tonuna getirir ve beyaz oku korur */
    filter: sepia(100%) saturate(160%) hue-rotate(355deg) brightness(98%) contrast(90%) !important;
}

/* Kart kapsayıcısının eşit yükseklikte olmasını sağlayın ve dikey düzen kullanın */
.insight {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0; /* grid içinde taşmayı engeller */
}

/* Metin alanının esnek şekilde genişlemesini sağlayın, alt kısmı aşağı itin */
.insight h3,
.insight .original-meta,
.insight p {
    flex-shrink: 0;
    min-width: 0;
    overflow-wrap: anywhere; /* uzun kelimeleri kırar */
}

/* "Devamını oku" bağlantısını her zaman en alta sabitleyin */
.insight .text-link {
    margin-top: auto;
}

/* Izgara kabının alt öğeleri gerdirmesini sağlayın */
.insight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* 1fr yerine minmax(0,1fr) */
  gap: 24px;
  justify-items: stretch;
}

/* Grid çocuklarının içerik yüzünden taşmasını engelle */
.insight-grid > * {
  min-width: 0;
}

.insight-photo {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    min-width: 0;
}
.insight-photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------- EKLENEN: Duyarlı (responsive) sütun sayıları ---------- */

/* Tablet: 2 sütun */
@media (max-width: 1024px) {
  .insight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Telefon: 1 sütun */
@media (max-width: 640px) {
  .insight-grid {
    grid-template-columns: 1fr;
  }
}