/*
Theme Name: Zarif
Theme URI: https://zeynepgedik.com.tr
Author: Zeynep Gedik Tasarım
Author URI: https://zeynepgedik.com.tr
Description: Zeynep Gedik Tasarım için zarif, havadar bir FSE (block) tema. EB Garamond başlıklar, Mulish gövde, gül aksanı ve imza nokta-ayraç ile sade bir butik kimliği. WooCommerce uyumlu.
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.0
Version: 0.8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zarif
Tags: full-site-editing, block-patterns, e-commerce, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, blog, portfolio
*/

/* =========================================================================
   ZARİF — İmza & ince ayar CSS'i
   Tasarım tokenlarının ÇOĞU theme.json'da. Burası sadece theme.json ile
   ifade edilemeyen imza öğeleri ve mağaza (WooCommerce) sunumu içindir.
   ========================================================================= */

/* --- Türkçe karakter & temel render --- */
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	/* Overlay/menü açılınca kaydırma çubuğu kaybolup içeriğin kaymasını önler */
	scrollbar-gutter: stable;
}

body {
	font-feature-settings: "kern" 1, "liga" 1;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* --- Görünür klavye focus (erişilebilirlik tabanı) --- */
:where(a, button, input, textarea, select, summary, .wp-block-button__link):focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast, #3a3230);
	outline-offset: 3px;
	border-radius: 1px;
}

/* =========================================================================
   EYEBROW — Mulish majüskül, geniş letter-spacing, gül renk
   Kullanım: bir paragrafa "zarif-eyebrow" sınıfı ver.
   ========================================================================= */
.zarif-eyebrow {
	font-family: var(--wp--preset--font-family--mulish);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-strong);
	margin: 0;
}

/* =========================================================================
   DOTLINE — İmza: düz çizgi değil, ortalanmış küçük nokta dizisi
   Kullanım: boş bir paragrafa "zarif-dotline" sınıfı ver (içerik boş kalsın).
   ========================================================================= */
.zarif-dotline {
	display: block;
	text-align: center;
	line-height: 1;
	margin-block: var(--wp--preset--spacing--50, 2rem);
	color: var(--wp--preset--color--line);
	user-select: none;
}

.zarif-dotline::before {
	content: "·\00a0\00a0·\00a0\00a0·";
	font-family: var(--wp--preset--font-family--garamond);
	font-size: 1.5rem;
	letter-spacing: 0.5em;
	color: var(--wp--preset--color--line);
}

/* =========================================================================
   ÜRÜN ADI / DİSPLAY yardımcıları
   ========================================================================= */
.zarif-display {
	font-family: var(--wp--preset--font-family--garamond);
	font-weight: 500;
	letter-spacing: 0.01em;
}

/* =========================================================================
   WOOCOMMERCE — Zarif sunumu (shortcode/blok ürün ızgarası ortak stiller)
   Ürün VERİSİNE dokunmaz; yalnızca görünümü boyar.
   ========================================================================= */
