/* ============================================================
   ÜRÜN KARTI GRID — eşit yükseklik ve hizalı başlangıç (Y-17)
   Ölçülen sorun (27.08, /magaza/): kart yükseklikleri 426/449/471/473/495px
   (beş ayrı değer); aynı satırdaki kartlar farklı y'den başlıyor
   (768/768/792 → 1237/1259/1283). Grid masonry gibi kayıyor, göz
   hizayı bulamıyor — "çirkin" algısının birincil kaynağı.

   Kök neden: başlık 1-2 satır arası değişken + kart altındaki kategori
   etiketi 53-111 karakter arası değişken.
   Çözüm: kart dikey flex olur, başlık ve etiket sabit satıra kilitlenir,
   fiyat kartın altına yapışır. Böylece her kart aynı yükseklikte biter.
   ============================================================ */

/* Satırdaki kartlar aynı yüksekliği paylaşsın */
.products .product,
.wd-products .product,
.products .wd-product {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.products,
.wd-products {
	align-items: stretch;
}

/* Başlık: iki satıra kilitli — 1 satırlık ürün de 2 satırlık kadar yer tutar */
.product .wd-entities-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.7em;
	margin-bottom: .35rem;
}

/* Kategori etiketi: kartta üç satıra yayılıyordu, tek satıra indirildi.
   Ürün adı zaten kategoriyi anlatıyor; buradaki uzun liste okunmuyor
   ve kart yüksekliğini oynatan asıl değişken buydu. */
.product .wd-product-cats,
.product .woocommerce-loop-product__categories {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	opacity: .7;
	font-size: .8125rem;
}

/* Fiyat her kartta aynı hizada, en altta */
.product .price {
	margin-top: auto;
	padding-top: .5rem;
}

/* ============================================================
   ÜRÜN SAYFASI SATIŞ KATMANI (inc-urun.php ile birlikte çalışır)
   ============================================================ */

/* --- Stok + teslimat şeridi --- */
.fc-teslimat {
	list-style: none;
	margin: 1rem 0 1.25rem;
	padding: .875rem 1rem;
	border: 1px solid rgba(15, 20, 40, .1);
	border-radius: 12px;
	background: #f6f7f9;
	display: grid;
	gap: .5rem;
}
.fc-teslimat li {
	margin: 0;
	padding-inline-start: 1.5rem;
	position: relative;
	font-size: .9375rem;
	line-height: 1.45;
	color: #0f1428;
}
.fc-teslimat li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: .45em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #178a4a;
}
/* Sipariş üzerine üretim: farklı ton — yanlış beklenti kurulmasın */
.fc-teslimat--uretim li::before { background: #c2860a; }

/* --- "Hemen Al": ikincil eylem, Sepete Ekle birincil kalır --- */
.fc-hemen-al {
	/* Woodmart'ın .cart formu flex+wrap; tema butona flex:1 1 100% veriyordu →
	   buton alt satıra düşüp 679px'e yayılıyordu (ölçüldü). İçeriğe göre daralt. */
	flex: 0 0 auto !important;
	width: auto !important;
	margin-inline-start: .625rem;
	background: transparent !important;
	color: var(--wd-primary-color, #2c3390) !important;
	border: 2px solid var(--wd-primary-color, #2c3390) !important;
	font-weight: 600;
	transition: background-color .2s ease, color .2s ease;
}
.fc-hemen-al:hover {
	background: var(--wd-primary-color, #2c3390) !important;
	color: #fff !important;
}
@media (max-width: 480px) {
	/* Mobilde yan yana sığmıyorsa alt alta ama tam genişlik (Z-12 ikili CTA) */
	.fc-hemen-al { margin-inline-start: 0; margin-top: .5rem; width: 100% !important; flex: 1 1 100% !important; }
}

/* --- Uzun açıklama için İçindekiler --- */
.fc-icindekiler {
	margin: 0 0 1.75rem;
	padding: 1rem 1.25rem;
	border: 1px solid rgba(15, 20, 40, .1);
	border-radius: 12px;
	background: #f6f7f9;
}
.fc-icindekiler__baslik {
	margin: 0 0 .5rem;
	font-weight: 700;
	font-size: .9375rem;
	letter-spacing: .01em;
	color: #0f1428;
}
.fc-icindekiler ul { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 2rem; }
.fc-icindekiler__madde { break-inside: avoid; margin: 0 0 .35rem; }
.fc-icindekiler__madde.fc-seviye-3 { padding-inline-start: .875rem; font-size: .9rem; opacity: .85; }
.fc-icindekiler a { color: #0f1428; text-decoration: none; border-bottom: 1px solid transparent; }
.fc-icindekiler a:hover { border-bottom-color: currentColor; }
@media (max-width: 720px) { .fc-icindekiler ul { columns: 1; } }

/* Başlık hedefine atlarken sabit header'ın altında kalmasın */
.woocommerce-Tabs-panel h2[id^="fc-bolum"],
.woocommerce-Tabs-panel h3[id^="fc-bolum"],
.entry-content h2[id^="fc-bolum"],
.entry-content h3[id^="fc-bolum"] { scroll-margin-top: 100px; }