/* ==========================================================================
   Nöbetçi Nümismat — woocommerce.css
   WooCommerce'in kendi stillerinin üzerine marka katmanı.
   1. Genel düğme/bildirim  2. Mağaza düzeni  3. Ürün kartı  4. Ürün sayfası
   5. Sepet ve ödeme  6. Hesabım
   ========================================================================== */

/* 1. Düğmeler ve bildirimler --------------------------------------------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .wc-block-components-button:not(.is-link) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	background: var(--nn-navy);
	color: var(--nn-cream);
	border: 0;
	border-radius: var(--nn-radius);
	font-family: var(--nn-font-body);
	font-size: var(--nn-step-0);
	font-weight: 500;
	line-height: 1.1;
	text-decoration: none;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, .wc-block-components-button:not(.is-link):hover {
	background: var(--nn-navy-soft);
	color: #fff;
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #payment #place_order, .wc-block-components-checkout-place-order-button {
	background: var(--nn-gold);
	color: var(--nn-navy-deep);
	font-weight: 700;
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce #payment #place_order:hover {
	background: var(--nn-gold-light);
	color: var(--nn-navy-deep);
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	background: var(--nn-line);
	color: var(--nn-ink-soft);
}

.woocommerce-message, .woocommerce-info, .woocommerce-error,
.woocommerce-noreviews, p.no-comments {
	background: var(--nn-paper);
	color: var(--nn-ink);
	border: 1px solid var(--nn-line);
	border-left: 4px solid var(--nn-navy);
	border-radius: var(--nn-radius);
	padding: var(--nn-s2) var(--nn-s3);
	margin: 0 0 var(--nn-s3);
	list-style: none;
}
.woocommerce-message { border-left-color: var(--nn-success); }
.woocommerce-error { border-left-color: var(--nn-error); }
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { display: none; }
.woocommerce-message .button, .woocommerce-info .button { float: none; margin: var(--nn-s1) 0 0; display: inline-flex; }
@media (min-width: 640px) {
	.woocommerce-message .button, .woocommerce-info .button { float: right; margin: -8px 0 0 var(--nn-s2); }
}

.woocommerce .star-rating span::before, .woocommerce p.stars a { color: var(--nn-gold); }

.woocommerce span.onsale {
	top: 10px;
	left: 10px;
	right: auto;
	min-width: 56px;
	min-height: 56px;
	line-height: 56px;
	padding: 0 6px;
	margin: 0;
	border-radius: 50%;
	background: repeating-conic-gradient(var(--nn-gold) 0 4deg, var(--nn-bronze) 4deg 8deg);
	color: var(--nn-navy-deep);
	font-size: 0.78rem;
	font-weight: 700;
	box-shadow: inset 0 0 0 4px var(--nn-gold);
}

/* 2. Mağaza düzeni ------------------------------------------------------- */
.woocommerce-products-header { margin-bottom: var(--nn-s2); }
.woocommerce-products-header__title { font-size: var(--nn-step-3); }
.term-description { max-width: 70ch; color: var(--nn-ink-soft); font-size: var(--nn-step-0); }

.woocommerce .woocommerce-result-count { margin: 0; color: var(--nn-ink-soft); font-size: var(--nn-step--1); }
.woocommerce .woocommerce-ordering { margin: 0; }
.woocommerce .woocommerce-ordering select { min-width: 220px; }
.woocommerce-notices-wrapper + .woocommerce-result-count,
.nn-shop .woocommerce-result-count { float: none; }
.nn-shop .woocommerce-ordering { float: none; }
.nn-shop ul.products { clear: both; }

/* Sonuç sayısı / filtre / sıralama satırı */
.nn-shop .woocommerce-result-count,
.nn-shop .nn-filter-toggle,
.nn-shop .woocommerce-ordering { display: inline-flex; align-items: center; vertical-align: middle; margin: 0 var(--nn-s2) var(--nn-s3) 0; }
.nn-filter-toggle { min-height: 44px; font-size: var(--nn-step--1); }

.nn-shop__layout { display: block; }
.nn-shop__sidebar { display: none; }
.nn-shop__sidebar.is-open { display: block; margin-bottom: var(--nn-s4); padding: var(--nn-s3); background: var(--nn-paper); border: 1px solid var(--nn-line); border-radius: var(--nn-radius); }
@media (min-width: 1024px) {
	.nn-shop__layout { display: grid; grid-template-columns: 260px 1fr; gap: var(--nn-s6); align-items: start; }
	.nn-shop__sidebar { display: block; position: sticky; top: calc(var(--nn-header-h) + 24px); }
	.nn-filter-toggle { display: none !important; }
}
.nn-widget + .nn-widget { margin-top: var(--nn-s4); }
.nn-widget__title { font-size: var(--nn-step-1); }
.nn-widget ul { list-style: none; margin: 0; padding: 0; }
.nn-widget li a { display: inline-flex; min-height: 40px; align-items: center; text-decoration: none; }