.woocommerce ul.products li.product,
.wc-block-grid__products .wc-block-grid__product,
.wp-block-woocommerce-product-template li {
	text-align: center;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.wp-block-woocommerce-product-template .wp-block-post-title,
.wp-block-woocommerce-product-template .wp-block-post-title a {
	font-family: var(--wp--preset--font-family--garamond);
	font-weight: 500;
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--contrast);
	letter-spacing: 0.01em;
	margin-block: 0.6em 0.2em;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.wc-block-components-product-price {
	font-family: var(--wp--preset--font-family--mulish);
	font-weight: 500;
	color: var(--wp--preset--color--muted-aa);
}

.woocommerce ul.products li.product .price ins,
.wc-block-components-product-price ins {
	text-decoration: none;
	color: var(--wp--preset--color--accent-strong);
}

.woocommerce ul.products li.product .price del,
.wc-block-components-product-price del {
	color: var(--wp--preset--color--muted-aa);
	opacity: 1;
}

/* Buton — gül, köşesiz, geniş letter-spacing (zarif) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce #respond input#submit,
.wc-block-components-button {
	background-color: var(--wp--preset--color--accent-strong);
	color: var(--wp--preset--color--card);
	font-family: var(--wp--preset--font-family--mulish);
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: none;
	border: 0;
	border-radius: 0;
	padding: 0.85em 1.6em;
	transition: background-color 0.25s ease, opacity 0.25s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover,
.woocommerce #respond input#submit:hover,
.wc-block-components-button:hover {
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--card);
}

/* "Sale!" rozeti — sade, gül çerçeve */
.woocommerce span.onsale {
	background: transparent;
	color: var(--wp--preset--color--accent-strong);
	border: 1px solid var(--wp--preset--color--accent-strong);
	border-radius: 0;
	font-family: var(--wp--preset--font-family--mulish);
	font-weight: 600;
	font-size: 0.7rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	min-height: auto;
	min-width: auto;
	line-height: 1;
	padding: 0.4em 0.7em;
}

/* =========================================================================
   HAREKET AZALTMA — prefers-reduced-motion'a saygı
   ========================================================================= */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

/* =========================================================================
   WOOCOMMERCE — Zarif tam sunum
   (Crocoblock/Jet kapatıldı → mağaza block ızgara + klasik ürün/sepet/ödeme/hesabım
    WooCommerce'in kendi markup'ıyla render olur; burası Zarif kimliğini verir.)
   ========================================================================= */

/* --- Mağaza: block ürün ızgarası --- */
.wc-block-components-product-image img,
.wp-block-woocommerce-product-image img,
.woocommerce ul.products li.product img {
	width: 100%;
	height: auto;
	object-fit: contain;
	transition: opacity 0.4s ease;
}

.wc-block-components-product-image,
.wp-block-woocommerce-product-image {
	margin-bottom: 1rem;
	overflow: hidden;
	position: relative;
}

/* "Stokta yok" rozeti (ızgara) + klasik mağaza */
.zarif-stock-badge,
.woocommerce ul.products li.product.outofstock > a::after {
	position: absolute;
	top: 0.8rem;
	left: 0.8rem;
	z-index: 2;
	background: rgba(58, 50, 48, 0.85);
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--mulish);
	font-weight: 500;
	font-size: 0.68rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 0.4em 0.7em;
	line-height: 1;
	pointer-events: none;
}

.woocommerce ul.products li.product.outofstock {
	position: relative;
}

.woocommerce ul.products li.product.outofstock > a::after {
	content: "Stokta yok";
}

.wc-block-components-product-image:hover img,
.woocommerce ul.products li.product a:hover img {
	opacity: 0.88;
}

.wp-block-woocommerce-product-template .wp-block-post-title {
	margin-block: 0.7em 0.25em;
}

/* Mobil: ürün ızgarası her satırda 2 ürün (yan yana minik kareler) */
@media (max-width: 781px) {
	.products-block-post-template.is-flex-container {
		gap: 0.9rem !important;
	}

	.products-block-post-template.is-flex-container > li {
		width: calc(50% - 0.45rem) !important;
		flex-basis: calc(50% - 0.45rem) !important;
		max-width: calc(50% - 0.45rem) !important;
		margin: 0 !important;
	}

	.products-block-post-template .wp-block-post-title {
		font-size: 0.95rem;
	}

	.products-block-post-template .wc-block-components-product-price {
		font-size: 0.85rem;
	}
}

/* "Sepete Ekle" — hem block ızgara hem klasik */
.wp-block-woocommerce-product-button .wp-block-button__link,
.wc-block-components-product-button .wp-block-button__link {
	background-color: var(--wp--preset--color--accent-strong);
	color: var(--wp--preset--color--card);
	border: 0;
	border-radius: 0;
	font-family: var(--wp--preset--font-family--mulish);
	font-weight: 500;
	letter-spacing: 0.08em;
	padding: 0.7em 1.4em;
	transition: background-color 0.25s ease;
}

.wp-block-woocommerce-product-button .wp-block-button__link:hover,
.wc-block-components-product-button .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--card);
}

