/*
Theme Name:   Rainbow Tasarım
Theme URI:    https://www.rainbowtasarim.com
Description:  Blocksy child teması. Rainbow Tasarım'ın renk sistemi, tipografisi ve
              kategori renkleri burada tanımlı. Ana tema güncellendiğinde bu dosya
              korunur.
Author:       rainbowtasarim.com
Template:     blocksy
Version:      1.0
Text Domain:  rainbow-tasarim
*/

/* =========================================================================
   1 · RENK SİSTEMİ
   Tek yerden yönetiliyor. Bir rengi değiştirmek istersen sadece burayı düzelt,
   site genelinde uygulanır.
   ========================================================================= */

:root {
	/* Marka */
	--rbw-yesil:        #1D9E75;   /* ana eylem rengi: butonlar, linkler */
	--rbw-yesil-koyu:   #0F6E56;   /* üzerine gelince */
	--rbw-yesil-acik:   #E1F5EE;   /* açık zeminler */

	/* Metin ve zemin */
	--rbw-metin:        #23201C;
	--rbw-metin-soluk:  #6B6560;
	--rbw-zemin:        #FFFFFF;
	--rbw-zemin-alt:    #FBF8F4;   /* ürün görsellerinin arkası */
	--rbw-cizgi:        #E9E3DB;

	/* Vurgular */
	--rbw-fiyat:        #8A3C1B;   /* fiyat rakamı */
	--rbw-rozet:        #E24B4A;   /* "Yeni" rozeti */
	--rbw-sari:         #FAC775;   /* açık zeminli etiket */
	--rbw-sari-metin:   #412402;

	/* Kategori renkleri — her kategorinin kendi kimliği */
	--rbw-kare:         #D85A30;
	--rbw-dikdortgen:   #378ADD;
	--rbw-yuvarlak:     #639922;
	--rbw-anahtarlik:   #BA7517;
	--rbw-dua:          #D4537E;
	--rbw-sunumluk:     #7F77DD;
	--rbw-tepsi:        #1D9E75;
	--rbw-cocuk:        #E24B4A;
	--rbw-dekoratif:    #8A5A2B;
}

/* =========================================================================
   2 · TİPOGRAFİ
   Fraunces başlıklarda, Figtree gövdede. Blocksy'de de aynı ikiliyi seçersen
   burası yalnızca ince ayar yapar.
   ========================================================================= */

body {
	font-family: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
	color: var(--rbw-metin);
	font-size: 17px;
	line-height: 1.65;
}

h1, h2, h3, h4,
.entry-title,
.woocommerce-loop-product__title,
.product_title {
	font-family: "Fraunces", Georgia, serif;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.2;
	color: var(--rbw-metin);
}

h1 { font-size: clamp(1.9rem, 1.3rem + 2.2vw, 3rem); }
h2 { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.1rem); }
h3 { font-size: clamp(1.2rem, 1rem + 0.7vw, 1.45rem); }

/* Gövde metni okunur bir satır uzunluğunda kalsın */
.entry-content > p,
.woocommerce-product-details__short-description p {
	max-width: 68ch;
}

/* =========================================================================
   3 · BUTONLAR VE LİNKLER
   ========================================================================= */

a { color: var(--rbw-yesil-koyu); }
a:hover { color: var(--rbw-yesil); }

.wp-block-button__link,
.button,
button[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button.alt,
.woocommerce #respond input#submit {
	background-color: var(--rbw-yesil);
	color: #FFFFFF;
	border: none;
	border-radius: 999px;
	padding: 0.85em 1.9em;
	font-family: "Figtree", sans-serif;
	font-weight: 600;
	font-size: 0.95rem;
	letter-spacing: 0;
	transition: background-color 0.18s ease;
}

.wp-block-button__link:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button.alt:hover {
	background-color: var(--rbw-yesil-koyu);
	color: #FFFFFF;
}

/* Klavyeyle gezenler için görünür odak halkası */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid var(--rbw-yesil);
	outline-offset: 2px;
	border-radius: 4px;
}

/* =========================================================================
   4 · ÜRÜN KARTLARI
   Görsellerin arkası nötr kalıyor; renk arayüzde, üründe değil.
   ========================================================================= */

.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.wc-block-grid__product-image img {
	background: var(--rbw-zemin-alt);
	border-radius: 14px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.02rem;
	margin-top: 0.7em;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--rbw-fiyat);
	font-family: "Figtree", sans-serif;
	font-weight: 600;
	font-size: 1.05rem;
}

/* OpenCart'tan gelen alışkanlık: üstü çizili eski fiyat soluk kalsın */
.woocommerce ul.products li.product .price del {
	color: var(--rbw-metin-soluk);
	font-weight: 400;
	opacity: 0.8;
}

/* "Yeni" ve indirim rozetleri */
.woocommerce span.onsale,
.wc-block-grid__product-onsale {
	background: var(--rbw-rozet);
	color: #FFFFFF;
	border-radius: 999px;
	font-family: "Figtree", sans-serif;
	font-weight: 600;
	font-size: 0.72rem;
	padding: 0.35em 0.9em;
	min-height: auto;
	min-width: auto;
	line-height: 1.4;
}

