/* ═══════════════════════════════════════
   Dişlek İkon Kütüphanesi — di-icons.css
   Kullanım: <i class="dl-ikon dli-ev"></i>
═══════════════════════════════════════ */

.dl-ikon {
    display: inline-block;
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    vertical-align: -0.125em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    overflow: visible;
}

.dl-ikon use {
    pointer-events: none;
}

/* Boyut yardımcıları */
.dl-ikon-xs  { width: 0.75rem; height: 0.75rem; }
.dl-ikon-sm  { width: 0.875rem; height: 0.875rem; }
.dl-ikon-md  { width: 1rem; height: 1rem; }
.dl-ikon-lg  { width: 1.25rem; height: 1.25rem; }
.dl-ikon-xl  { width: 1.5rem; height: 1.5rem; }
.dl-ikon-2xl { width: 2rem; height: 2rem; }
.dl-ikon-3xl { width: 3rem; height: 3rem; }

/* Spin animasyonu */
.dl-ikon-spin {
    animation: dl-ikon-spin 1s linear infinite;
}

@keyframes dl-ikon-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/*
Kullanım örneği:
<i class="dl-ikon dli-ev"></i>
<i class="dl-ikon dli-arama dl-ikon-lg"></i>

Not:
Bu CSS tek başına yeterli değildir.
Sayfada di-icons.js dosyasını da yüklemelisiniz.
*/