/* --- Klasik tek ürün --- */
.woocommerce div.product .product_title,
.woocommerce div.product h1.entry-title {
	font-family: var(--wp--preset--font-family--garamond);
	font-weight: 500;
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.2;
	letter-spacing: 0.01em;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-family: var(--wp--preset--font-family--mulish);
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--contrast);
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
	text-decoration: none;
	color: var(--wp--preset--color--accent-strong);
}

.woocommerce div.product .woocommerce-product-gallery {
	margin-bottom: var(--wp--preset--spacing--40);
}

/* Galeri küçük resimleri (thumbnail) — yapışıklık düzeltmesi.
   WooCommerce li'lere width:25%;float;margin:0 verir → boşluksuz. Margin satırı
   bozardı; bu yüzden padding + box-sizing ile araya zarif boşluk koyulur. */
.woocommerce div.product .flex-control-thumbs {
	margin-top: var(--wp--preset--spacing--20);
	margin-right: -8px;
}

.woocommerce div.product .flex-control-thumbs li {
	box-sizing: border-box;
	padding: 0 8px 8px 0;
}

.woocommerce div.product .flex-control-thumbs li img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--wp--preset--color--line);
	transition: opacity 0.2s ease, border-color 0.2s ease;
}

.woocommerce div.product .flex-control-thumbs li img.flex-active,
.woocommerce div.product .flex-control-thumbs li img:hover {
	border-color: var(--wp--preset--color--accent-strong);
}

/* "Kategoriler:" (posted_in) meta satırı — gerek yok, gizli */
.woocommerce div.product .product_meta .posted_in {
	display: none;
}

/* Sepete Ekle altındaki ürün açıklaması */
.zarif-summary-description {
	margin-top: var(--wp--preset--spacing--30);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--wp--preset--color--line);
	color: var(--wp--preset--color--muted-aa);
	line-height: 1.85;
}

.zarif-summary-description p:last-child {
	margin-bottom: 0;
}

.woocommerce div.product form.cart {
	margin-top: var(--wp--preset--spacing--30);
}

.woocommerce .quantity .qty {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
	padding: 0.6em 0.5em;
	background: var(--wp--preset--color--card);
	font-family: var(--wp--preset--font-family--mulish);
	color: var(--wp--preset--color--contrast);
}

/* Ürün sekmeleri (Açıklama · Ek bilgi · Kargo & İade) */
.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0;
	margin-bottom: var(--wp--preset--spacing--30);
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-bottom-color: var(--wp--preset--color--line);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border: 0;
	border-radius: 0;
	margin: 0 1.6em 0 0;
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	border-bottom: 2px solid var(--wp--preset--color--accent-strong);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-family: var(--wp--preset--font-family--mulish);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--secondary);
	padding: 0.6em 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--wp--preset--color--contrast);
}

.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-Tabs-panel h2 {
	font-family: var(--wp--preset--font-family--garamond);
	font-weight: 500;
}

/* İlgili / upsell başlıkları */
.woocommerce .related > h2,
.woocommerce .upsells > h2,
.woocommerce section.related > h2 {
	font-family: var(--wp--preset--font-family--garamond);
	font-weight: 400;
	text-align: center;
	font-size: var(--wp--preset--font-size--x-large);
	margin-bottom: var(--wp--preset--spacing--40);
}

/* İLGİLİ ÜRÜNLER — başlık float'lardan ayrılsın, kartların hemen üstünde dursun.
   Tek ürün sayfasında sekmeler kaldırıldığı için galeri(sol)+özet(sağ) float'ını
   temizleyen .woocommerce-tabs yok; başlık float'ın yanına sarıyordu. */
.woocommerce div.product .related.products,
.woocommerce div.product .upsells.products {
	clear: both;
	width: 100%;
	margin-top: var(--wp--preset--spacing--60);
}

.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 {
	clear: both;
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--30);
}

.woocommerce .related.products > ul.products,
.woocommerce .upsells.products > ul.products {
	margin-top: 0;
}

