/* Ürün sayfası — Rebound Kitap child theme
   Ayrı dosya olmasının sebebi hakkimizda.css / hesabim.css ile aynı:
   hCDN, style.css'i sorgu parametresini yok sayarak 30 gün önbelleğe alıyor.
   Yeni dosya yolu her zaman taze gelir. */

/* Kitap adının hemen altındaki yazar satırı.
   Blocksy'nin başlığı woocommerce_single_product_summary önceliği 5'te
   basılır; bu satır 6'da girer, fiyat 10'da gelir. */
.rb-urun-yazar {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px 10px;
	/* Başlığın alt boşluğunu emip satırı ona yaklaştırır. */
	margin: -8px 0 18px;
	line-height: 1.3;
}

.rb-urun-yazar__etiket {
	font-family: var(--rb-sans);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	/* --rb-ink-mute beyaz zeminde 5,9:1 — AA'yı rahat geçer. */
	color: var(--rb-ink-mute);
}

.rb-urun-yazar__ad {
	font-family: var(--rb-display);
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--rb-ink);
}

@media (max-width: 480px) {
	.rb-urun-yazar__ad {
		font-size: 1rem;
	}
}


/* ---------------------------------------------------------------------------
   Kapak görselinin boyutu

   Kapak 1200 × 1866 px, yani çok uzun bir dikdörtgen (oran 200/311). Blocksy
   galeriye sütunun yarısını verdiği için 1280 px'lik bir ekranda görsel
   556 × 865 px'e çıkıyor ve tek başına ekrana sığmıyordu.

   Genişliği doğrudan vermek işe YARAMAZ: Blocksy kuralı
   `.product-entry-wrapper:has(.woocommerce-product-gallery:not(…)) …` gibi
   `:has()` içeren yüksek özgüllükte bir seçiciyle yazıyor ve bizi eziyor.
   Doğru yol temanın kendi değişkenini ayarlamak: --product-gallery-width.

   Üç sınır birden uygulanıyor, hangisi küçükse o kazanır:
     • 400px  — geniş ekranda kapak bundan büyümesin
     • 34%    — sütunun üçte birinden fazlasını kaplamasın
     • 62vh   — ASIL sınır: ekran alçaldıkça kapak da kısalır, hep sığar
   Yükseklikten genişliğe geçmek için orana bölünüyor; oran ayrı bir
   belirteçte durduğu için kapak değişirse tek satır güncellenir.
   --------------------------------------------------------------------------- */
.single-product .product-entry-wrapper {
	/* Kapağın en/boy oranı — 1200/1866 sadeleşmiş hâli. */
	--rb-kapak-oran: 200 / 311;
}

/* Yan yana düzen. Blocksy bu düzene 1000px'ten sonra geçiyor. */
@media (min-width: 1000px) {
	.single-product .product-entry-wrapper {
		--product-gallery-width: min(400px, 34%, calc(62vh * var(--rb-kapak-oran)));
	}

	/* Blocksy özetin genişliğini `calc(100% - var(--product-gallery-width))`
	   ile veriyor ama bu hesap galeri daralınca yerinde kalıp sağda boş bir
	   şerit bırakıyor. Özet kalan yeri kendisi doldursun. */
	.single-product .product-entry-wrapper > .summary.entry-summary {
		width: auto;
		flex: 1 1 auto;
	}
}

/* Alt alta düzen: galeri tam genişliğe yayılıyor, kapağı ortalayıp sınırla.
   Burada `width` değil `max-width` kullanılıyor — Blocksy `width: 100%`
   veriyor ve max-width onu özgüllük savaşına girmeden sınırlıyor. */
@media (max-width: 999.98px) {
	.single-product .product-entry-wrapper .woocommerce-product-gallery {
		max-width: min(340px, 100%, calc(56vh * var(--rb-kapak-oran)));
		margin-inline: auto;
	}
}