/* Etik Bakkal Çekirdek — site geneli düğme görünümü.
 *
 * Temanın düğmeleri köşeli, BÜYÜK HARFLİ ve aralıklı harfliydi. Burada yalnızca biçim
 * değişir (köşe, harf, kalınlık, çerçeve, yükseklik); renkler temanın kendi renkleridir.
 * Simge düğmeleri (yuvarlak kalp, sosyal medya, arama) ve bağlantı görünümlü düğmeler hariç.
 */

:root {
	--etik-btn-radius: 10px;
	--etik-btn-radius-sm: 8px;
	--etik-green: var(--fs-color-primary, #5b8c01);
	--etik-orange: var(--fs-color-secondary, #f58300);
}

/* Temel biçim */

body .button:not(.is-link):not(.is-underline):not(.is-form):not(.circle),
body input[type="submit"]:not(.is-form),
body button[type="submit"]:not(.icon):not(.is-link):not(.is-form),
body .mailpoet_submit {
	/* !important: alt temanın mobil kuralları bütün düğmelere 4px köşeyi !important ile veriyor. */
	border-radius: var(--etik-btn-radius) !important;
	font-weight: 600;
	letter-spacing: 0;
	text-shadow: none;
	text-transform: none;
	transition: background-color 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s, opacity 0.15s;
}

body .button.is-small:not(.circle),
body .button.is-smaller:not(.circle),
body .button.is-xsmall:not(.circle) {
	border-radius: var(--etik-btn-radius-sm) !important;
}

/* Mobilde alt tema düğmelere sabit iç boşluk veriyor; temanın yüksek satır aralığıyla birleşince
   düğmeler 56px'e çıkıyordu. Satır aralığı düşürülünce 44px'te kalır. */
@media (max-width: 849px) {
	body .button:not(.is-link):not(.is-underline):not(.is-form):not(.circle):not(.icon),
	body input[type="submit"]:not(.is-form) {
		line-height: 1.5 !important;
	}
}

/* Normal boy düğmelerde en az 44px dokunma alanı. */
body .button:not(.is-link):not(.is-underline):not(.is-form):not(.circle):not(.icon):not(.is-small):not(.is-smaller):not(.is-xsmall),
body input[type="submit"]:not(.is-form):not(.is-small) {
	min-height: 44px;
}

/* Çerçeveli düğmeler: ince çerçeve. */
body .button.is-outline:not(.circle) {
	border-width: 1px;
}

body .button:not(.is-link):not(.is-underline):focus-visible,
body input[type="submit"]:focus-visible {
	outline: 2px solid var(--etik-green);
	outline-offset: 2px;
}

body .button.disabled,
body .button:disabled,
body .button[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Yuvarlak simge düğmeleri (favori kalbi, sosyal medya): alt temanın mobil kuralı bunları da
   köşeli ve geniş yapıyordu; yuvarlak ve 44px dokunma alanında kalsınlar. */
body .button.icon.circle {
	border-radius: 99px !important;
}

@media (max-width: 849px) {
	body .button.icon.circle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		min-width: 44px;
		height: 44px;
		padding: 0 !important;
		line-height: 1 !important;
	}

	body .button.icon.circle > i {
		margin: 0;
		top: 0;
	}
}

/* Ürün kartlarındaki "Sepete Ekle": turuncu çerçeveli, tek satır, kart genişliğinde. */

body .product-small .add-to-cart-button {
	margin-top: 8px;
}

body .product-small .add-to-cart-button .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 38px;
	margin: 0;
	padding: 6px 8px;
	border: 1px solid var(--etik-orange);
	background-color: #fff;
	color: var(--etik-orange);
	font-size: 13px;
	line-height: 1.2;
	white-space: nowrap;
}

body .product-small .add-to-cart-button .button:hover {
	border-color: var(--etik-orange);
	background-color: var(--etik-orange);
	box-shadow: none;
	color: #fff;
}

/* Adet seçici (ürün sayfası ve diğer yerler): tek parça kutu. */

body .quantity.buttons_added {
	display: inline-flex;
	align-items: stretch;
	height: 44px;
	overflow: hidden;
	border: 1px solid #cfd3c9;
	border-radius: var(--etik-btn-radius);
	background: #fff;
	opacity: 1;
}

body .quantity.buttons_added .button.is-form {
	flex: 0 0 40px;
	width: 40px;
	height: 100%;
	min-height: 0 !important;
	margin: 0;
	padding: 0 !important;
	border: 0;
	border-radius: 0 !important;
	background: #f4f5f1;
	box-shadow: none;
	color: #2a2a2a;
	font-size: 18px !important;
	font-weight: 500;
	line-height: 1;
	text-shadow: none;
}

body .quantity.buttons_added .button.is-form:hover {
	background: #eef4e1;
	box-shadow: none;
	color: var(--etik-green);
}

body .quantity.buttons_added .qty {
	flex: 0 0 44px;
	width: 44px;
	max-width: none;
	height: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-right: 1px solid #e3e6de;
	border-left: 1px solid #e3e6de;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	color: #1f1f1f;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}

body .quantity.buttons_added .qty::-webkit-outer-spin-button,
body .quantity.buttons_added .qty::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

/* Ürün sayfası: adet kutusu ile "Sepete Ekle" aynı yükseklikte, yan yana; düğme kalan yeri doldurur. */
body.single-product form.cart:not(.variations_form):not(.grouped_form),
body.single-product .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

body.single-product form.cart .quantity.buttons_added {
	flex: 0 0 auto;
	margin: 0;
}

body.single-product form.cart .single_add_to_cart_button {
	flex: 1 1 120px;
	min-width: 0;
	max-width: 320px;
	margin: 0;
}

@media (prefers-reduced-motion: reduce) {
	body .button,
	body input[type="submit"] {
		transition: none;
	}
}