/* --- Sepet / Ödeme / Hesabım — tablolar & formlar --- */
.woocommerce table.shop_table {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
}

.woocommerce table.shop_table th {
	font-family: var(--wp--preset--font-family--mulish);
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
}

.woocommerce table.cart img,
.woocommerce-checkout .shop_table img {
	border-radius: 0;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading {
	border-radius: 0;
}

/* Form girişleri (sepet/ödeme/hesabım + arama + CF7 iletişim) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce #order_comments,
.woocommerce .select2-container--default .select2-selection--single,
.wp-block-search__input,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
	background: var(--wp--preset--color--card);
	padding: 0.75em 0.9em;
	font-family: var(--wp--preset--font-family--mulish);
	color: var(--wp--preset--color--contrast);
}

.woocommerce form .form-row input.input-text:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wp-block-search__input:focus {
	border-color: var(--wp--preset--color--accent-strong);
	outline: none;
}

/* Hesabım sekmeleri */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	border: 1px solid var(--wp--preset--color--line);
	border-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	font-family: var(--wp--preset--font-family--mulish);
	color: var(--wp--preset--color--contrast);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--wp--preset--color--accent-strong);
	font-weight: 600;
}

/* WooCommerce bildirim kutuları — Zarif */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.wc-block-components-notice-banner {
	border-top-color: var(--wp--preset--color--accent-strong);
	border-radius: 0;
	font-family: var(--wp--preset--font-family--mulish);
}

/* Mağaza sonuç sayısı / sıralama (kategori arşivlerinde çıkabilir) */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
	font-family: var(--wp--preset--font-family--mulish);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted-aa);
}

/* --- İletişim formu (CF7) gönder butonu --- */
.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"] {
	background-color: var(--wp--preset--color--accent-strong);
	color: var(--wp--preset--color--card);
	border: 0;
	border-radius: 0;
	font-family: var(--wp--preset--font-family--mulish);
	font-weight: 500;
	letter-spacing: 0.08em;
	padding: 0.85em 1.8em;
	cursor: pointer;
	transition: background-color 0.25s ease;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 button[type="submit"]:hover {
	background-color: var(--wp--preset--color--contrast);
}

/* =========================================================================
   HEADER — tek satır: [menü] · [logo ortada] · [sepet]
   ========================================================================= */
.zarif-header-bar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: var(--wp--preset--spacing--30);
}

.zarif-header-bar > * {
	margin-block: 0;
}

.zarif-header-nav {
	justify-self: start;
}

.zarif-header-logo {
	justify-self: center;
	text-align: center;
}

.zarif-header-cart {
	justify-self: end;
}

/* Mobil: hamburger sola, sepet sağa, logo ortada — eyebrow gizli, daha sıkı */
@media (max-width: 600px) {
	.zarif-header-bar {
		gap: var(--wp--preset--spacing--20);
	}
	.zarif-header-logo .zarif-eyebrow {
		display: none;
	}
	.zarif-header-cart .wp-block-woocommerce-mini-cart {
		margin: 0;
	}
}

/* =========================================================================
   NAVİGASYON — "Kategoriler" akordiyon alt menüsü + hamburger
   ========================================================================= */
.wp-block-navigation .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--card);
	border: 1px solid var(--wp--preset--color--line);
	min-width: 230px;
	padding: 0.4rem 0;
}

.wp-block-navigation
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content {
	padding: 0.55rem 1.3rem;
	letter-spacing: 0.08em;
}

.wp-block-navigation
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent-strong);
}

/* Açılır ok */
.wp-block-navigation .wp-block-navigation__submenu-icon {
	margin-left: 0.35em;
}

/* =========================================================================
   HAMBURGER OVERLAY — ortalanmış, ferah, büyük (PC + mobil kullanışlı)
   ========================================================================= */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--base) !important;
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
}

/* Kapatma butonu — sağ üst, sade */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	top: var(--wp--preset--spacing--40);
	right: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--contrast);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {
	width: 28px;
	height: 28px;
}

