/* ==========================================================================
   İKON TAMAMLAYICI
   --------------------------------------------------------------------------
   Şablonla gelen Font Awesome Pro sürümü (assets/fonts/fa-*.ttf|woff2) eski bir
   yapıdır: CSS'te adı geçmeyen ya da fontta glifi bulunmayan ikonlar boş çıkar.
   Tespit: assets/css/plugins.css'teki .fa-*:before eşlemesi ile TTF cmap tablosu
   karşılaştırıldığında sitede kullanılan 49 ikondan yalnızca `fa-x-twitter`
   karşılıksızdı (U+E61B brands fontunda yok; Twitter'ın X'e dönüşünden sonra
   eklendi, şablonun font sürümü daha eski).

   Çözüm: eksik ikonu FONT yerine SVG maskesi ile basıyoruz. Maske `currentColor`
   ile boyanır ve `1em` ölçülendiği için ikon, çevresindeki metnin rengini ve
   punto ayarını aynen alır — yani `fa-brands fa-x-twitter` yazan mevcut HTML'i
   değiştirmeye gerek kalmaz, `fa-2x`/`fa-3x` gibi boyut sınıfları da çalışır.

   YENİ EKSİK İKON ÇIKARSA: buraya aynı kalıpla eklenir. Tek bir ikon için
   ~100 KB'lık ikinci bir ikon kütüphanesi yüklemek sayfayı gereksiz ağırlaştırır;
   eksik sayısı çoğalırsa güncel Font Awesome sürümüne geçmek doğru olur.
   ========================================================================== */

.fa-x-twitter::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask: var(--dd-ikon-x) no-repeat center / contain;
            mask: var(--dd-ikon-x) no-repeat center / contain;
}

:root {
    --dd-ikon-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");
}