/* =================================================================
   DB LINE cila (2026-11-06 gece): tüm sayfa ve durumların A'dan Z'ye gözden geçirilmesinde
   bulunan Spormo kalıntıları ve kusurlar. En son yüklenir.
   ================================================================= */

/* WooCommerce düğmeleri: siyah hap, üzerine gelince kırmızı. Siparişi tamamla = kırmızı imza düğmesi. */
.imza.woocommerce .button, .imza .woocommerce .button, .imza .woocommerce button.button, .imza .woocommerce a.button, .imza .woocommerce input.button,
.imza .woocommerce #respond input#submit, .imza .woocommerce button.button.alt, .imza .woocommerce a.button.alt, .imza .woocommerce input.button.alt {
	background: var(--ink); color: #fff; box-shadow: none; font-weight: 800;
}
.imza .woocommerce .button:hover, .imza .woocommerce button.button:hover, .imza .woocommerce a.button:hover, .imza .woocommerce button.button.alt:hover, .imza .woocommerce a.button.alt:hover { background: var(--pink); color: #fff; transform: none; }
.imza .woocommerce button.button:disabled, .imza .woocommerce button.button.alt.disabled { background: var(--ink); }
.imza .woocommerce button.button[name="update_cart"], .imza .woocommerce button.button[name="apply_coupon"] { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); }
.imza #place_order, .imza .woocommerce #place_order { min-height: 62px; background: var(--pink); font-size: 1.15rem; }
.imza #place_order:hover { background: var(--ink); }
.imza .checkout-button, .imza .wc-proceed-to-checkout .button { background: var(--pink) !important; }