/* İçeriği yatay ortala + sınırla (PC'de sola yapışmasın) */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	padding-top: var(--wp--preset--spacing--50);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	width: 100%;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	text-align: center;
}

/* Üst seviye menü öğeleri — büyük, ferah, ortalı */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
	width: 100%;
	justify-content: center;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-submenu__toggle {
	justify-content: center;
	width: auto;
	margin: 0 auto;
	font-size: 1.5rem;
	letter-spacing: 0.14em;
	padding: 0.25em 0;
}

/* Kategoriler alt menüsü (akordiyon) — ortalı, ince, biraz küçük */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	border: 0;
	background: transparent;
	min-width: auto;
	width: 100%;
	align-items: center;
	text-align: center;
	gap: 0.3rem;
	padding-top: 0.6rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	justify-content: center;
	font-size: 1rem;
	letter-spacing: 0.18em;
	color: var(--wp--preset--color--secondary);
	padding: 0.3rem 0;
}

/* =========================================================================
   FİGÜRLER — ince çizgili minik SVG süslemeler (nokta-mandala ruhu)
   ========================================================================= */
.zarif-figure {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--wp--preset--color--accent);
	margin: 0 auto 0.9rem;
	line-height: 0;
}

.zarif-figure svg {
	width: 42px;
	height: 42px;
	display: block;
}

/* Mandala dot süslemesi — daha büyük, ince çizgi renginde */
.zarif-figure--mandala {
	color: var(--wp--preset--color--line);
	margin-block: 0.4rem;
}

.zarif-figure--mandala svg {
	width: 66px;
	height: 66px;
}

.zarif-figure--mandala .zarif-mandala-center {
	color: var(--wp--preset--color--accent);
}

/* =========================================================================
   SEPET İKONU (header) — Türkçe, blok mini-cart yerine sade link.
   Sayaç rozeti absolute → göründüğünde/değiştiğinde düzen KAYMAZ.
   ========================================================================= */
.zarif-cart {
	position: relative;
	display: inline-flex;
	align-items: center;
	color: var(--wp--preset--color--contrast);
	line-height: 0;
	text-decoration: none;
}

.zarif-cart:hover,
.zarif-cart:focus-visible {
	color: var(--wp--preset--color--accent-strong);
}

.zarif-cart svg {
	width: 26px;
	height: 26px;
	display: block;
}

.zarif-cart-count {
	position: absolute;
	top: -7px;
	right: -9px;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	box-sizing: border-box;
	border-radius: 9px;
	background: var(--wp--preset--color--accent-strong);
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--mulish);
	font-size: 0.62rem;
	font-weight: 600;
	line-height: 17px;
	text-align: center;
}

.zarif-cart-count.is-empty {
	display: none;
}

/* =========================================================================
   WOOCOMMERCE SAYFA GENİŞLİĞİ — sepet/ödeme/hesabım ferah olsun (760px dar)
   ========================================================================= */
.woocommerce-cart .wp-block-post-content,
.woocommerce-checkout .wp-block-post-content,
.woocommerce-account .wp-block-post-content {
	--wp--style--global--content-size: 1080px;
}

.woocommerce-cart .wp-block-post-content > .woocommerce,
.woocommerce-checkout .wp-block-post-content > .woocommerce,
.woocommerce-account .wp-block-post-content > .woocommerce {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

/* =========================================================================
   SEPET SAYFASI — Zarif düzen
   ========================================================================= */
.woocommerce-cart table.cart {
	border: 0;
	margin-bottom: var(--wp--preset--spacing--40);
}

.woocommerce-cart table.cart thead th {
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding: 0 1rem 1rem;
	font-family: var(--wp--preset--font-family--mulish);
	font-weight: 600;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--secondary);
	text-align: left;
}

.woocommerce-cart table.cart td {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
	padding: 1.3rem 1rem;
	vertical-align: middle;
	background: transparent;
}

.woocommerce-cart table.cart td.product-thumbnail img {
	width: 88px;
	height: auto;
	border-radius: 0;
}

