/* SellClosed — Siyah–Altın önizleme · İkon çizim güvencesi (CSS katmanı)
 *
 * EN: Material Symbols icon names are ligature TEXT ("light_mode",
 *     "notifications", "expand_more", "add"). Until the icon font is really
 *     available, ANY fallback font paints that word literally — that is the
 *     raw icon text the user saw next to the moon icon on every navigation.
 *     Clipping the box (1em + overflow:hidden) only cut the word down to
 *     "lig"; it did not remove it.
 *
 *     Rule 1 below removes the failure mode at the source: the ligature text
 *     is painted transparent by default, so no fallback font can draw it in
 *     ANY loading condition — cold cache, warm cache, long delay, failed
 *     request, missing file. Nothing is hidden beyond the icon glyph itself:
 *     the 1em box, the accessible name, the focus ring and the click target
 *     stay exactly as they are.
 *
 *     Rule 2 turns the text visible again only when assets/icons.js has
 *     CONFIRMED that the real icon font loaded. Rule 3 is the fallback the
 *     same script engages when it did not: the very same icons are painted
 *     as SVG masks in currentColor, so an icon button is never blank.
 *
 * TR: Material Symbols ikon adları ligature METNİDİR ("light_mode",
 *     "notifications", "expand_more", "add"). İkon fontu gerçekten hazır
 *     olana kadar HERHANGİ bir yedek font bu kelimeyi harfi harfine çizer;
 *     kullanıcının her menü geçişinde ay ikonunun yanında gördüğü ham yazı
 *     buydu. Kutuyu kırpmak (1em + overflow:hidden) kelimeyi yalnız "lig"e
 *     indirdi, kaldırmadı.
 *
 *     Aşağıdaki 1. kural hatayı kaynağında kaldırır: ligature metni
 *     varsayılan olarak saydam çizilir, böylece hiçbir yedek font onu HİÇBİR
 *     yükleme koşulunda çizemez — soğuk önbellek, sıcak önbellek, uzun
 *     gecikme, başarısız istek, eksik dosya. İkon glifi dışında hiçbir şey
 *     gizlenmez: 1em kutu, erişilebilir ad, odak halkası ve tıklama hedefi
 *     olduğu gibi kalır.
 *
 *     2. kural metni yalnız assets/icons.js gerçek ikon fontunun yüklendiğini
 *     DOĞRULADIĞINDA yeniden görünür yapar. 3. kural, doğrulayamadığında aynı
 *     betiğin devreye aldığı yedektir: aynı ikonlar currentColor ile SVG
 *     maskesi olarak çizilir, böylece ikon düğmesi hiçbir zaman boş kalmaz.
 */

/* 1. Varsayılan: ligature metni asla boyanmaz. */
.material-symbols-outlined{
  -webkit-text-fill-color:transparent;
}

/* 2. Gerçek ikon fontu doğrulandı → glif normal renginde çizilir. */
html.sc-icons-font .material-symbols-outlined{
  -webkit-text-fill-color:currentColor;
}

/* 3. Font gelmedi / başarısız / eksik → aynı ikonlar SVG maskesiyle çizilir.
      Maske verisi öğenin satır içi `--sc-i` özelliğinde durur
      (assets/icons.js onu her ikon için, sonuçtan bağımsız olarak, önceden
      hazırlar); buradaki kural onu yalnız yedek katman devredeyken okur.
      Ölçü 1em kutunun tamamıdır, yani font glifiyle birebir aynı yerdedir. */
html.sc-icons-svg .material-symbols-outlined{
  /* EN: Once the SVG layer is engaged the icon font is not drawn at all, so it
     must not decide the element's metrics either. It still did: the font kept
     arriving later (1.1 MB, ~16.6 s on a 200 KB/s link) and, although the box
     is a fixed 1em, the baseline a flex row synthesises from this item comes
     from the font — measured on Raporlar under 4x CPU + 200 KB/s, every KPI
     card grew 3 px when the font finally landed, 1.6 s after the section was
     drawn, and the footer moved down with it. Inheriting the surrounding face
     (already loaded, it is the page's own text font) makes the metrics
     deterministic from the first paint. Nothing is drawn by the font here: the
     glyph is the mask below, the ligature text stays transparent and clipped.
     TR: SVG katmanı devredeyken ikon fontu hiç çizilmez; o hâlde ögenin
     ölçüsünü de belirlememelidir. Yine de belirliyordu: font sonradan gelmeye
     devam ediyor (1,1 MB, 200 KB/sn bağlantıda ~16,6 sn) ve kutu sabit 1em
     olsa da bir esnek satırın bu ögeden türettiği taban çizgisi fonttan
     geliyor — Raporlar'da 4 kat işlemci kısıtı + 200 KB/sn ile ölçüldü: font
     nihayet geldiğinde, bölüm çizildikten 1,6 sn sonra her KPI kartı 3 px
     büyüyor ve alt bilgi onunla birlikte aşağı iniyordu. Çevredeki yüzü
     (zaten yüklü; sayfanın kendi metin fontu) devralmak ölçüyü ilk boyamadan
     itibaren belirlenimli yapar. Burada fontla hiçbir şey çizilmez: glif
     aşağıdaki maskedir, ligature metni saydam ve kırpılmış kalır. */
  font-family:inherit;
  background-color:currentColor;
  -webkit-mask-image:var(--sc-i); mask-image:var(--sc-i);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:100% 100%; mask-size:100% 100%;
}