/* =========================================================================
   5 · KATEGORİ KARTLARI
   Ana sayfaya Özel HTML bloğu olarak eklenen kartlar.
   Her kategori kendi rengini taşıyor.
   ========================================================================= */

.rbw-kategoriler {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rbw-kat {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 132px;
	padding: 18px;
	border-radius: 18px;
	background: var(--rbw-kat-renk, var(--rbw-yesil));
	color: #FFFFFF;
	text-decoration: none;
	transition: transform 0.18s ease;
}

.rbw-kat:hover,
.rbw-kat:focus-visible {
	color: #FFFFFF;
	transform: translateY(-3px);
}

.rbw-kat__ad {
	font-family: "Fraunces", Georgia, serif;
	font-weight: 600;
	font-size: 1.08rem;
	line-height: 1.25;
}

.rbw-kat__sayi {
	font-size: 0.82rem;
	opacity: 0.85;
	margin-top: 0.2em;
}

.rbw-kat--kare        { --rbw-kat-renk: var(--rbw-kare); }
.rbw-kat--dikdortgen  { --rbw-kat-renk: var(--rbw-dikdortgen); }
.rbw-kat--yuvarlak    { --rbw-kat-renk: var(--rbw-yuvarlak); }
.rbw-kat--anahtarlik  { --rbw-kat-renk: var(--rbw-anahtarlik); }
.rbw-kat--dua         { --rbw-kat-renk: var(--rbw-dua); }
.rbw-kat--sunumluk    { --rbw-kat-renk: var(--rbw-sunumluk); }
.rbw-kat--tepsi       { --rbw-kat-renk: var(--rbw-tepsi); }
.rbw-kat--cocuk       { --rbw-kat-renk: var(--rbw-cocuk); }
.rbw-kat--dekoratif   { --rbw-kat-renk: var(--rbw-dekoratif); }

/* =========================================================================
   6 · KATEGORİ SAYFALARI
   Ziyaretçi hangi bölümde olduğunu renkten anlasın: arşiv başlığının
   altındaki şerit o kategorinin rengini alıyor.
   ========================================================================= */

.woocommerce-products-header {
	border-bottom: 4px solid var(--rbw-sayfa-renk, var(--rbw-cizgi));
	padding-bottom: 0.9rem;
	margin-bottom: 1.8rem;
}

.tax-product_cat.term-kare-panolar        { --rbw-sayfa-renk: var(--rbw-kare); }
.tax-product_cat.term-dikdortgen-panolar  { --rbw-sayfa-renk: var(--rbw-dikdortgen); }
.tax-product_cat.term-yuvarlak-panolar    { --rbw-sayfa-renk: var(--rbw-yuvarlak); }
.tax-product_cat.term-anahtarlik-panolar  { --rbw-sayfa-renk: var(--rbw-anahtarlik); }
.tax-product_cat.term-dua-seti-panolar    { --rbw-sayfa-renk: var(--rbw-dua); }
.tax-product_cat.term-ayakli-sunumluklar  { --rbw-sayfa-renk: var(--rbw-sunumluk); }
.tax-product_cat.term-tepsiler            { --rbw-sayfa-renk: var(--rbw-tepsi); }
.tax-product_cat.term-cocuk-urunleri      { --rbw-sayfa-renk: var(--rbw-cocuk); }
.tax-product_cat.term-dekoratif-objeler   { --rbw-sayfa-renk: var(--rbw-dekoratif); }

/* =========================================================================
   7 · GÖKKUŞAĞI ŞERİDİ
   Markanın imzası. Alt bilginin üstünde tek bir yerde duruyor.
   ========================================================================= */

.rbw-serit {
	display: flex;
	height: 5px;
}

.rbw-serit span { flex: 1; }
.rbw-serit span:nth-child(1) { background: var(--rbw-rozet); }
.rbw-serit span:nth-child(2) { background: #EF9F27; }
.rbw-serit span:nth-child(3) { background: var(--rbw-yuvarlak); }
.rbw-serit span:nth-child(4) { background: var(--rbw-yesil); }
.rbw-serit span:nth-child(5) { background: var(--rbw-dikdortgen); }
.rbw-serit span:nth-child(6) { background: var(--rbw-sunumluk); }
.rbw-serit span:nth-child(7) { background: var(--rbw-dua); }

/* =========================================================================
   8 · ERİŞİLEBİLİRLİK VE MOBİL
   ========================================================================= */

@media (prefers-reduced-motion: reduce) {
	.rbw-kat,
	.wp-block-button__link,
	.button {
		transition: none;
	}
	.rbw-kat:hover { transform: none; }
}

@media (max-width: 600px) {
	body { font-size: 16px; }

	.rbw-kategoriler {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.rbw-kat {
		min-height: 108px;
		padding: 14px;
		border-radius: 14px;
	}

	.rbw-kat__ad { font-size: 0.95rem; }
}