.woocommerce-cart table.cart td.product-name a {
	font-family: var(--wp--preset--font-family--garamond);
	font-weight: 500;
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--contrast);
}

.woocommerce-cart table.cart td.product-name a:hover {
	color: var(--wp--preset--color--accent-strong);
}

.woocommerce-cart table.cart a.remove {
	color: var(--wp--preset--color--muted-aa) !important;
	font-weight: 400;
	border: 1px solid var(--wp--preset--color--line);
	line-height: 1.4;
}

.woocommerce-cart table.cart a.remove:hover {
	background: var(--wp--preset--color--accent-strong) !important;
	color: var(--wp--preset--color--card) !important;
	border-color: var(--wp--preset--color--accent-strong);
}

/* Kupon + güncelle */
.woocommerce-cart .cart .actions {
	padding-top: var(--wp--preset--spacing--30) !important;
}

.woocommerce-cart .cart .actions .coupon {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
	align-items: stretch;
}

.woocommerce-cart .cart .actions .coupon .input-text {
	max-width: 240px;
	margin: 0;
}

/* Sepet toplamları kutusu */
.cart_totals {
	background: var(--wp--preset--color--card);
	border: 1px solid var(--wp--preset--color--line);
	padding: var(--wp--preset--spacing--40);
}

.cart_totals h2 {
	font-family: var(--wp--preset--font-family--garamond);
	font-weight: 500;
	font-size: var(--wp--preset--font-size--x-large);
	margin: 0 0 1.2rem;
}

.cart_totals table.shop_table,
.cart_totals table.shop_table td,
.cart_totals table.shop_table th {
	border: 0;
}

.cart_totals table.shop_table tr th,
.cart_totals table.shop_table tr td {
	border-top: 1px solid var(--wp--preset--color--line);
	padding: 0.95rem 0;
	font-family: var(--wp--preset--font-family--mulish);
}

.cart_totals .order-total th,
.cart_totals .order-total .amount {
	font-weight: 700;
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--contrast);
}

.wc-proceed-to-checkout {
	padding-top: var(--wp--preset--spacing--30) !important;
}

.wc-proceed-to-checkout a.checkout-button {
	display: block;
	width: 100%;
	text-align: center;
	font-size: var(--wp--preset--font-size--medium) !important;
	padding: 1.05em 1.5em !important;
	letter-spacing: 0.1em;
}

/* Masaüstü: toplamlar sağda, dar ve şık kart */
@media (min-width: 783px) {
	.woocommerce-cart .cart-collaterals .cart_totals {
		width: 44%;
		float: right;
	}
	.woocommerce-cart .cart-collaterals::after {
		content: "";
		display: table;
		clear: both;
	}
}

/* =========================================================================
   SEPET BLOĞU (woocommerce/cart) — Zarif boyama
   ========================================================================= */
.wc-block-cart .wc-block-components-product-name {
	font-family: var(--wp--preset--font-family--garamond);
	font-weight: 500;
	color: var(--wp--preset--color--contrast);
}

.wp-block-woocommerce-cart-order-summary-block {
	background: var(--wp--preset--color--card);
	border: 1px solid var(--wp--preset--color--line);
}

.wc-block-cart__submit-button,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button {
	background-color: var(--wp--preset--color--accent-strong) !important;
	border-radius: 0 !important;
	letter-spacing: 0.08em;
}

.wc-block-cart__submit-button:hover {
	background-color: var(--wp--preset--color--contrast) !important;
}

.wc-block-cart-items__header,
.wc-block-components-totals-item__label {
	font-family: var(--wp--preset--font-family--mulish);
}

.wp-block-woocommerce-cart-cross-sells-block h2,
.wc-block-cart__totals-title {
	font-family: var(--wp--preset--font-family--garamond);
	font-weight: 500;
}

/* =========================================================================
   HATA 4 — ilgili/upsell ürün YOKKEN başlığı (lone heading) gizle
   ========================================================================= */
.woocommerce .related.products:not(:has(.product)),
.woocommerce .upsells.products:not(:has(.product)) {
	display: none;
}