/* Evim Taksit — Woo/Woodmart izolasyonu + site container hizası */

body.evtk-commerce,
body.evtk-commerce .evtk,
body.evtk-commerce .evtk-shell,
.evtk-co-form,
.evtk-acc {
	--evtk-accent: var(--wd-primary-color, #2e7d32);
	--evtk-accent-soft: color-mix(in srgb, var(--wd-primary-color, #2e7d32) 14%, #fff);
	--evtk-ink: var(--wd-title-color, var(--color-gray-900, #242424));
	--evtk-muted: var(--wd-text-color, var(--color-gray-500, #767676));
	--evtk-line: var(--brdcolor-gray-300, #e2e8f0);
	--evtk-radius: var(--wd-brd-radius, 0);
	--evtk-radius-form: var(--wd-form-brd-radius, var(--wd-brd-radius, 0));
	--evtk-font: var(--wd-text-font, inherit);
	--evtk-font-title: var(--wd-title-font, var(--wd-text-font, inherit));
	--evtk-font-size: var(--wd-text-font-size, 14px);
	--evtk-bg: var(--wd-main-bgcolor, #fff);
}

body.evtk-commerce .evtk,
body.evtk-commerce .evtk-shell,
.evtk-co-form,
.evtk-acc {
	font-family: var(--evtk-font);
	font-size: var(--evtk-font-size);
	font-weight: var(--wd-text-font-weight, 400);
	font-style: var(--wd-text-font-style, normal);
	line-height: var(--wd-text-line-height, 1.6);
	color: var(--evtk-ink);
}

body.evtk-commerce .evtk-co-title,
body.evtk-commerce .evtk-co-h,
body.evtk-commerce .evtk-acc-recent h2,
body.evtk-commerce .evtk-acc-plan h2,
body.evtk-commerce .evtk-acc-notes h2,
.evtk-co-title,
.evtk-co-h {
	font-family: var(--evtk-font-title);
	font-weight: var(--wd-title-font-weight, 700);
	font-style: var(--wd-title-font-style, normal);
	color: var(--wd-title-color, var(--evtk-ink));
	text-transform: var(--wd-title-transform, none);
}

body.evtk-commerce .wd-checkout-steps,
body.evtk-commerce .wd-checkout-steps-wrapp,
body.evtk-commerce .wd-page-title,
body.evtk-commerce .page-title,
body.evtk-commerce .title-wrapper:not(.evtk-co-title),
body.evtk-commerce .woocommerce-form-coupon-toggle,
body.evtk-commerce .woocommerce-form-login-toggle,
body.evtk-commerce .cross-sells,
body.evtk-commerce .wd-cart-action-row,
body.evtk-commerce .customer-details,
body.evtk-commerce #order_review_heading {
	display: none !important;
}

body.evtk-commerce .wd-content-layout,
body.evtk-commerce .content-layout,
body.evtk-commerce .wd-page-content {
	padding-block: 24px 56px;
}

body.evtk-commerce .site-content,
body.evtk-commerce .wd-content-area,
body.evtk-commerce .wd-page-content > .container,
body.evtk-commerce .woocommerce {
	max-width: none !important;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.evtk-shell {
	width: min(100%, var(--wd-container-w, 1274px));
	margin-inline: auto;
	padding-inline: 15px;
	box-sizing: border-box;
}

.evtk-shell,
.evtk-shell *,
body.evtk-commerce .evtk,
body.evtk-commerce .evtk * {
	box-sizing: border-box;
}

.evtk-shell .btn,
.evtk-shell .btn *,
.evtk-shell .evtk-co-btn,
.evtk-shell .evtk-co-btn *,
body.evtk-commerce .evtk .btn,
body.evtk-commerce .evtk .btn *,
body.evtk-commerce .evtk .evtk-co-btn,
body.evtk-commerce .evtk .evtk-co-btn * {
	text-transform: var(--btn-transform, none) !important;
}

body.evtk-commerce .evtk svg,
body.evtk-commerce .evtk-shell svg,
body.evtk-commerce .evtk-cart svg,
body.evtk-commerce .evtk-co-btn svg,
body.evtk-commerce .evtk-co-pill svg,
body.evtk-commerce .evtk-co-paycard svg,
body.evtk-commerce .evtk-co-h svg,
body.evtk-commerce .evtk-co-stepn svg {
	width: 16px !important;
	height: 16px !important;
	max-width: 16px !important;
	max-height: 16px !important;
	min-width: 16px !important;
	min-height: 16px !important;
	flex: 0 0 16px !important;
	display: inline-block !important;
	overflow: visible;
	box-sizing: content-box !important;
}

body.evtk-commerce .evtk-acc-ico svg,
body.evtk-commerce .evtk-acc-howto__ico svg,
body.evtk-commerce .evtk-acc-card__ico svg,
body.evtk-commerce .evtk-acc__avatar svg,
body.evtk-commerce .evtk-acc-stat .evtk-acc-ico svg {
	width: 16px !important;
	height: 16px !important;
}

body.evtk-commerce .evtk button:not(.evtk-co-pill):not(.evtk-co-paycard):not(.evtk-co-plan):not(.evtk-co-day):not(.evtk-co-btn),
body.evtk-commerce .evtk [type="button"]:not(.evtk-co-pill):not(.evtk-co-paycard):not(.evtk-co-plan):not(.evtk-co-day):not(.evtk-co-btn),
body.evtk-commerce .evtk [type="submit"]:not(.evtk-co-btn),
body.evtk-commerce .evtk a.button,
body.evtk-commerce .evtk .button,
body.evtk-commerce .evtk-cart button:not(.evtk-co-btn),
body.evtk-commerce .evtk-cart [type="button"]:not(.evtk-co-btn),
body.evtk-commerce .evtk-cart [type="submit"]:not(.evtk-co-btn),
body.evtk-commerce .evtk-cart a.button {
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	box-shadow: none !important;
	background-image: none !important;
	height: auto !important;
}

body.evtk-commerce .evtk input,
body.evtk-commerce .evtk select,
body.evtk-commerce .evtk textarea,
body.evtk-commerce .evtk-cart input,
body.evtk-commerce .evtk-cart select {
	font-family: inherit !important;
	text-transform: none !important;
	box-shadow: none !important;
}

/* ── Cart ─────────────────────────────────────────── */

.evtk-cart {
	color: var(--evtk-ink);
}

.evtk-cart__grid {
	display: grid;
	gap: 24px;
	margin-top: 28px;
}

@media (min-width: 960px) {
	.evtk-cart__grid {
		grid-template-columns: minmax(0, 1fr) 320px;
		align-items: start;
	}

	.evtk-cart__aside {
		position: sticky;
		top: 24px;
	}
}

.evtk-cart__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.evtk-cart__item {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	padding: 16px;
	border: 1px solid var(--evtk-line);
	border-radius: var(--evtk-radius);
	background: #fff;
}

.evtk-cart__item .evtk-extras {
	grid-column: 1 / -1;
	margin: 0;
}

.evtk-cart__thumb {
	width: 72px;
	height: 72px;
	overflow: hidden;
	border-radius: var(--evtk-radius);
	background: #f8fafc;
	border: 1px solid var(--evtk-line);
}

.evtk-cart__thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.evtk-cart__name {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}

.evtk-cart__name a {
	color: inherit;
	text-decoration: none;
}

.evtk-cart__meta {
	margin: 4px 0 0;
	color: var(--evtk-muted);
	font-size: 13px;
}

.evtk-cart__line {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
}

.evtk-cart__price {
	font-size: 15px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.evtk-cart .quantity {
	display: inline-flex !important;
	align-items: stretch;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	border: 1px solid var(--evtk-line);
	border-radius: var(--evtk-radius);
	overflow: hidden;
	background: #fff;
}

.evtk-cart .quantity .minus,
.evtk-cart .quantity .plus,
.evtk-cart .quantity .wd-qty-btn {
	position: static !important;
	width: 36px !important;
	height: 36px !important;
	min-height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #f8fafc !important;
	color: #334155 !important;
	line-height: 36px !important;
}

.evtk-cart .quantity .qty,
.evtk-cart .quantity input.qty {
	width: 44px !important;
	min-width: 44px !important;
	height: 36px !important;
	min-height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-inline: 1px solid var(--evtk-line) !important;
	border-radius: 0 !important;
	background: #fff !important;
	text-align: center;
	font-weight: 700 !important;
}

.evtk-cart__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: var(--evtk-radius);
	color: #94a3b8 !important;
	background: #f8fafc !important;
	text-decoration: none !important;
	font-size: 18px !important;
}

.evtk-cart__remove:hover {
	color: #be123c !important;
	background: #fff1f2 !important;
}

.evtk-cart__actions {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.evtk-cart__aside {
	padding: 20px;
	border: 1px solid var(--evtk-line);
	border-radius: var(--evtk-radius);
	background: #fff;
}

.evtk-cart__aside h2 {
	margin: 0 0 14px;
	font-size: 16px;
}

.evtk-cart__totals {
	margin: 0 0 16px;
}

.evtk-cart__totals div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid #f1f5f9;
	font-size: 14px;
}

.evtk-cart__totals .is-total {
	border-bottom: 0;
	font-weight: 800;
	font-size: 16px;
}

.evtk-cart__hint {
	margin: 0 0 14px;
	padding: 10px 12px;
	border-radius: var(--evtk-radius);
	background: var(--evtk-accent-soft);
	color: #14532d;
	font-size: 13px;
	line-height: 1.45;
}

.evtk-cart__cta {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.evtk-cart__cta a.evtk-co-btn,
.evtk-cart .evtk-co-btn {
	width: 100%;
}

body.evtk-commerce .evtk-co-textbtn {
	min-height: 0 !important;
	height: auto !important;
	width: auto;
}

body.evtk-commerce .evtk-co-pills,
body.evtk-commerce .evtk-co-paygrid,
body.evtk-commerce .evtk-co-plans,
body.evtk-commerce .evtk-co-days {
	align-items: stretch;
}

/* Woodmart button/tab override — Evim Taksit kartları */
body.evtk-commerce .evtk .evtk-co-pill,
body.evtk-commerce .evtk-shell .evtk-co-pill {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 48px !important;
	height: auto !important;
	max-height: none !important;
	padding: 12px 16px !important;
	border: 1px solid var(--evtk-line) !important;
	border-radius: var(--evtk-radius) !important;
	background: var(--evtk-bg, #fff) !important;
	color: var(--evtk-ink) !important;
	font-family: var(--evtk-font) !important;
	font-size: var(--evtk-font-size) !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	text-align: left !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	box-shadow: none !important;
	background-image: none !important;
}

body.evtk-commerce .evtk .evtk-co-paycard,
body.evtk-commerce .evtk-shell .evtk-co-paycard {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 6px !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 148px !important;
	height: auto !important;
	max-height: none !important;
	padding: 16px !important;
	border: 1px solid var(--evtk-line) !important;
	border-radius: var(--evtk-radius) !important;
	background: var(--evtk-bg, #fff) !important;
	color: var(--evtk-ink) !important;
	font-family: var(--evtk-font) !important;
	text-align: left !important;
	text-transform: none !important;
	box-shadow: none !important;
	background-image: none !important;
}

body.evtk-commerce .evtk .evtk-co-plan,
body.evtk-commerce .evtk-shell .evtk-co-plan {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 96px !important;
	height: auto !important;
	max-height: none !important;
	padding: 12px !important;
	border: 1px solid var(--evtk-line) !important;
	border-radius: var(--evtk-radius) !important;
	background: var(--evtk-bg, #fff) !important;
	color: var(--evtk-ink) !important;
	text-align: left !important;
	text-transform: none !important;
	box-shadow: none !important;
}

body.evtk-commerce .evtk .evtk-co-day,
body.evtk-commerce .evtk-shell .evtk-co-day {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 40px !important;
	height: auto !important;
	padding: 8px 12px !important;
	border: 1px solid var(--evtk-line) !important;
	border-radius: var(--evtk-radius) !important;
	background: var(--evtk-bg, #fff) !important;
	color: var(--evtk-ink) !important;
	font-size: var(--evtk-font-size) !important;
	text-transform: none !important;
	box-shadow: none !important;
}

body.evtk-commerce .evtk .evtk-co-pill.is-on,
body.evtk-commerce .evtk .evtk-co-paycard.is-on,
body.evtk-commerce .evtk .evtk-co-plan.is-on,
body.evtk-commerce .evtk .evtk-co-day.is-on,
body.evtk-commerce .evtk-shell .evtk-co-pill.is-on,
body.evtk-commerce .evtk-shell .evtk-co-paycard.is-on,
body.evtk-commerce .evtk-shell .evtk-co-plan.is-on,
body.evtk-commerce .evtk-shell .evtk-co-day.is-on {
	border-color: var(--evtk-accent) !important;
	background: var(--evtk-accent-soft) !important;
	box-shadow: 0 0 0 1px var(--evtk-accent) !important;
}

body.evtk-commerce .evtk .evtk-co-btn,
body.evtk-commerce .evtk-shell .evtk-co-btn,
body.evtk-commerce .evtk-cart .evtk-co-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: auto;
	height: auto !important;
	min-height: var(--btn-height, 42px) !important;
	max-height: none !important;
	padding: var(--btn-padding, 8px 18px) !important;
	border-radius: var(--btn-brd-radius, 0) !important;
	font-family: var(--btn-font-family, inherit) !important;
	font-size: var(--btn-font-size, 13px) !important;
	font-weight: var(--btn-font-weight, 600) !important;
	font-style: var(--btn-font-style, unset) !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	cursor: pointer;
}

body.evtk-commerce .evtk .evtk-co-btn--primary,
body.evtk-commerce .evtk-shell .evtk-co-btn--primary,
body.evtk-commerce .evtk-cart .evtk-co-btn--primary {
	color: var(--btn-accented-color, #fff) !important;
	background-color: var(--btn-accented-bgcolor, var(--wd-primary-color, #2e7d32)) !important;
	border: var(--btn-brd-width, 0) var(--btn-brd-style, solid) transparent !important;
	border-radius: var(--btn-accented-brd-radius, var(--btn-brd-radius, 0)) !important;
	box-shadow: var(--btn-accented-box-shadow, var(--btn-box-shadow, unset)) !important;
}

body.evtk-commerce .evtk .evtk-co-btn--primary:hover,
body.evtk-commerce .evtk-shell .evtk-co-btn--primary:hover,
body.evtk-commerce .evtk-cart .evtk-co-btn--primary:hover {
	color: var(--btn-accented-color-hover, var(--btn-accented-color, #fff)) !important;
	background-color: var(--btn-accented-bgcolor-hover, var(--btn-accented-bgcolor, var(--wd-primary-color, #1b5e20))) !important;
	box-shadow: var(--btn-accented-box-shadow-hover, var(--btn-box-shadow-hover, unset)) !important;
}

body.evtk-commerce .evtk .evtk-co-btn--ghost,
body.evtk-commerce .evtk-shell .evtk-co-btn--ghost,
body.evtk-commerce .evtk-cart .evtk-co-btn--ghost {
	color: var(--btn-default-color, var(--btn-color, #3e3e3e)) !important;
	background-color: var(--btn-default-bgcolor, var(--btn-bgcolor, #f3f3f3)) !important;
	border: var(--btn-brd-width, 0px) var(--btn-brd-style, solid) var(--btn-brd-color, #e9e9e9) !important;
	border-radius: var(--btn-default-brd-radius, var(--btn-brd-radius, 0)) !important;
	box-shadow: var(--btn-default-box-shadow, var(--btn-box-shadow, unset)) !important;
}

body.evtk-commerce .evtk .evtk-co-btn--ghost:hover,
body.evtk-commerce .evtk-shell .evtk-co-btn--ghost:hover,
body.evtk-commerce .evtk-cart .evtk-co-btn--ghost:hover {
	color: var(--btn-default-color-hover, var(--btn-color-hover, #3e3e3e)) !important;
	background-color: var(--btn-default-bgcolor-hover, var(--btn-bgcolor-hover, #e0e0e0)) !important;
	border-color: var(--btn-brd-color-hover, var(--btn-brd-color, #e0e0e0)) !important;
	box-shadow: var(--btn-default-box-shadow-hover, var(--btn-box-shadow-hover, unset)) !important;
}

body.evtk-commerce .evtk-acc-form .evtk-co-btn,
body.evtk-commerce .evtk-co-form .evtk-co-btn,
body.evtk-commerce .evtk-cart__cta .evtk-co-btn {
	width: 100%;
}

body.evtk-commerce .evtk .evtk-co-field input,
body.evtk-commerce .evtk .evtk-co-field select,
body.evtk-commerce .evtk .evtk-co-field textarea,
body.evtk-commerce .evtk-shell .evtk-co-field input,
body.evtk-commerce .evtk-shell .evtk-co-field select,
body.evtk-commerce .evtk-shell .evtk-co-field textarea {
	width: 100% !important;
	min-height: var(--wd-form-height, 42px) !important;
	height: auto !important;
	padding: 10px 12px !important;
	border: var(--wd-form-brd-width, 1px) solid var(--wd-form-brd-color, var(--evtk-line)) !important;
	border-radius: var(--evtk-radius-form) !important;
	background: var(--wd-form-bg, var(--evtk-bg, #fff)) !important;
	color: var(--wd-form-color, inherit) !important;
	font-family: var(--evtk-font) !important;
	font-size: var(--evtk-font-size) !important;
	box-shadow: none !important;
}

.evtk-cart__empty {
	padding: 48px 20px;
	border: 1px dashed var(--evtk-line);
	border-radius: var(--evtk-radius);
	text-align: center;
	background: #fff;
}

@media (max-width: 639px) {
	.evtk-cart__item {
		grid-template-columns: 64px minmax(0, 1fr);
	}

	.evtk-cart__line {
		grid-column: 1 / -1;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
}
