@charset "UTF-8";
/* BT Cart Feedback. Colours come from the design-system tokens (--bt-success = the "stokta" green #1b7a4b); hover is derived from it, no new hex values. */
:root { --bt-cf-green: var(--bt-success, #1b7a4b); --bt-cf-green-hover: color-mix(in srgb, var(--bt-cf-green) 76%, #0e0f12); }

/* hover: calm, darker commerce green (pointer devices only, never on disabled / busy buttons).
   Specificity note: the design-system button rules sit inside :is(...#place_order...) which carries an id's weight; ":is(#bt-cf-s, ...)" borrows the same weight. */
@media (hover: hover) {
	html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,.single_add_to_cart_button):not(.disabled):not(:disabled):not([data-bt-cf]):not(.wc-variation-selection-needed):hover,
	html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,.bt-sticky-add):not([data-bt-cf]):hover,
	html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,.bt-sm-add):not([data-bt-cf]):hover,
	html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,.bt-cfgbar-cta):not([data-bt-cf]):not(:disabled):hover,
	html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,.bt-cfgsticky-cta):not([data-bt-cf]):not(:disabled):hover,
	html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,.bt-tb-cta):not([data-bt-cf]):not([aria-disabled="true"]):hover,
	html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,.bt-cfg-proxy[data-valid="1"]):not([data-bt-cf]):hover {
		background: var(--bt-cf-green-hover) !important; border-color: var(--bt-cf-green-hover) !important; color: #fff !important;
	}
}

/* state overlay: the original label is hidden by colour only (width/height never change); the pseudo-element draws the state text on top */
html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,[data-bt-cf])[data-bt-cf][data-bt-cf][data-bt-cf][data-bt-cf] { position: relative !important; color: transparent !important; text-shadow: none !important; pointer-events: none; }
html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,[data-bt-cf])[data-bt-cf][data-bt-cf][data-bt-cf][data-bt-cf] > * { visibility: hidden !important; }
html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,[data-bt-cf])[data-bt-cf][data-bt-cf][data-bt-cf][data-bt-cf]::after { display: none !important; content: none !important; }
html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,[data-bt-cf])[data-bt-cf][data-bt-cf][data-bt-cf][data-bt-cf]::before {
	position: absolute !important; inset: 0 !important; display: flex !important; align-items: center; justify-content: center; gap: 8px; column-gap: 8px !important; white-space: nowrap; overflow: hidden;
	font: inherit !important; font-weight: 600 !important; letter-spacing: normal !important; text-transform: none !important; color: #fff !important; text-shadow: none !important; opacity: 1 !important; transform: none !important; margin: 0 !important; padding: 0 !important; pointer-events: none;
}
html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,[data-bt-cf])[data-bt-cf="loading"][data-bt-cf][data-bt-cf][data-bt-cf]::before { content: "Ekleniyor…" !important; }
html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,[data-bt-cf])[data-bt-cf="loading"][data-bt-cf][data-bt-cf][data-bt-cf] { background: var(--bt-cf-green-hover) !important; border-color: var(--bt-cf-green-hover) !important; cursor: progress; }
html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,[data-bt-cf])[data-bt-cf="success"][data-bt-cf][data-bt-cf][data-bt-cf] { background: var(--bt-cf-green) !important; border-color: var(--bt-cf-green) !important; transition: background-color .18s ease-out; }
html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,[data-bt-cf])[data-bt-cf="success"][data-bt-cf][data-bt-cf][data-bt-cf]::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8'/%3E%3C/svg%3E") "Sepete Eklendi" !important;
}

/* toast */
.bt-cf-toast {
	position: fixed; z-index: 1000001; right: 24px; bottom: 24px; max-width: min(380px, calc(100vw - 32px)); display: flex; align-items: center; gap: 12px;
	padding: 12px 14px 12px 16px; background: #fff; color: var(--bt-text, #17191d); border: 1px solid var(--bt-border, #e3e0da); border-left: 3px solid var(--bt-cf-green);
	border-radius: 4px; box-shadow: 0 6px 24px rgba(23, 25, 29, .14); font: 500 14px/1.35 Poppins, Inter, system-ui, sans-serif;
	opacity: 0; transform: translateY(8px); visibility: hidden; pointer-events: none; transition: opacity .2s ease-out, transform .2s ease-out, visibility 0s linear .2s;
}
.bt-cf-toast.is-on { opacity: 1; transform: none; visibility: visible; pointer-events: auto; transition-delay: 0s; }
.bt-cf-toast__ic { flex: none; width: 20px; height: 20px; border-radius: 50%; background: var(--bt-cf-green); display: inline-flex; align-items: center; justify-content: center; }
.bt-cf-toast__ic svg { width: 12px; height: 12px; }
.bt-cf-toast__txt { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.bt-cf-toast__link { flex: none; color: var(--bt-cf-green); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; padding: 6px 2px; }
.bt-cf-toast__link:hover { color: var(--bt-cf-green-hover); }
@media (max-width: 767px) {
	.bt-cf-toast { left: 16px; right: 16px; max-width: none; bottom: calc(16px + env(safe-area-inset-bottom, 0px) + var(--bt-cf-lift, 0px)); }
}
@media (prefers-reduced-motion: reduce) {
	.bt-cf-toast, html body.bt-ds.bt-ds-m-controls :is(#bt-cf-s,[data-bt-cf])[data-bt-cf="success"][data-bt-cf][data-bt-cf][data-bt-cf] { transition: none !important; }
}
.bt-cf-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }