/* Roltek Pricing — Teklif Al ön yüz stilleri
   Tema (seeed_theme) token'larına yaslanır; tema yoksa yedek değerler devreye girer. */

.rp-quote {
	--rp-brand:       var(--color-brand, #8fc31f);
	--rp-brand-hover: var(--color-brand-hover, #7aaa18);
	--rp-border:      var(--zinc-200, #e4e4e7);
	--rp-muted:       var(--zinc-500, #71717a);
	--rp-text:        var(--zinc-800, #27272a);
	--rp-radius:      var(--r-xl, 14px);

	margin: 24px 0;
	padding: 24px;
	border: 1px solid var(--rp-border);
	border-radius: var(--rp-radius);
	background: #fff;
	box-shadow: var(--sh-card, 0 2px 8px rgba(0, 0, 0, 0.07));
	font-family: var(--font, inherit);
	color: var(--rp-text);
}

.rp-quote__lead {
	margin: 0 0 6px;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -0.2px;
	color: var(--zinc-900, #18181b);
}

.rp-quote__reason {
	margin: 0 0 18px;
	font-size: 13px;
	line-height: 1.6;
	color: var(--rp-muted);
}

.rp-quote__form {
	margin-top: 18px;
}

.rp-quote__row {
	margin: 0 0 14px;
}

.rp-quote__row label {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 700;
	color: var(--zinc-700, #3f3f46);
}

.rp-quote__row label span[aria-hidden] {
	color: var(--color-danger, #dc2626);
}

.rp-quote__row input[type="text"],
.rp-quote__row input[type="email"],
.rp-quote__row input[type="tel"],
.rp-quote__row input[type="number"],
.rp-quote__row textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 10px 14px;
	border: 1.5px solid var(--rp-border);
	border-radius: var(--r, 8px);
	background: #fff;
	font-family: inherit;
	font-size: 13px;
	color: var(--rp-text);
	line-height: 1.5;
	outline: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.rp-quote__row input::placeholder,
.rp-quote__row textarea::placeholder {
	color: var(--zinc-400, #a1a1aa);
}

.rp-quote__row input:focus,
.rp-quote__row textarea:focus {
	border-color: var(--rp-brand);
	box-shadow: 0 0 0 3px rgba(143, 195, 31, 0.15);
}

.rp-quote__row textarea {
	resize: vertical;
	min-height: 96px;
	line-height: 1.6;
}

.rp-quote__row--check {
	margin-top: 4px;
	padding: 12px 14px;
	border: 1px solid var(--rp-border);
	border-radius: var(--r, 8px);
	background: var(--zinc-50, #fafafa);
}

.rp-quote__row--check label {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin: 0;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.6;
	color: var(--rp-muted);
	cursor: pointer;
}

.rp-quote__row--check input {
	margin-top: 2px;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	accent-color: var(--rp-brand);
	cursor: pointer;
}

.rp-quote__submit,
.rp-quote .button.alt.rp-quote__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 16px;
	padding: 12px 24px;
	border: 1.5px solid var(--rp-brand);
	border-radius: 999px;
	background: var(--rp-brand);
	color: #fff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.rp-quote__submit:hover,
.rp-quote .button.alt.rp-quote__submit:hover {
	background: var(--rp-brand-hover);
	border-color: var(--rp-brand-hover);
	color: #fff;
}

.rp-quote__submit:disabled {
	opacity: 0.6;
	cursor: default;
}

/* Honeypot — ekran dışında, ekran okuyucudan da gizli. */
.rp-quote__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.rp-quote__feedback {
	margin: 12px 0 0;
	font-size: 13px;
	line-height: 1.5;
}

.rp-quote__feedback:empty {
	margin: 0;
}

.rp-quote__feedback.is-error {
	color: #b32d2e;
}

.rp-quote__feedback.is-success {
	color: #1e7b34;
	font-weight: 600;
}

/* Fiyat yerine geçen etiket — arşiv kartı ve tekil sayfa */
.rp-quote-price {
	font-weight: 600;
	opacity: 0.85;
}

.rp-quote-button {
	white-space: nowrap;
}

/* ============================================================
   SATIN ALMA KUTUSU — stok rozeti + sepete ekle + teklif CTA'sı
   ------------------------------------------------------------
   Üç parça ayrı ayrı hook'lardan basılıyor; buradaki iş onları tek bir
   blok gibi hizalamak: aynı genişlikte düğmeler, tek dikey ritim ve
   sepet satırı ile teklif satırı arasında tek bir ayırıcı.
   ============================================================ */
.rp-buybox {
	--rp-brand:       var(--color-brand, #8fc31f);
	--rp-brand-hover: var(--color-brand-hover, #7aaa18);
	--rp-brand-bg:    var(--color-brand-bg, #f4fbe6);
	--rp-border:      var(--zinc-200, #e4e4e7);
	--rp-muted:       var(--zinc-500, #71717a);

	margin: 20px 0 24px;
}

.rp-buybox .stock {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 600;
}

/* Basit ürünün sepet satırı: adet solda sabit, düğme kalan genişliği alır.
   Varyasyonlu üründe form varyasyon tablosunu da taşıdığı için dokunulmaz —
   orada aynı hizalamayı tema `.woocommerce-variation-add-to-cart` üzerinden
   zaten kuruyor. */
.rp-buybox form.cart:not(.variations_form) {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin: 0;
}

.rp-buybox form.cart:not(.variations_form) .quantity {
	flex: 0 0 auto;
	margin: 0;
}

.rp-buybox form.cart:not(.variations_form) .single_add_to_cart_button {
	flex: 1 1 200px;
	margin: 0;
}

/* ============================================================
   TEKLİF LİSTESİ — ürün sayfası CTA'sı
   ============================================================ */
.rp-quote-list-cta {
	--rp-brand:       var(--color-brand, #8fc31f);
	--rp-brand-hover: var(--color-brand-hover, #7aaa18);
	--rp-brand-bg:    var(--color-brand-bg, #f4fbe6);
	--rp-border:      var(--zinc-200, #e4e4e7);
	--rp-muted:       var(--zinc-500, #71717a);

	margin: 0;
}

/* Ayırıcı yalnızca üstünde gerçekten bir sepet satırı varken anlamlı. */
.rp-buybox--cart .rp-quote-list-cta {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--rp-border);
}

/* Fiyat kutusunun içindeyken (Teklif Al ürünü) kutunun kendi çerçevesi var. */
.rp-quote .rp-quote-list-cta {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--rp-border);
}

.rp-quote-list-cta__row {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

/* Sepete-ekle BİRİNCİL düğme; bu İKİNCİL olmalı — aynı boy ve köşe, farklı
   ağırlık. Tema `.button` sınıfını !important ile boyadığı için o sınıf
   kullanılmıyor, düğme tamamen burada tanımlanıyor. */
.rp-quote-list-cta__btn {
	flex: 1 1 200px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	min-height: 40px;
	padding: 10px 22px;
	border: 1.5px solid var(--rp-brand);
	border-radius: var(--r-full, 999px);
	background: #fff;
	color: var(--rp-brand-hover);
	font-family: var(--font, inherit);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.rp-quote-list-cta__btn:hover {
	background: var(--rp-brand-bg);
}

.rp-quote-list-cta__btn:focus-visible {
	outline: 2px solid var(--rp-brand);
	outline-offset: 2px;
}

/* seeed-wishlist de `.seeed-ql-btn.is-active` tanımlıyor ve aynı özgüllükte;
   yükleme sırasına bağlı kalmamak için sarmalayıcıyla bir basamak yukarı. */
.rp-quote-list-cta .rp-quote-list-cta__btn.is-active {
	background: var(--rp-brand-bg);
	border-color: var(--rp-brand);
	color: var(--rp-brand-hover);
}

.rp-quote-list-cta__btn.is-loading {
	opacity: 0.6;
	pointer-events: none;
}

/* Düğme metni listedeki duruma göre değişir; iki etiket de basılır,
   biri gizlenir — AJAX sonrası sınıf değişimi yeterli olsun diye. */
.rp-quote-list-cta__btn .rp-quote-list-cta__added,
.rp-quote-list-cta__btn.is-active .rp-quote-list-cta__add {
	display: none;
}

.rp-quote-list-cta__btn.is-active .rp-quote-list-cta__added {
	display: inline;
}

/* ── Adet kutusu (yalnızca sepet formu olmayan Teklif Al ürününde) ── */
.rp-ql-qty {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	height: 40px;
	border: 1.5px solid var(--rp-border);
	border-radius: var(--r-full, 999px);
	background: #fff;
	overflow: hidden;
}

.rp-ql-qty__btn {
	width: 34px;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--zinc-700, #3f3f46);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.rp-ql-qty__btn:hover {
	background: var(--zinc-100, #f4f4f5);
	color: var(--rp-brand-hover);
}

.rp-ql-qty__input {
	width: 40px;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: var(--zinc-900, #18181b);
	outline: none;
	-moz-appearance: textfield;
	appearance: textfield;
}

.rp-ql-qty__input::-webkit-outer-spin-button,
.rp-ql-qty__input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* ── İpucu satırı ── */
.rp-quote-list-cta__hint {
	margin: 10px 0 0;
	font-size: 12.5px;
	line-height: 1.5;
	color: var(--rp-muted);
}

.rp-quote-list-cta__link {
	text-decoration: underline;
	white-space: nowrap;
}

/* Ürün listede değilken "listeyi aç" bağlantısı gürültü yapıyor. */
.rp-quote-list-cta:not(.is-active) .rp-quote-list-cta__link {
	display: none;
}

/* ============================================================
   TEKLİF LİSTESİ — çok kalemli form
   ============================================================ */
.rp-quote--list {
	margin-top: 28px;
}

.rp-quote__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 16px;
}

.rp-quote__grid .rp-quote__row {
	margin-bottom: 14px;
}

@media (max-width: 600px) {
	.rp-quote {
		padding: 18px;
	}
	.rp-quote__grid {
		grid-template-columns: 1fr;
	}
	/* Dar ekranda düğme tam satır; adet kutusu yanında kalır. */
	.rp-quote-list-cta__btn,
	.rp-buybox form.cart:not(.variations_form) .single_add_to_cart_button {
		flex: 1 1 140px;
	}
}

.rp-quote--list .rp-quote__submit {
	width: 100%;
}

/* Teklif listesi — giriş gerekli kutusu (1.5.0). */
.rp-quote--login .rp-quote__actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }