/* eb-temel — iletişim kartı ve kanallar (Tur R2d1; emirbalin iletisim bloğundan taşındı, emirbalin.com ve Rehber ortak).
   İşaretleme eb_iletisim_karti_html() (inc/iletisim.php); kayıt adı eb-iletisim-karti (inc/varliklar.php), kartı basan blok
   block.json "style" dizisinde ister. docs/eb-temel-ortak-parcalar.md "İletişim kartı". */
/* Tek kart + kanallar (Tur 14d). 720 px altında kanallar kartın altında, üstünde kartın yanında. */
.iletisim__baglanti { display: grid; gap: var(--wp--preset--spacing--50); max-width: 56rem; }
@media (min-width: 720px) { .iletisim__baglanti { grid-template-columns: minmax(0, max-content) auto; justify-content: start; align-items: center; column-gap: var(--wp--preset--spacing--60); } }

/* Kart: yuvarlak portre + selam / ad / unvan. Oranlar kaynak/referans/linkedin referans.png'den (PIL): selam "H" 15 px,
   ad "K" 24 px, portre çapı 89 px → ad harfi / selam harfi 1.60, portre / ad harfi 3.71, portre-metin aralığı / ad harfi 1.04.
   Ad Fraunces (büyük harf 0.719 em), selam Plus Jakarta Sans (0.750 em): selam = ad × 0.719 / (0.750 × 1.60) = ad × 0.599;
   portre = ad × 0.719 × 3.71 = ad × 2.667; aralık = ad × 0.75. Ad satırı xl ölçeğinde (1440'ta 33.6 px, portre 89.6 px). */
.iletisim-karti {
  --kart-ad: var(--wp--preset--font-size--xl);
  display: flex; align-items: center; gap: calc(var(--kart-ad) * 0.75); min-width: 0;
  padding: var(--wp--preset--spacing--50); border: 1px solid var(--wp--preset--color--cizgi); border-radius: var(--wp--custom--radius--l);
  background: var(--wp--preset--color--yuzey); color: var(--wp--preset--color--metin);
}
.iletisim-karti__portre, .iletisim-karti__portre img { flex: none; width: calc(var(--kart-ad) * 2.667); height: calc(var(--kart-ad) * 2.667); border-radius: 50%; }
.iletisim-karti__portre img { object-fit: cover; }
/* Portre boşken (Tur 14e): aynı çapta baş harf dairesi; harf Fraunces, ad satırı ölçüsünde. */
.iletisim-karti__portre.portre-yedek { font-size: var(--kart-ad); }
.iletisim-karti__metin { display: grid; gap: 0.2rem; min-width: 0; }
.iletisim-karti__selam { color: var(--wp--preset--color--metin-2); font-size: calc(var(--kart-ad) * 0.599); font-weight: 500; line-height: 1.2; }
.iletisim-karti__ad { font-family: var(--wp--preset--font-family--baslik); font-weight: var(--wp--custom--font-weight--baslik); font-size: var(--kart-ad); line-height: 1.1; letter-spacing: var(--wp--custom--letter-spacing--baslik); overflow-wrap: anywhere; }
.iletisim-karti__unvan { margin-top: 0.2rem; color: var(--wp--preset--color--metin-soluk); font-size: var(--wp--preset--font-size--s); line-height: 1.4; }

/* Kanallar: dikey liste; her öğe marka renkli logo + görünür ad, en az 44 px yüksek. Logo sabit genişlikte bir sütunda
   ortalanır (LinkedIn logosunun zemin dolgusu adları kaydırmasın). */
.iletisim-kanallar { display: grid; gap: 0.25rem; list-style: none; }
.iletisim-kanal {
  display: inline-grid; grid-template-columns: 1.75rem auto; align-items: center; justify-items: start; column-gap: 0.5rem; min-width: 2.75rem; min-height: 2.75rem; padding: 0 0.25rem;
  color: var(--wp--preset--color--metin); font-weight: 600; text-decoration: none;
}
.iletisim-kanal:hover { color: var(--wp--preset--color--baglanti); }
.iletisim-kanal .ikon { width: 1.35rem; height: 1.35rem; }
.iletisim-kanal > .ikon, .iletisim-kanal > .marka-logo { justify-self: center; }
.iletisim-kanal .marka-logo { --marka-logo-boy: 1.35rem; }