/* ════════════════════════════════════════════════════════════
   TERAN ILDIZ — icons-premium.css  (v17)
   Butun loyihadagi BARCHA ikonlar uchun premium metall soya:
   aqua · kumush (silver) · kulrang (grey) ohanglarda chuqurlik va yorug'lik.
   Mavjud ranglarni BUZMAYDI — text-shadow alohida qatlam bo'lib ustiga tushadi,
   shuning uchun kategoriya ranglari (--cc), gold, rose — hammasi saqlanadi.
   3 mavzuga (dark / silver / white) moslashadi.
════════════════════════════════════════════════════════════ */

:root {
  /* Metall palitra — sovuq kumush + aqua urg'u */
  --ic-hi:    rgba(236, 246, 250, .55);   /* yuqori kumush yorug'lik */
  --ic-edge:  rgba(150, 174, 184, .40);   /* kulrang qirra */
  --ic-rim:   rgba(190, 212, 220, .50);   /* aylana yaltirashi */
  --ic-deep:  rgba(10, 18, 26, .55);      /* chuqurlik soyasi */
  --ic-aqua:  rgba(34, 211, 238, .22);    /* nozik aqua nur */
  --ic-aqua2: rgba(34, 211, 238, .12);
}

/* Yorug' mavzularda metall soya yumshoqroq (oq fonni kuydirmasin) */
[data-theme="white"], [data-theme="silver"], [data-theme="tiffany"] {
  --ic-hi:    rgba(255, 255, 255, .65);
  --ic-edge:  rgba(120, 140, 150, .30);
  --ic-rim:   rgba(150, 175, 185, .35);
  --ic-deep:  rgba(40, 60, 75, .28);
  --ic-aqua:  rgba(20, 150, 175, .18);
  --ic-aqua2: rgba(20, 150, 175, .10);
}

/* ── Asosiy: har qanday FontAwesome ikon ── */
.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands,
i[class*="fa-"] {
  text-shadow:
    0 1px 0   var(--ic-hi),          /* tepa kumush yorug'lik (bevel) */
    0 0 1px   var(--ic-rim),         /* metall yaltirash */
    0 1px 2px var(--ic-edge),        /* kulrang qirra */
    0 2px 5px var(--ic-deep),        /* chuqurlik */
    0 0 9px   var(--ic-aqua),        /* aqua aura */
    0 0 18px  var(--ic-aqua2);       /* tashqi nozik nur */
  transition: text-shadow .28s ease, transform .28s cubic-bezier(.2,.8,.25,1), filter .28s ease;
}

/* ── Aylanuvchi / yuklash ikonlari soyasiz (silliq aylansin) ── */
.fa-spin, .fa-pulse, .fa-spinner,
.pdf-spinner, .fa-circle-notch,
.fa-spin::before, .fa-spinner::before {
  text-shadow: none !important;
}

/* ════════ Urg'uli ikonlar — kuchliroq metall (kartochka · kategoriya · hero) ════════ */

/* Kartochka muqovasidagi ikon */
#grid .card .cov i,
.card .cov i,
.bk-ic i, .bk-cover i {
  text-shadow:
    0 1px 0   var(--ic-hi),
    0 0 2px   var(--ic-rim),
    0 2px 4px var(--ic-edge),
    0 4px 10px var(--ic-deep),
    0 0 14px  var(--ic-aqua),
    0 0 26px  var(--ic-aqua2);
}
.card:hover .cov i {
  transform: translateY(-2px) scale(1.06);
  filter: brightness(1.08);
}

/* Kategoriya tugmalari (catbar) + yon panel */
#catbar .nc i,
.side-item i,
.rw-sec i, .ti-feed-source i, .ti-news-badge i {
  text-shadow:
    0 1px 0   var(--ic-hi),
    0 0 1px   var(--ic-rim),
    0 1px 3px var(--ic-edge),
    0 2px 6px var(--ic-deep),
    0 0 10px  var(--ic-aqua);
}
#catbar .nc:hover i,
.side-item:hover i { transform: scale(1.14); }
#catbar .nc.on i {
  filter: brightness(1.12);
  text-shadow:
    0 1px 0   var(--ic-hi),
    0 0 2px   var(--ic-rim),
    0 2px 6px var(--ic-edge),
    0 0 14px  var(--ic-aqua),
    0 0 24px  var(--ic-aqua2);
}

/* Hero intro va "Tashqi Manbalar" ikonlari — eng to'liq metall */
.hero-badge i, .hero-features i, .hero-cta i,
.ti-ext-link i, .ti-live-badge i, .ti-sec-hdr i {
  text-shadow:
    0 1px 0    var(--ic-hi),
    0 0 2px    var(--ic-rim),
    0 2px 5px  var(--ic-edge),
    0 4px 12px var(--ic-deep),
    0 0 16px   var(--ic-aqua),
    0 0 30px   var(--ic-aqua2);
}

/* Navbar tugmalari (qidiruv · til · mavzu) — nozik metall */
.nb i, .menu-btn i, .logo i { text-shadow:
    0 1px 0 var(--ic-hi), 0 1px 3px var(--ic-edge), 0 0 8px var(--ic-aqua); }

/* SVG logo uchun metall drop-shadow */
.logo-mono svg {
  filter:
    drop-shadow(0 1px 0 var(--ic-hi))
    drop-shadow(0 2px 6px var(--ic-deep))
    drop-shadow(0 0 10px var(--ic-aqua));
}

/* Reader / modal yopish va boshqarув ikonlari ham metall qoladi (default qoidadan keladi) */

/* Harakat kamaytirilsa — transform/transition o'chadi, soya qoladi */
@media (prefers-reduced-motion: reduce) {
  .fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, i[class*="fa-"] {
    transition: none;
  }
  .card:hover .cov i,
  #catbar .nc:hover i,
  .side-item:hover i { transform: none; }
}