/* Ürün ızgarası: float yerine grid; banknotlar geniş olduğundan görsel "contain" */
.woocommerce ul.products, .woocommerce-page ul.products {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--nn-s3) var(--nn-s2);
	margin: 0 0 var(--nn-s4);
	padding: 0;
}
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
@media (min-width: 768px) {
	.woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--nn-s4) var(--nn-s3); }
}
@media (min-width: 1200px) {
	.woocommerce ul.products.columns-4, .nn-shop:not(.nn-shop--with-sidebar) ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* 3. Ürün kartı ---------------------------------------------------------- */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	clear: none !important;
	display: flex;
	flex-direction: column;
	background: var(--nn-paper);
	border: 1px solid var(--nn-line);
	border-radius: var(--nn-radius);
	padding: var(--nn-s1) var(--nn-s1) var(--nn-s2);
	position: relative;
	transition: border-color 0.18s var(--nn-ease), box-shadow 0.18s var(--nn-ease);
}
.woocommerce ul.products li.product:hover { border-color: #CDBF92; box-shadow: var(--nn-shadow); }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { text-decoration: none; color: inherit; display: flex; flex-direction: column; flex: 1; }
.woocommerce ul.products li.product a img {
	aspect-ratio: 1 / 1;
	width: 100%;
	object-fit: contain;
	background: var(--nn-parchment);
	border-radius: 4px;
	margin: 0 0 var(--nn-s2);
	padding: 8px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--nn-font-display);
	font-size: var(--nn-step-0);
	line-height: 1.3;
	color: var(--nn-navy);
	padding: 0 6px;
	margin: 0 0 var(--nn-s1);
}
.woocommerce ul.products li.product .price {
	color: var(--nn-bronze);
	font-weight: 700;
	font-size: var(--nn-step-0);
	padding: 0 6px;
	margin: 0 0 var(--nn-s2);
	margin-top: auto;
}
.woocommerce ul.products li.product .price del { color: var(--nn-ink-soft); font-weight: 400; opacity: 1; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce ul.products li.product .button {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.2;
	margin: 0 6px;
	width: calc(100% - 12px);
	font-size: var(--nn-step--1);
	min-height: 44px;
	padding: 0 10px;
}
.woocommerce ul.products li.product .added_to_cart { display: block; text-align: center; margin-top: 6px; font-size: var(--nn-step--1); min-height: 32px; }
@media (max-width: 479px) {
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1rem; }
}

/* 4. Ürün sayfası -------------------------------------------------------- */
.woocommerce div.product { display: grid; gap: var(--nn-s4); }
.woocommerce div.product::before, .woocommerce div.product::after { display: none; }
.woocommerce div.product div.images, .woocommerce div.product div.summary,
.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { float: none; width: auto; margin: 0; }
.woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells { grid-column: 1 / -1; }
@media (min-width: 900px) {
	.woocommerce div.product { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: var(--nn-s8); align-items: start; }
	.woocommerce div.product div.summary { position: sticky; top: calc(var(--nn-header-h) + 24px); }
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { background: var(--nn-parchment); border-radius: var(--nn-radius); }
.woocommerce div.product div.images img { object-fit: contain; }
.woocommerce div.product div.images .flex-control-thumbs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 8px; }
.woocommerce div.product div.images .flex-control-thumbs li { width: auto; float: none; }
.woocommerce div.product div.images .flex-control-thumbs img { border-radius: 4px; border: 1px solid var(--nn-line); background: var(--nn-paper); opacity: 0.7; }
.woocommerce div.product div.images .flex-control-thumbs img.flex-active, .woocommerce div.product div.images .flex-control-thumbs img:hover { opacity: 1; border-color: var(--nn-gold); }

.woocommerce div.product .product_title { font-size: var(--nn-step-3); margin-bottom: var(--nn-s2); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--nn-bronze); font-size: var(--nn-step-2); font-weight: 700; margin-bottom: var(--nn-s3); }
.woocommerce div.product .woocommerce-product-details__short-description { color: var(--nn-ink-soft); margin-bottom: var(--nn-s3); }
.woocommerce div.product .stock { color: var(--nn-success); font-weight: 500; }
.woocommerce div.product .stock.out-of-stock { color: var(--nn-error); }
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; gap: var(--nn-s1); margin-bottom: var(--nn-s3); }
.woocommerce div.product form.cart::before, .woocommerce div.product form.cart::after { display: none; }
.woocommerce div.product form.cart div.quantity { float: none; margin: 0; }
.woocommerce .quantity .qty { width: 5em; min-height: 48px; text-align: center; }
.woocommerce div.product form.cart .button { float: none; flex: 1; min-width: 200px; background: var(--nn-gold); color: var(--nn-navy-deep); font-weight: 700; }
.woocommerce div.product form.cart .button:hover { background: var(--nn-gold-light); color: var(--nn-navy-deep); }
.woocommerce div.product .product_meta { font-size: var(--nn-step--1); color: var(--nn-ink-soft); border-top: 1px solid var(--nn-line); padding-top: var(--nn-s2); margin-top: var(--nn-s3); }
.woocommerce div.product .product_meta > span { display: block; margin-bottom: 4px; }

