/* Kafanet — SVG ikon sistemi
   Icon::show() çıktısı için taban stiller. İkonlar currentColor'ı alır,
   metinle hizalanır ve font-size ile ölçeklenir. */

.icon {
  width: 1.15em;
  height: 1.15em;
  display: inline-block;
  vertical-align: -0.18em;
  flex: none;
  stroke-width: 2;
  overflow: visible;
}

/* Sadece metin yanında tek satırlık ikonlar için hafif boşluk sınıfı */
.icon-inline { margin-right: .4em; vertical-align: -0.15em; }
.icon-after  { margin-left: .35em; }

/* Boyut yardımcıları (font-size'dan bağımsız sabit boyut istenirse) */
.icon-sm { width: 16px; height: 16px; }
.icon-md { width: 20px; height: 20px; }
.icon-lg { width: 24px; height: 24px; }
.icon-xl { width: 30px; height: 30px; }

/* Renk yardımcıları */
.icon.text-accent { color: var(--accent); }
.icon.text-gold   { color: var(--gold); }
.icon.text-green  { color: var(--green); }
.icon.text-red    { color: var(--red); }
.icon.text-soft   { color: var(--ink-soft); }
.icon.text-white  { color: #fff; }

/* Yıldızlar */
.icon-stars { display: inline-flex; align-items: center; gap: 1px; line-height: 1; }
.icon-stars .icon { width: 1em; height: 1em; }
.icon-stars .is-on  { color: var(--gold); }
.icon-stars .is-off { color: var(--border); }

/* Renkli "tile" içinde ikon — feature/kart ikonları için */
.icon-tile {
  width: 52px; height: 52px;
  border-radius: 14px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--accent-soft);
  color: var(--accent);
  flex: none;
}
.icon-tile .icon { width: 26px; height: 26px; stroke-width: 1.9; }
.icon-tile.tile-gold  { background: rgba(184,146,77,.15);  color: var(--gold); }
.icon-tile.tile-green { background: rgba(90,122,58,.15);   color: var(--green); }
.icon-tile.tile-ink   { background: var(--bg-alt);          color: var(--ink); }
.icon-tile.tile-sm    { width: 40px; height: 40px; border-radius: 11px; }
.icon-tile.tile-sm .icon { width: 20px; height: 20px; }

/* Pill / rozet içindeki minik ikon */
.pill-icon .icon { width: 1em; height: 1em; vertical-align: -0.12em; }

/* Footer copyright bar: '.app-footer .container' grid kuralını ('container'
   class'ından geliyor) geçersiz kıl — tek satırlık telif metni blok olarak
   ortalansın, kalp ikonu metinle inline aksın. */
.app-footer .app-footer-bottom { display: block; }
.app-footer-copy .icon { vertical-align: -0.14em; margin: 0 2px; }