/* Felu Discounts: katalog fiyatı (§11.1, §11.3, §11.4). Görünüm yalnız CSS'tedir; sayfa öğeleri ölçülmez. */

/* Breakdance fiyat sırası. Breakdance, fiyat kutusunda (`display:flex`) üstü çizili fiyatı `order:1` ile sona
   alır ve indirimli fiyata sağ boşluk verir; üç seçicisi burada `html` önekiyle (bir öge fazla özgüllük)
   yansıtılır. Varsayılan: indirimsiz fiyat solda. "İndirimli fiyatı solda göster" yalnız
   `--felu-dp-ins-order` değişkenini değiştirir. Aradaki boşluk sıfır özgüllüklüdür; Breakdance'in eleman
   düzeyindeki "Space Between" ayarı onu ezebilir. */
html .breakdance-woocommerce .entry-summary .price del,
html .breakdance-woocommerce.bde-wooproductprice .price del,
html .breakdance-woocommerce ul.products li.product .price del {
	order: var(--felu-dp-del-order, 0);
}
html .breakdance-woocommerce .entry-summary .price ins,
html .breakdance-woocommerce.bde-wooproductprice .price ins,
html .breakdance-woocommerce ul.products li.product .price ins {
	order: var(--felu-dp-ins-order, 0);
	margin-right: 0;
}
:where(.breakdance-woocommerce .entry-summary .price, .breakdance-woocommerce.bde-wooproductprice .price, .breakdance-woocommerce ul.products li.product .price) {
	column-gap: .25em;
}

/* Önek ve sonek: fiyatın yazı stilini alır, mağaza sahibinin yazdığı baş/son boşluk görünür. Üstü çizili
   fiyattaki önek/sonek, "üstü çizili olsun" kapalıyken çizgisizdir (satır içi blok çizgiyi miras almaz). */
.felu-dp-affix {
	white-space: pre-wrap;
}
del .felu-dp-affix--plain {
	display: inline-block;
	text-decoration: none;
}

/* Tek fiyatta (üstü çizili yokken) önek/sonek, Breakdance'in esnek fiyat kutusunda fiyattan ayrılmasın diye
   `.felu-dp-affixed` sarmalayıcısındadır (Catalog\PriceHtml). Breakdance'in "Current Price" tipografisi doğrudan
   çocuk seçicisi kullanır (Products List `.price > .woocommerce-Price-amount bdi`, Product Price
   `p.price > .woocommerce-Price-amount bdi`): sarmalanmış tutara ulaşmaz, tutara Breakdance'in genel "Big Price"
   kuralı (0,4,1) uyar. Tutar ve `bdi` yazı stilini sarmalayıcı üzerinden `.price`'tan alır; Breakdance aynı
   tipografiyi `.price`'ın kendisine de yazdığı için sonuç doğrudan çocuk seçicisininkiyle aynıdır (kesme noktaları
   dahil). Özgüllük (0,4,2); Breakdance dışı temalar etkilenmez (#5). */
html .breakdance-woocommerce .price > .felu-dp-affixed > .woocommerce-Price-amount,
html .breakdance-woocommerce .price > .felu-dp-affixed > .woocommerce-Price-amount bdi {
	font: inherit;
	color: inherit;
}

/* Seçilen varyasyonun fiyatı ana fiyat alanına taşındı: formun altındaki fiyat görünmez; açıklama ve stok
   bilgisi de yoksa alan kapanır (WooCommerce satır içi `display` yazdığı için `!important` gerekir). */
form.variations_form.felu-dp-moved .woocommerce-variation-price {
	display: none;
}
form.variations_form.felu-dp-moved .single_variation:not(:has(.woocommerce-variation-description:not(:empty), .woocommerce-variation-availability:not(:empty))) {
	display: none !important;
}

/* Liste kartı rozetleri: Çok Satan ve Tükendi (§11.7, §11.8). İndirim rozetiyle aynı konum bağlamındadır (Breakdance'te
   `.bde-woo-product-image`, Breakdance'siz `li.product`); üstten 12 px, kenardan 12 px, tek satır, tıklamayı engellemez.
   Kutu sabittir (`[class]` ile (0,2,0) özgüllük): eski site CSS'i yüksekliği değiştirip istif payını bozmasın. Renk,
   yazı ve iç boşluk ayarlardan satır içi gelir; istif payı da (`--felu-best-stack`, `--felu-oos-stack`). */
.felu-best-badge[class],
.felu-outofstock-badge[class] {
	position: absolute;
	top: 12px;
	z-index: 1;
	display: block;
	box-sizing: border-box;
	max-width: calc(100% - 24px);
	min-height: 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	line-height: 1.2;
	letter-spacing: .04em;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;
}
.felu-best-badge--left[class],
.felu-outofstock-badge--left[class] {
	left: 12px;
	right: auto;
}
.felu-best-badge--right[class],
.felu-outofstock-badge--right[class] {
	left: auto;
	right: 12px;
}
.felu-best-badge--center[class],
.felu-outofstock-badge--center[class] {
	left: 0;
	right: 0;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}
/* Rozetlerimiz aynı köşedeyse Tükendi, Çok Satan'ın altına iner. */
.felu-best-badge--left + .felu-outofstock-badge--left[class],
.felu-best-badge--right + .felu-outofstock-badge--right[class],
.felu-best-badge--center + .felu-outofstock-badge--center[class] {
	margin-top: var(--felu-best-stack, 0px);
}
/* Felu Elements kart kaydırması sürerken indirim rozeti gibi ikinci görselin üstünde kalırlar. */
.felu-card-swipe .bde-woo-product-image:is(.is-felu-dragging, .is-felu-second, .is-felu-leaving) > :is(.felu-best-badge, .felu-outofstock-badge) {
	z-index: 2;
}