.nn-trust--product { grid-template-columns: 1fr !important; gap: var(--nn-s2) !important; padding: var(--nn-s3); background: var(--nn-paper); border: 1px solid var(--nn-line); border-radius: var(--nn-radius); margin: var(--nn-s2) 0; }
.nn-trust--product strong { font-size: var(--nn-step-0); }
.nn-trust--product span { font-size: var(--nn-step--1); }

.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 var(--nn-s3); display: flex; gap: var(--nn-s1); overflow-x: auto; border-bottom: 1px solid var(--nn-line); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after,
.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 { background: none; border: 0; border-radius: 0; margin: 0; padding: 0; flex: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 var(--nn-s2); color: var(--nn-ink-soft); font-weight: 500; border-bottom: 3px solid transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--nn-navy); border-bottom-color: var(--nn-gold); }
.woocommerce div.product .woocommerce-tabs .panel { max-width: 75ch; }
.woocommerce table.shop_attributes { border-color: var(--nn-line); }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { border-color: var(--nn-line); padding: 12px; font-style: normal; }
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background: var(--nn-parchment); }

.woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2 { font-size: var(--nn-step-2); margin-top: var(--nn-s6); }

/* 5. Sepet ve ödeme ------------------------------------------------------ */
.woocommerce table.shop_table { border: 1px solid var(--nn-line); border-radius: var(--nn-radius); background: var(--nn-paper); border-collapse: separate; }
.woocommerce table.shop_table th { font-family: var(--nn-font-display); font-weight: 400; color: var(--nn-navy); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-color: var(--nn-line); padding: 14px 12px; }
.woocommerce-cart table.cart img { width: 72px; background: var(--nn-parchment); border-radius: 4px; }
.woocommerce a.remove { color: var(--nn-error) !important; width: 32px; height: 32px; line-height: 30px; font-size: 1.4rem; }
.woocommerce a.remove:hover { background: var(--nn-error); color: #fff !important; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; }
@media (min-width: 900px) { .woocommerce .cart-collaterals .cart_totals { width: 44%; } }
.woocommerce .cart_totals h2 { font-size: var(--nn-step-2); }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { font-size: var(--nn-step-1); min-height: 56px; }

.woocommerce form .form-row { padding: 0; margin: 0 0 var(--nn-s2); }
.woocommerce form .form-row label { margin-bottom: 6px; display: block; }
.woocommerce form .form-row .required { color: var(--nn-error); text-decoration: none; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { border-color: #CDBF92; }
.woocommerce form .form-row.woocommerce-invalid input.input-text { border-color: var(--nn-error); }
.select2-container--default .select2-selection--single { min-height: 48px; border-color: #CDBF92; border-radius: var(--nn-radius); background: var(--nn-paper); }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-left: 14px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; }

.woocommerce-checkout h3 { font-size: var(--nn-step-1); margin-top: var(--nn-s3); }
.woocommerce #payment, .woocommerce-checkout #payment { background: var(--nn-paper); border: 1px solid var(--nn-line); border-radius: var(--nn-radius); }
.woocommerce-checkout #payment div.payment_box { background: var(--nn-parchment); color: var(--nn-ink); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--nn-parchment); }
.woocommerce #payment #place_order { width: 100%; min-height: 56px; font-size: var(--nn-step-1); float: none; }
@media (max-width: 767px) {
	.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { float: none; width: 100%; }
}

/* 6. Hesabım ------------------------------------------------------------- */
.woocommerce-account .woocommerce { display: grid; gap: var(--nn-s4); }
@media (min-width: 900px) { .woocommerce-account.logged-in .woocommerce { grid-template-columns: 240px 1fr; } }
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border: 1px solid var(--nn-line); border-radius: var(--nn-radius); background: var(--nn-paper); overflow: hidden; }
.woocommerce-MyAccount-navigation li + li { border-top: 1px solid var(--nn-line); }
.woocommerce-MyAccount-navigation a { display: flex; align-items: center; min-height: 48px; padding: 0 var(--nn-s2); text-decoration: none; color: var(--nn-ink); }
.woocommerce-MyAccount-navigation .is-active a { background: var(--nn-navy); color: var(--nn-cream); }
.woocommerce form.login, .woocommerce form.register, .woocommerce form.checkout_coupon, .woocommerce form.lost_reset_password {
	border: 1px solid var(--nn-line);
	border-radius: var(--nn-radius);
	background: var(--nn-paper);
	padding: var(--nn-s3);
	margin: 0 0 var(--nn-s3);
}

/* Blok tabanlı sepet/ödeme (WooCommerce 8+ varsayılanı) */
.wc-block-components-title, .wc-block-cart__totals-title { font-family: var(--nn-font-display) !important; color: var(--nn-navy); }
.wc-block-components-text-input input, .wc-block-components-combobox .wc-block-components-combobox-control input { border-color: #CDBF92 !important; border-radius: var(--nn-radius) !important; background: var(--nn-paper) !important; }
.wc-block-components-product-name { color: var(--nn-navy); font-family: var(--nn-font-display); }