/* Kovanlık — Menü öğesi görünümü (28.10.2026)
 * Menü Yöneticisi › öğe › Görünüm / Boşluklar ayarlarının temadaki karşılığı. İşaretlemeyi partials/cx/_lib.php cx_mi_* üretir;
 * üst menü, alt menü, mega panel, mobil çekmece, üst şerit ve footer ortak kullanır. Her düzende yüklenir (layouts/cx.php).
 * Cihaz sınırları menü çubuğunun kırılımıyla aynı: masaüstü ≥1181 px (menü çubuğu) · tablet 768–1180 · mobil ≤767 (çekmece).
 */

/* Simge / görsel */
.mi-ic { display: inline-flex; align-items: center; justify-content: center; flex: none; vertical-align: middle; margin-right: .45em; line-height: 1; }
.mi-ic > img { display: block; width: 1.25em; height: 1.25em; object-fit: contain; }
.mi-ic--c, .mi-ic--c > i { color: var(--mi-c) !important; }
.mi-ic--bg { width: 1.9em; height: 1.9em; border-radius: calc(8px * var(--ax-rs, 1)); background: var(--mi-b); }
.mi-ic--bg > i { font-size: .82em !important; width: auto !important; }
.mi-ic--bg > img { width: 1.05em; height: 1.05em; }
.mi-tx { min-width: 0; }

/* Esnek kutulu bağlantılarda boşluğu kutunun gap'i verir */
.cx-menu__a > .mi-ic, .cx-foot__col a > .mi-ic, .cx-foot__pills a > .mi-ic, .cx-mega__list a > .mi-ic { margin-right: 0; }

/* Alt menü, çekmece, üst şerit, alt bar: simge metinle hizalı */
.cx-sub a > .mi-ic, .cx-drawer__menu a > .mi-ic, .cx-topbar__links a > .mi-ic, .cx-foot__barin a > .mi-ic { font-size: 1.05em; }
.cx-drawer__menu a > .mi-ic { margin-right: .6em; }

/* Footer sütunu: kendi simgesi temanın küçük okundan büyük olsun */
.cx-foot__col a > .mi-ic:not(.mi-ic--fb) > i { font-size: 14px; }

/* Sadece ikon göster (metin ekran okuyucuda kalır) · İkonu gizle — Masaüstü = menü çubuğu, Mobil = tablet + telefon (çekmece) */
@media (min-width: 1181px) {
  .mi-io-d > .mi-tx { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .mi-io-d > .mi-ic { margin-right: 0; }
  .cx-menu__a.mi-io-d { padding-left: 12px; padding-right: 12px; }
  .cx-menu__li.has-sub > .cx-menu__a.mi-io-d { padding-right: 28px; }
  .mi-hi-d > .mi-ic { display: none !important; }
}
@media (max-width: 1180px) {
  .mi-io-m > .mi-tx { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .mi-io-m > .mi-ic { margin-right: 0; }
  .mi-hi-m > .mi-ic { display: none !important; }
}

/* Cihazlarda göster / gizle */
@media (min-width: 1181px) { .mi-vh-d { display: none !important; } }
@media (min-width: 768px) and (max-width: 1180px) { .mi-vh-t { display: none !important; } }
@media (max-width: 767px) { .mi-vh-m { display: none !important; } }

/* ── Hızlı menü kutuları ve yan menüler (07.11.2026): Anasayfa Sekmeli Menü (.kv-qt), Hizmet Kutuları (.kv-tl), Hızlı Bağlantılar (.kv-n-hz),
   iç sayfa yan menüleri (.cxp-kmenu), Bileşenler › Menü (.cvw-links). Simge kutunun kendi simge boyutunda; renk/zemin/görsel öğeden ── */
.kv-qt > .mi-ic, .kv-tl > .mi-ic, .kv-n-hz a > .mi-ic { margin: 0; }
.kv-qt > .mi-ic { font-size: calc(23px * var(--ax-fz, 1)); }
.kv-tl > .mi-ic { font-size: calc(32px * var(--ax-fz, 1)); }
.kv-n-hz a > .mi-ic { font-size: calc(26px * var(--ax-fz, 1)); }
.kv-qt > .mi-ic > img, .kv-tl > .mi-ic > img, .kv-n-hz a > .mi-ic > img { width: 1.15em; height: 1.15em; }
.kv-qt > .mi-ic--bg, .kv-n-hz a > .mi-ic--bg { border-radius: calc(12px * var(--ax-rs, 1)); }
.cxp-kmenu a > .mi-ic { flex: none; margin: 0; font-size: 15px; }
.cxp-kmenu a > .mi-ic--bg { font-size: 15px; }
.cvw-links a > .mi-ic { margin: 0; }
.cvw-links a:has(> .mi-ic)::before { display: none; }