/* Cucik Theme — tasarım belirteçleri (kontrast oranları docs/ARCHITECTURE.md'de ölçülmüştür) */
:root {
	--c-ink: #0f1b3d;
	--c-muted: #4a5675;
	--c-blue: #1f5eff;
	--c-violet: #6b4eff;
	--c-bg: #ffffff;
	--c-surface: #f4f6fb;
	--c-border: #d9deea;
	--c-border-strong: #8a94ad;
	--c-success: #0b6b3a;
	--c-warning: #8a5a00;
	--c-danger: #b3261e;

	--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--radius: 0.5rem;
	--space: 1rem;
	--container: 76rem;
	--tap: 2.75rem; /* en az 44px dokunma alanı */
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--c-bg);
	color: var(--c-ink);
	font: 1rem/1.6 var(--font);
}
img { max-width: 100%; height: auto; }
a { color: var(--c-blue); }
a:hover { text-decoration-thickness: 2px; }
h1, h2, h3 { line-height: 1.2; letter-spacing: -0.01em; margin: 0 0 var(--space); }

:focus-visible { outline: 3px solid var(--c-blue); outline-offset: 2px; }

.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.cucik-skip {
	position: absolute; left: var(--space); top: -4rem; z-index: 100;
	background: var(--c-ink); color: #fff; padding: 0.75rem 1rem; border-radius: var(--radius);
}
.cucik-skip:focus { top: var(--space); }

.cucik-container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--space); }
.cucik-main { padding-block: 2rem 3rem; }
.cucik-empty { color: var(--c-muted); }

/* Üst bar */
.cucik-header { border-bottom: 1px solid var(--c-border); background: var(--c-bg); }
.cucik-header__bar {
	display: grid; grid-template-columns: 1fr auto; gap: 0.75rem 1rem; align-items: center; padding-block: 0.75rem;
}
.cucik-header__search { grid-column: 1 / -1; grid-row: 2; }
.cucik-header__actions { display: flex; align-items: center; gap: 0.5rem; }
.cucik-brand__text { font-weight: 800; font-size: 1.5rem; color: var(--c-ink); text-decoration: none; letter-spacing: -0.02em; }
.cucik-brand img { max-height: 2.5rem; width: auto; }

.cucik-account, .cucik-cart, .cucik-nav-toggle {
	display: inline-flex; align-items: center; gap: 0.4rem; min-height: var(--tap); padding-inline: 0.75rem;
	color: var(--c-ink); text-decoration: none; font: inherit; font-weight: 600;
	background: none; border: 0; border-radius: var(--radius); cursor: pointer;
}
.cucik-account:hover, .cucik-cart:hover, .cucik-nav-toggle:hover { background: var(--c-surface); }
.cucik-cart__count {
	min-width: 1.5rem; height: 1.5rem; padding-inline: 0.35rem; display: inline-grid; place-items: center;
	background: var(--c-blue); color: #fff; border-radius: 999px; font-size: 0.8125rem;
}

/* Gezinme: JS yoksa daima açık; JS varsa küçük ekranlarda daraltılır */
.cucik-nav { border-top: 1px solid var(--c-border); background: var(--c-surface); }
.cucik-nav__list, .cucik-footer__list, .cucik-chips { list-style: none; margin: 0; padding: 0; }
.cucik-nav__list { display: flex; flex-wrap: wrap; gap: 0.25rem; padding-block: 0.25rem; }
.cucik-nav__list a {
	display: inline-flex; align-items: center; min-height: var(--tap); padding-inline: 0.75rem;
	color: var(--c-ink); text-decoration: none; font-weight: 600; border-radius: var(--radius);
}
.cucik-nav__list a:hover { background: var(--c-bg); }
.js .cucik-nav { display: none; }
.js .cucik-nav.is-open { display: block; }

