/**
 * UstaPazar icon set
 * Bireysel PNG’ler (varsayılan) + eşit hücreli sprite (1280×128, 10×128)
 *
 * Kullanım:
 *   <span class="ustapazar-icon ustapazar-icon--hammer" aria-hidden="true"></span>
 *   <span class="ustapazar-icon ustapazar-icon--boya ustapazar-icon--lg"></span>
 *
 * Blade:
 *   @include('themes::partials.icon', ['name' => 'hammer', 'size' => 'md'])
 */

.ustapazar-icon {
    --up-icon-size: 2.75rem;
    display: inline-block;
    width: var(--up-icon-size);
    height: var(--up-icon-size);
    flex-shrink: 0;
    vertical-align: middle;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    speak: never;
}

.ustapazar-icon--sm { --up-icon-size: 1.75rem; }
.ustapazar-icon--md { --up-icon-size: 2.75rem; }
.ustapazar-icon--lg { --up-icon-size: 3.5rem; }
.ustapazar-icon--xl { --up-icon-size: 4.5rem; }

/* --- Bireysel dosyalar (doğru kırpılmış kare ikonlar) --- */
.ustapazar-icon--fan,
.ustapazar-icon--havalandirma,
.ustapazar-icon--hirdavat {
    background-image: url("../images/icons/fan.png");
}

.ustapazar-icon--hammer,
.ustapazar-icon--cekic,
.ustapazar-icon--el-aletleri {
    background-image: url("../images/icons/hammer.png");
}

.ustapazar-icon--trowel,
.ustapazar-icon--mala,
.ustapazar-icon--elektrikli-aletler {
    background-image: url("../images/icons/trowel.png");
}

.ustapazar-icon--bag,
.ustapazar-icon--torba,
.ustapazar-icon--yapi-kimyasallari {
    background-image: url("../images/icons/bag.png");
}

.ustapazar-icon--paint-bucket,
.ustapazar-icon--boya {
    background-image: url("../images/icons/paint-bucket.png");
}

.ustapazar-icon--sink,
.ustapazar-icon--lavabo,
.ustapazar-icon--tesisat {
    background-image: url("../images/icons/sink.png");
}

.ustapazar-icon--toilet,
.ustapazar-icon--klozet {
    background-image: url("../images/icons/toilet.png");
}

.ustapazar-icon--bulb,
.ustapazar-icon--ampul,
.ustapazar-icon--elektrik {
    background-image: url("../images/icons/bulb.png");
}

.ustapazar-icon--hard-hat,
.ustapazar-icon--baret,
.ustapazar-icon--is-guvenligi {
    background-image: url("../images/icons/hard-hat.png");
}

.ustapazar-icon--house,
.ustapazar-icon--ev,
.ustapazar-icon--yapi-market {
    background-image: url("../images/icons/house.png");
}

/* --- Opsiyonel sprite modu (eşit 128px hücreler) --- */
.ustapazar-icon--sprite {
    background-image: url("../images/icons/ustapazar-icons-sprite.png");
    background-size: 1000% 100%; /* 10 hücre → en-boy oranı korunur (1280×128) */
    background-position: 0% 0%;
}

.ustapazar-icon--sprite.ustapazar-icon--fan,
.ustapazar-icon--sprite.ustapazar-icon--havalandirma,
.ustapazar-icon--sprite.ustapazar-icon--hirdavat { background-position: 0% 0%; }

.ustapazar-icon--sprite.ustapazar-icon--hammer,
.ustapazar-icon--sprite.ustapazar-icon--cekic,
.ustapazar-icon--sprite.ustapazar-icon--el-aletleri { background-position: 11.111111% 0%; }

.ustapazar-icon--sprite.ustapazar-icon--trowel,
.ustapazar-icon--sprite.ustapazar-icon--mala { background-position: 22.222222% 0%; }

.ustapazar-icon--sprite.ustapazar-icon--bag,
.ustapazar-icon--sprite.ustapazar-icon--torba,
.ustapazar-icon--sprite.ustapazar-icon--yapi-kimyasallari { background-position: 33.333333% 0%; }

.ustapazar-icon--sprite.ustapazar-icon--paint-bucket,
.ustapazar-icon--sprite.ustapazar-icon--boya { background-position: 44.444444% 0%; }

.ustapazar-icon--sprite.ustapazar-icon--sink,
.ustapazar-icon--sprite.ustapazar-icon--lavabo,
.ustapazar-icon--sprite.ustapazar-icon--tesisat { background-position: 55.555556% 0%; }

.ustapazar-icon--sprite.ustapazar-icon--toilet,
.ustapazar-icon--sprite.ustapazar-icon--klozet { background-position: 66.666667% 0%; }

.ustapazar-icon--sprite.ustapazar-icon--bulb,
.ustapazar-icon--sprite.ustapazar-icon--ampul,
.ustapazar-icon--sprite.ustapazar-icon--elektrik { background-position: 77.777778% 0%; }

.ustapazar-icon--sprite.ustapazar-icon--hard-hat,
.ustapazar-icon--sprite.ustapazar-icon--baret,
.ustapazar-icon--sprite.ustapazar-icon--is-guvenligi { background-position: 88.888889% 0%; }

.ustapazar-icon--sprite.ustapazar-icon--house,
.ustapazar-icon--sprite.ustapazar-icon--ev,
.ustapazar-icon--sprite.ustapazar-icon--yapi-market { background-position: 100% 0%; }

/* Hızlı banner kartlarında ikon */
.ustapazar-quick-banners__item .ustapazar-icon {
    --up-icon-size: 2.75rem;
    margin: 0 auto;
    display: block;
}

.ustapazar-quick-banners__thumb:has(.ustapazar-icon) {
    width: var(--up-icon-size, 2.75rem);
    height: var(--up-icon-size, 2.75rem);
    overflow: visible;
    background: transparent;
}

.ustapazar-quick-banners__thumb .ustapazar-icon {
    width: 100%;
    height: 100%;
}