/*
 * Hostkolik — site geneli düzen düzeltmeleri.
 *
 * main.css'ten AYRI tutulur (o dosyada eşzamanlı çalışma vardı) ve ondan SONRA
 * yüklenir. Yalnız somut düzen hatalarını kapatır; tasarım sistemi tokenlarını
 * kullanır, ham renk değeri içermez.
 */

/* ---------------------------------------------------------------
 * Kupon kartı üst satırı: logo + marka adı + durum etiketi
 * Sorun: uzun marka adı ya da uzun etiket ("TOPLULUK GÖNDERİMİ")
 * dar kartta satır kırıyordu.
 * --------------------------------------------------------------- */
.hk-kupon-ust {
	min-width: 0;
	/*
	 * Sarma AÇIK: dar kartta uzun durum etiketi ("TOPLULUK GÖNDERİMİ") kendi
	 * satırına iner. nowrap denendi ve 375px'te kartı 27px taşırıyordu.
	 */
	flex-wrap: wrap;
	row-gap: 6px;
}

/* Marka adı asla kırılmaz; sığmazsa üç nokta ile kısalır. */
.hk-kupon-ust .hk-kupon-ad {
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Etiket sığmazsa alt satıra iner; taşmaz. */
.hk-kupon-ust .hk-etiket {
	flex: 0 1 auto;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: auto;
}

/* Dar ızgarada (4 sütun) etiket metni kartı zorlamasın. */
.hk-kupon-izgara--4 .hk-kupon-ust .hk-etiket {
	font-size: 10px;
	letter-spacing: .02em;
	padding-inline: 6px;
}

/* Logo asla ezilmesin. */
.hk-kupon-ust img,
.hk-kupon-ust .hk-logo,
.hk-kupon-ust svg { flex: 0 0 auto; }

/* Şablonda satır içi stille zorlanan 2 sütunluk kupon ızgarası — sınıfa taşındı. */
.hk-kupon-izgara--2 { grid-template-columns: repeat(2, 1fr); }

/* Telefonda kupon kartı iki sütuna sıkışmasın (164px kart = okunmaz etiket). */
@media (max-width: 599px) {
	.hk-kupon-izgara,
	.hk-kupon-izgara--2,
	.hk-kupon-izgara--4 { grid-template-columns: 1fr; }
}

/* Kupon kapsam metni: uzun cümlelerde kart yüksekliği patlamasın. */
.hk-kupon-kapsam {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* İndirim değeri uzun olabilir (₺ tutarları) — taşma yerine küçülsün. */
.hk-kupon-indirim { overflow-wrap: anywhere; }

/* ---------------------------------------------------------------
 * Genel taşma güvenliği
 * --------------------------------------------------------------- */
.hk-satir-liste .hk-satir dd { overflow-wrap: anywhere; }
.hk-kart { min-width: 0; }

/* ---------------------------------------------------------------
 * Dokunma hedefi (WCAG 2.5.8 · en az 24×24 CSS px)
 * Ölçüm: bölüm başlığı bağlantıları 22px, kart içi kupon rozeti 20px,
 * kompakt kart başlığı 23px kalıyordu. Görsel düzen bozulmadan
 * dikey tıklama alanı büyütülür.
 * --------------------------------------------------------------- */
.hk-bolum-link,
.hk-skart-kupon,
.hk-kompakt-ad {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
}

/* Satır yüksekliğini değil, tıklanabilir alanı büyüt. */
.hk-bolum-link { padding-block: 2px; }
.hk-skart-kupon { padding-block: 2px; }