/* Arama: sayfanın tek vurgulu öğesi; mor geçiş yalnızca gönder düğmesinde */
.cucik-search { display: flex; width: 100%; max-width: 40rem; }
.cucik-search__input {
	flex: 1; min-width: 0; min-height: var(--tap); padding: 0 1rem; font: inherit; color: var(--c-ink);
	background: var(--c-bg); border: 1px solid var(--c-border-strong); border-right: 0; border-radius: var(--radius) 0 0 var(--radius);
}
.cucik-search__submit {
	min-height: var(--tap); padding: 0 1.25rem; font: inherit; font-weight: 700; color: #fff; cursor: pointer;
	background: linear-gradient(135deg, var(--c-blue), var(--c-violet)); border: 0; border-radius: 0 var(--radius) var(--radius) 0;
}
.cucik-search__submit:hover { filter: brightness(1.08); }

/* Ana sayfa */
.cucik-hero { background: var(--c-surface); padding-block: 2.5rem; }
.cucik-hero__title { font-size: clamp(1.75rem, 1.2rem + 2.6vw, 2.75rem); max-width: 22ch; margin-bottom: 1.25rem; }
.cucik-hero .cucik-search { max-width: 44rem; }
.cucik-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
.cucik-chips a {
	display: inline-flex; align-items: center; min-height: var(--tap); padding-inline: 1rem; border-radius: 999px;
	background: var(--c-bg); border: 1px solid var(--c-border); color: var(--c-ink); text-decoration: none; font-weight: 600;
}
.cucik-chips a:hover { border-color: var(--c-blue); color: var(--c-blue); }
.cucik-section { padding-block: 2.5rem 0; }
.cucik-section__title { font-size: 1.5rem; }
.cucik-hero + .cucik-section { padding-top: 2.5rem; }

/* Ürün listesi (WooCommerce çıktısı üzerinde sunum) */
.woocommerce ul.products, .woocommerce-page ul.products {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)); gap: 1rem;
	margin: 0; padding: 0; list-style: none;
}
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
	float: none; width: auto; margin: 0; display: flex; flex-direction: column; gap: 0.5rem;
	padding: 0.75rem; background: var(--c-bg); border: 1px solid var(--c-border); border-radius: var(--radius);
}
.woocommerce ul.products li.product a img { aspect-ratio: 1; object-fit: contain; background: var(--c-surface); border-radius: calc(var(--radius) - 2px); margin: 0 0 0.5rem; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1rem; font-weight: 600; padding: 0; margin: 0;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.woocommerce ul.products li.product .price { color: var(--c-ink); font-weight: 700; margin-top: auto; }
.woocommerce ul.products li.product .price del { color: var(--c-muted); font-weight: 400; }
.woocommerce span.onsale {
	background: var(--c-danger); color: #fff; min-height: 0; min-width: 0; line-height: 1.5; padding: 0.15rem 0.6rem; border-radius: 999px; top: 0.5rem; left: 0.5rem; right: auto;
}

/* Düğmeler (WooCommerce .button dahil) */
.button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
	display: inline-flex; align-items: center; justify-content: center; min-height: var(--tap); padding: 0 1.25rem;
	background: var(--c-blue); color: #fff; border: 0; border-radius: var(--radius); font: inherit; font-weight: 700; text-decoration: none; cursor: pointer;
}
.button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover { background: var(--c-ink); color: #fff; }

/* Bildirimler */
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-radius: var(--radius); }
.woocommerce-error { color: var(--c-danger); }

/* Alt bilgi */
.cucik-footer { margin-top: 3rem; background: var(--c-surface); border-top: 1px solid var(--c-border); }
.cucik-footer__inner { padding-block: 1.5rem; display: grid; gap: 1rem; }
.cucik-footer__list { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; }
.cucik-footer__list a { color: var(--c-ink); }
.cucik-footer__legal { margin: 0; color: var(--c-muted); font-size: 0.875rem; }

.cucik-entry__title { font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem); }

/* Geniş ekran */
@media (min-width: 48em) {
	.cucik-header__bar { grid-template-columns: auto 1fr auto; }
	.cucik-header__search { grid-column: auto; grid-row: auto; }
	.cucik-nav-toggle { display: none; }
	.js .cucik-nav { display: block; }
}

@media (prefers-reduced-motion: reduce) {
	* { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}