/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Carousel slaytlarindaki gorsellerin alani tam kaplamasi icin */
.stk-block-carousel .wp-block-image {
	width: 100%;
	height: 866px;
	margin: 0;
}
.stk-block-carousel .wp-block-image img {
	width: 100%;
	height: 866px;
	object-fit: cover;
	display: block;
}

@media screen and (max-width: 767px) {
	.stk-block-carousel .wp-block-image,
	.stk-block-carousel .wp-block-image img {
		height: 320px;
	}
}

/* Ürünler sayfası yatay kategori filtresi */
.greenora-cat-filter {
	margin: 0 0 35px;
	/* Blog sayfasında bu filtre bir CSS Grid'in (.entries) içine
	   basılıyor; grid otomatik yerleşimi onu bir kart hücresiymiş gibi
	   sol tarafa küçük bir sütun olarak yerleştiriyordu. Bunu tüm
	   sütunları kaplayan tam genişlikli bir satır yaparak düzeltiyoruz.
	   Grid olmayan (Ürünler sayfası gibi) yerlerde bu özellik etkisiz
	   kalır, zararsızdır. */
	grid-column: 1 / -1;
}
.greenora-cat-filter ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.greenora-cat-filter li {
	margin: 0;
}
.greenora-cat-filter a {
	display: inline-block;
	padding: 8px 20px;
	border: 1px solid #d8cdbb;
	border-radius: 30px;
	text-decoration: none;
	color: #5a5048;
	font-size: 14px;
	line-height: 1.4;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.greenora-cat-filter a:hover,
.greenora-cat-filter li.aktif a {
	background-color: #4C6135;
	color: #fff;
	border-color: #4C6135;
}

/* ============================================================
   BUTON RENGİ — Greenora yeşil (#4C6135)
   Sepete ekle ve aynı renkteki tüm butonlar
   ============================================================ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
a.button,
button.button,
.wp-block-button__link,
.wc-block-components-button,
.single_add_to_cart_button,
.add_to_cart_button,
.checkout-button,
.wc-proceed-to-checkout a.checkout-button,
.ct-button,
[data-button="yes"] {
	background-color: #4C6135 !important;
	border-color: #4C6135 !important;
	color: #ffffff !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
a.button:hover,
button.button:hover,
.wp-block-button__link:hover,
.wc-block-components-button:hover,
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.checkout-button:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
.ct-button:hover,
[data-button="yes"]:hover {
	background-color: #3a4a28 !important;
	border-color: #3a4a28 !important;
	color: #ffffff !important;
}

/* ============================================================
   ANA SAYFA — Transparent header arkası hafif buğu
   Slayt görseli görünür kalır; menü yazıları daha net okunur
   ============================================================ */
.home #header [data-row="middle"][data-transparent-row="yes"] {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background-color: rgba(0, 0, 0, 0.03);
}

/* ============================================================
   PALET COLOR 1 — Altın (#C29324)
   İkonlar (makas/yaprak/recycle) ve bu rengi kullanan her şey
   Butonlar ayrı kuralla yeşil kaldığı için etkilenmez
   ============================================================ */
:root {
	--theme-palette-color-1: #C29324 !important;
}

/* ============================================================
   ÜRÜN LİSTESİ — "X günün en düşük fiyatı" ibaresini fotoğrafın
   hemen altına, çerçeveli bir kutu içinde göstermek için fiyat
   alanının (span.price) kutu modelini kaldırıp içindeki
   elemanlara sıra (order) veriyoruz.
   ============================================================ */
.products li.product > .price {
	display: contents;
}
.products li.product > figure {
	order: 1;
}
.products li.product .price p.iworks-omnibus {
	order: 2;
	margin: 8px 0 4px;
	padding: 6px 10px;
	border: 1px solid #d8cdbb;
	border-radius: 6px;
	background: #faf9f5;
	font-size: 0.8em;
	text-align: center;
	color: #5a5048;
}
.products li.product .woocommerce-loop-product__title {
	order: 3;
}
.products li.product .price > *:not(.iworks-omnibus) {
	order: 4;
}
.products li.product .ct-woo-card-actions {
	order: 5;
}
