/*
 * Hei Aurora — İkili Sipariş Akışı (heiaurora-cart-upsell)
 * Tokenlar hei-hero.css :root'undan gelir; o dosya yüklenmezse yedek hex devreye girer.
 * Font tanımlanmaz (tasarım kuralları §1), buton iki varyanttan biri (§4),
 * köşe 12px kart / 999px buton (§5).
 */

/* Teklif satırı ---------------------------------------------------------- */
.hei-cu-offer{
	display:flex; align-items:center; gap:8px;
	margin:12px 0 0; font-size:15px; line-height:1.4; font-weight:700;
	color:var(--hei-green-700,#1B4332);
}
.hei-cu-offer svg{flex:0 0 auto; color:var(--hei-green-500,#2D6A4F)}
.hei-cu-offer .amount,.hei-cu-offer bdi{font-weight:700; white-space:nowrap}

/* Hero'da fiyat + CTA'nın altında kendi satırı */
/* Hero ortalı: satır sarınca ikon metnin başında kalsın, sola yaslanmasın */
.hei-hero__buy .hei-cu-offer--hero{display:block; flex-basis:100%; margin:0; text-align:center; font-size:14px}
.hei-hero__buy .hei-cu-offer--hero svg{display:inline-block; vertical-align:-4px; margin-right:6px}

/* Sepete eklendi kartı --------------------------------------------------- */
.hei-cu-card{
	margin:16px 0; padding:16px;
	background:var(--hei-green-50,#F0F6F2);
	border:1.5px solid var(--hei-green-200,#B9D7C6);
	border-radius:12px;
	color:var(--hei-neutral-900,#2C2C2C);
}
.hei-cu-card:focus{outline:none}
.hei-cu-card.is-in{animation:heiCuIn .35s ease-out}
@keyframes heiCuIn{from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none}}

.hei-cu-card__title{
	display:flex; align-items:center; gap:8px;
	margin:0 0 4px; font-size:17px; font-weight:700; line-height:1.3;
	color:var(--hei-green-700,#1B4332);
}
.hei-cu-card__title svg{flex:0 0 auto; color:var(--hei-green-500,#2D6A4F)}
.hei-cu-card__item{margin:0 0 12px 30px; font-size:14px; line-height:1.55; color:var(--hei-neutral-700,#5C665F); overflow-wrap:anywhere}
.hei-cu-card__item[hidden]{display:none}
.hei-cu-card__item[hidden] + .hei-cu-card__actions{margin-top:12px}

.hei-cu-card__actions{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px}

/* Woodmart'ın global buton/link stillerini (büyük harf, min-height, harf aralığı) ezer. */
.hei-cu-card .hei-cu-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	min-height:0; margin:0; padding:13px 24px;
	border-radius:999px; border:1.5px solid var(--hei-green-500,#2D6A4F);
	font:inherit; font-size:15px; font-weight:700; line-height:1.3;
	text-transform:none; letter-spacing:normal; text-align:center; text-decoration:none;
	cursor:pointer; transition:background-color .2s, color .2s, transform .2s;
}
.hei-cu-card .hei-cu-btn--primary{background:var(--hei-green-500,#2D6A4F); color:#fff}
.hei-cu-card .hei-cu-btn--primary:hover,
.hei-cu-card .hei-cu-btn--primary:focus-visible{background:var(--hei-green-700,#1B4332); border-color:var(--hei-green-700,#1B4332); color:#fff; transform:translateY(-2px)}
.hei-cu-card .hei-cu-btn--secondary{background:transparent; color:var(--hei-green-500,#2D6A4F)}
.hei-cu-card .hei-cu-btn--secondary:hover,
.hei-cu-card .hei-cu-btn--secondary:focus-visible{background:var(--hei-white,#fff); color:var(--hei-green-700,#1B4332); transform:translateY(-2px)}

/* Mobil: iki buton alt alta, tam genişlik — uzun Fince metin kırpılmasın */
@media (max-width:600px){
	.hei-cu-card__actions{flex-direction:column; align-items:stretch}
	.hei-cu-card .hei-cu-btn{width:100%}
}

/* "Toinen pullo" tıklanınca mesaj alanı kısa bir halka ile işaretlenir */
textarea.hei-cu-ready{animation:heiCuRing 1.2s ease-out 2}
@keyframes heiCuRing{
	0%{box-shadow:0 0 0 0 rgba(45,106,79,.45)}
	100%{box-shadow:0 0 0 10px rgba(45,106,79,0)}
}

@media (prefers-reduced-motion:reduce){
	.hei-cu-card.is-in,textarea.hei-cu-ready{animation:none}
	.hei-cu-card .hei-cu-btn{transition:none}
}

/* Taksi notu ana metinden bir ton açık; sararken ortadan bölünmez, bütün olarak alt satıra iner */
.hei-cu-offer__taxi{font-weight:600; color:var(--hei-green-500,#2D6A4F); white-space:nowrap}