/* Bildirimler: nane/pembe yerine kağıt zemin + renkli sol çizgi */
.imza .woocommerce-message, .imza .woocommerce-info, .imza .woocommerce-error, .imza .woocommerce-noreviews {
	border: 0; border-radius: 18px; background: var(--paper); box-shadow: inset 4px 0 0 var(--ink); color: var(--ink); font-weight: 700;
}
.imza .woocommerce-message { box-shadow: inset 4px 0 0 #1f9d6b; }
.imza .woocommerce-error { background: #fff1f3; box-shadow: inset 4px 0 0 var(--pink); }
.imza .woocommerce .cart-empty.woocommerce-info { background: none; box-shadow: none; }

/* Ödeme adımları */
.imza .checkout-steps li.is-current { background: var(--ink); color: #fff; }
.imza .checkout-steps li.is-done { color: var(--ink); }
.imza .checkout-steps li + li::before { background: var(--ink); opacity: .25; }
.imza #payment, .imza .woocommerce-checkout #payment { border-radius: 20px; background: var(--paper); }
.imza #payment div.payment_box { border-radius: 14px; background: #fff; }
.imza #payment div.payment_box::before { border-bottom-color: #fff; }
.imza .woocommerce-checkout-review-order-table { border-radius: 20px; }

/* Hesabım: üye olmadan sipariş kutusu, giriş/üye ol kartları */
.imza .guest-track { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 20px; background: var(--ink); color: #fff; font-weight: 800; }
.imza .guest-track .icon { width: 24px; height: 24px; color: var(--pink); flex: none; }
.imza .guest-track span { flex: 1; }
.imza .guest-track .btn { --btn-bg: var(--pink); --btn-fg: #fff; min-height: 42px; padding: 0 16px; }
.imza .woocommerce-form-login, .imza .woocommerce-form-register, .imza .u-column1, .imza .u-column2 { border-radius: 24px; box-shadow: none; background: var(--paper); }
.imza .woocommerce form .form-row input.input-text, .imza .woocommerce form .form-row textarea, .imza .woocommerce form .form-row select,
.imza .studio-form input, .imza .studio-form textarea, .imza input[type="text"], .imza input[type="email"], .imza input[type="tel"], .imza input[type="number"], .imza input[type="password"], .imza textarea {
	border-radius: 14px; border-color: var(--line-2); background: #fff;
}
.imza input:focus, .imza textarea:focus, .imza select:focus { border-color: var(--ink) !important; outline: none; box-shadow: 0 0 0 3px rgba(20, 16, 17, .08); }
.imza .woocommerce-MyAccount-navigation a { border-radius: 14px; }
.imza .woocommerce-MyAccount-navigation .is-active a, .imza .woocommerce-MyAccount-navigation li.is-active a { background: var(--ink); color: #fff; }

/* Akordeonlar (SSS sayfası, ürün sayfası): çizgili, artı/eksi */
.imza .accordion { display: block; }
.imza .accordion details { margin: 0; border-radius: 0; background: transparent; box-shadow: none; border-top: 1.5px solid var(--ink); }
.imza .accordion details:last-child { border-bottom: 1.5px solid var(--ink); }
.imza .accordion summary { padding: 20px 2px; font-family: var(--font-display); font-stretch: 92%; font-size: 1.2rem; font-weight: 800; }
.imza .accordion summary::after { width: 24px; height: 24px; border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141011' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 4v16M4 12h16'/%3E%3C/svg%3E") center / 20px no-repeat; }
.imza .accordion details[open] summary::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff224d' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M4 12h16'/%3E%3C/svg%3E"); transform: none; }
.imza .accordion__body { padding: 0 2px 20px; color: var(--ink-2); font-weight: 600; line-height: 1.6; }
.imza .accordion summary .icon { color: var(--pink); }

/* Setini oluştur sayfası üstü */
.imza .box-hero { border-radius: 28px; background: var(--ink); color: #fff; padding: 26px 22px; }
.imza .box-hero .eyebrow, .imza .box-hero .eyebrow--light { background: rgba(255, 255, 255, .1); color: #fff; }
.imza .box-hero h1 { font-stretch: 85%; }
.imza .box-hero__steps span { background: var(--pink) !important; color: #fff !important; }
.imza .box-hero__missions { border-radius: 22px; background: #fff; color: var(--ink); }
.imza .box-hero__missions .boxpromo__label { color: var(--ink); }
.imza .mission { box-shadow: none; background: var(--paper); }
.imza .mission__icon { background: #fff; color: var(--pink); }
.imza .rule-card { border-radius: 22px; background: var(--kraft-soft); box-shadow: none; }
.imza .chips-row .chip, .imza .chip { border-radius: 999px; box-shadow: inset 0 0 0 1.5px var(--ink); background: #fff; color: var(--ink); font-weight: 800; }
.imza .chip.is-active { background: var(--ink); color: #fff; }

/* Sepet sayfası */
.imza .cart-recs h2, .imza .woo-page h2 { font-stretch: 88%; }
.imza .shop_table { border-radius: 20px; }
.imza .kutu-card { border-radius: 22px; background: var(--ink); color: #fff; box-shadow: none; }
.imza .install-bar__inner { padding: 10px 12px; border-radius: 18px; background: var(--paper); }
.imza .install-bar .btn { --btn-bg: var(--ink); }

/* Yasal metinler (prose) */
.imza .prose table { box-shadow: none; border: 1.5px solid var(--line); }
.imza .prose th { background: var(--paper); }
.imza .prose h2 { font-stretch: 88%; padding-top: 10px; border-top: 1.5px solid var(--ink); }
.imza .prose a { color: var(--ink); text-decoration-color: var(--pink); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.imza .prose li::marker { color: var(--pink); }

/* Favoriler / boş durumlar / 404 */
.imza .empty-state__icon, .imza .empty__icon { background: var(--paper) !important; color: var(--pink); }
.imza .eyebrow { border-radius: 999px; background: var(--paper); color: var(--ink); font-weight: 800; }

/* Mağaza: tek ürünlü kategori (Setler) boş görünmesin */
@media (max-width: 699px) { .imza .products-grid > li:only-child { grid-column: 1 / -1; } }

/* Sipariş takibi kartı */
.imza .track-form, .imza .lookup-card { border-radius: 24px; background: var(--paper); box-shadow: none; }

/* Mobil menü (sağdan açılan çekmece) */
.imza .drawer--menu .drawer__panel { border-radius: 26px 0 0 26px; top: 0; bottom: 0; right: 0; width: min(420px, 92vw); }
.imza .drawer--menu .drawer__head { padding: 16px 18px; border-bottom: 1.5px solid var(--line); }
.imza .drawer--menu .drawer__head .logo { color: var(--pink); }
.imza .drawer--menu .drawer__head .logo svg { width: 96px; height: auto; }
.imza .menu-login { border-radius: 22px; background: var(--ink); color: #fff; }
.imza .menu-login__title { color: #fff; font-family: var(--font-display); font-stretch: 90%; font-size: 1.35rem; }
.imza .menu-login .btn { --btn-bg: #fff; --btn-fg: var(--ink); }
.imza .menu-user { border-radius: 20px; background: var(--paper); }
.imza .menu-label { margin: 22px 4px 10px; }
.menu-renk { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.menu-renk a { display: grid; grid-template-columns: 62px 1fr auto; align-items: center; gap: 12px; padding: 8px 12px 8px 8px; border-radius: 18px; background: var(--paper); color: var(--ink); text-decoration: none; }
.menu-renk a:hover { background: var(--pink-tint); }
.menu-renk__gorsel { display: block; width: 62px; height: 62px; border-radius: 14px; overflow: hidden; }
.menu-renk__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.menu-renk__yazi { display: grid; gap: 2px; min-width: 0; }
.menu-renk__yazi b { font: 800 1.2rem/1.1 var(--font-display); font-stretch: 90%; }
.menu-renk__yazi small { color: var(--muted); font-size: .84rem; font-weight: 700; }
.menu-renk__fiyat { font-weight: 800; white-space: nowrap; }
.menu-renk__hepsi { width: 100%; justify-content: space-between; margin-top: 10px; }
.imza .menu-links a { border-radius: 14px; font-weight: 800; }
.imza .menu-links .icon { color: var(--pink); }
/* Renk çipleri satırı (yapışık çubuğun altında, kaydırınca yukarıda kalır) */
.ust__cipler { background: #fff; border-bottom: 1px solid var(--line); }

/* Eski açık pembe zemin (Spormo) her yerde kağıt rengine döner; pembe yalnız vurgu olarak kalır */
:root { --pink-tint: #f4f1ee; }
.imza .woocommerce-checkout #payment ul.payment_methods li { background: #fff; box-shadow: inset 0 0 0 1.5px var(--line); }
.imza .woo-page__head p { background: var(--ink); color: #fff; }
.imza .woocommerce a.remove { background: var(--paper); color: var(--ink) !important; }
.imza .woocommerce a.remove:hover { background: var(--pink); color: #fff !important; }
.imza .woocommerce .quantity { background: var(--paper); }
.imza .woocommerce form .form-row input.input-text:focus, .imza .woocommerce form .form-row textarea:focus { border-color: var(--ink); box-shadow: 0 0 0 3px rgba(20, 16, 17, .08); }
/* İletişim kartları */
.imza .contact-cards a { background: var(--paper); box-shadow: none; transition: background .2s; }
.imza .contact-cards a:hover { background: var(--ink); color: #fff; }
.imza .contact-cards a:hover span { color: rgba(255, 255, 255, .75); }
.imza .contact-cards .why__icon { background: #fff; }

/* Tablet (700–1023 px): kaydırmalı raflar daha küçük kartlarla, hero iki sütun */
@media (min-width: 700px) and (max-width: 1023px) {
	.karakter__liste { grid-auto-columns: 44%; }
	.pasaport__liste { grid-auto-columns: 40%; }
	.imza .video-rail { grid-auto-columns: 30%; }
	.nerede__izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.nerede__kart:first-child { grid-column: span 3; aspect-ratio: 16 / 8; }
	.setkur__ic { grid-template-columns: 1fr 1fr; }
	.studyo__ic { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }
	.studyo__yazi { display: flex; flex-direction: column; padding-block: 30px; }
	.studyo__sahne { margin: 0; }
	.studyo__renkler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.imza .products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}