/* Felu Discounts: sepet ve ödeme toplamlarındaki kampanya satırları ve ipucu (§8.3, §11.9).
   Görünüm yalnız CSS'tedir; sayfa öğeleri ölçülmez (İ6). */

/* Sepet sayfası: sepet indirimi satırlarındaki tutar diğer toplam satırlarından küçük (tema değiştirebilir). */
.felu-dp-cd {
	font-size: 14px;
}

/* Ödeme özeti: kampanya satırları tek tek listelenmez; yerine tek "Sepet İndirimi" satırı vardır. */
:is(.woocommerce-checkout-review-order-table, .woocommerce-checkout-review-order table) tr.cart-discount:has(.felu-dp-cd) {
	display: none;
}

/* İpucu: simge (lucide "info", CSS maskesi; ek kitaplık yok) + balon. Balon üzerine gelince, odakta ya da
   dokununca açılır. */
.felu-dp-tip {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-inline-start: .3em;
	line-height: 1;
}
.felu-dp-tip-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: none;
	color: inherit;
	opacity: .6;
	cursor: help;
	vertical-align: middle;
	box-shadow: none;
	min-height: 0;
}
.felu-dp-tip-btn::before {
	content: "";
	width: 15px;
	height: 15px;
	background: currentColor;
	-webkit-mask: var(--felu-dp-tip-ic) center / contain no-repeat;
	mask: var(--felu-dp-tip-ic) center / contain no-repeat;
}
.felu-dp-tip {
	--felu-dp-tip-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
}
.felu-dp-tip-btn:hover,
.felu-dp-tip-btn:focus-visible {
	opacity: 1;
	background: none;
}
.felu-dp-tip-btn:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}
.felu-dp-tip-bubble {
	display: none;
	position: absolute;
	z-index: 1000;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
	max-width: min(260px, calc(100vw - 24px));
	padding: 8px 10px;
	border-radius: 8px;
	background: #1f2124;
	color: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
	font-size: 12.5px;
	font-weight: 400;
	line-height: 1.45;
	text-align: start;
	white-space: normal;
	letter-spacing: normal;
	text-transform: none;
}
.felu-dp-tip:is(:hover, :focus-within) > .felu-dp-tip-bubble {
	display: block;
}
.felu-dp-tip-part {
	display: block;
}
.felu-dp-tip-part + .felu-dp-tip-part {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid rgba(255, 255, 255, .18);
}
.felu-dp-tip-bubble :is(p, ul, ol, h1, h2, h3, h4, h5, h6) {
	margin: 0 0 .4em;
	font-size: inherit;
	color: inherit;
}
.felu-dp-tip-bubble :is(p, ul, ol):last-child {
	margin-bottom: 0;
}
.felu-dp-tip-bubble a {
	color: inherit;
	text-decoration: underline;
}
.felu-dp-tip-bubble img {
	max-width: 100%;
	height: auto;
}

/* Balon ekranın içinde kalır ve bulunduğu kutunun kenarında kırpılmaz: CSS bağlantılı konumlandırma
   (yalnız açık ipucunun düğmesi çapadır). Desteklemeyen tarayıcıda balon düğmenin üstünde açılır. */
@supports (anchor-name: --a) {
	.felu-dp-tip:is(:hover, :focus-within) > .felu-dp-tip-btn {
		anchor-name: --felu-dp-tip;
	}
	.felu-dp-tip-bubble {
		position: fixed;
		position-anchor: --felu-dp-tip;
		inset: auto;
		transform: none;
		margin: 8px 0;
		position-area: top;
		position-try-fallbacks: top span-right, top span-left, bottom, bottom span-right, bottom span-left;
	}
}

/* Blok sepet ve ödeme: native "İndirim" satırının altındaki kampanya dökümü. */
.felu-dp-breakdown {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: -4px 0 0;
	padding: 0 16px 12px;
	list-style: none;
	font-size: 14px;
}
.felu-dp-breakdown-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
}
.felu-dp-breakdown-name {
	min-width: 0;
	opacity: .75;
}
.felu-dp-breakdown-amount {
	flex: 0 0 auto;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
	.felu-dp-tip-btn {
		transition: none;
	}
}

/* Hediye satırı (blok sepet): adet değiştirilemez; adet seçici gizlenir (§7.11). */
.felu-dp-gift .wc-block-components-quantity-selector {
	display: none;
}