/*
 * S06-TR · Türkçe Tercüme bandı (#s06-turkce-tercume) — Varyant A "Lacivert bant + çerçeveli bayrak paneli".
 * Figma FsZtjnhflHd7rGzcVLhsKi: masaüstü 319:1935 (1440 × 596), mobil 319:1985 (390 × 899).
 * Değerler: bt-home-design/figma-home/build/s06-turkce-tercume/spec.md (gradyanlar Figma dönüşümlerinden birebir).
 *
 * Kesme noktaları: masaüstü taban (1440 tasarımı; 1025–1439 aynı düzen, sütunlar orantılı daralır) · tablet ≤1024
 * (tasarlanmadı: iki sütun, panel %44) · mobil ≤767 (390 tasarımı: panel üstte, içerik altta).
 */

/* ---------------------------------------------------------------- Bant */

.bt-hs.bt-hs--s06-turkce-tercume {
	--hs-pad-top: var(--hs-space-96);
	--hs-pad-bottom: var(--hs-space-96);
	overflow: hidden;
}

.bt-hs--s06-turkce-tercume[data-band="deep"] {
	background:
		radial-gradient(40% 50% at 100% 0%, rgba(241, 186, 79, 0.08) 0%, rgba(241, 186, 79, 0) 100%),
		radial-gradient(36% 78% at 74.01% 51.95%, rgba(61, 90, 150, 0.36) 0%, rgba(61, 90, 150, 0) 100%),
		linear-gradient(169.06deg, #0f1626 12.34%, #131d34 46.2%, #1b2a4a 87.58%);
}

/* ---------------------------------------------------------------- Izgara: içerik 584 · boşluk · panel 562 */

.bt-hs--s06-turkce-tercume .s06tr-grid {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--hs-space-32);
}

.bt-hs--s06-turkce-tercume .s06tr-content {
	display: flex;
	flex: 0 1 584px;
	flex-direction: column;
	gap: var(--hs-space-24);
	min-width: 0;
	padding-bottom: 1px; /* Figma içerik sütununun 1 px alt dolgusu (yükseklik 404) */
}

/* Üst başlık: Chip "On navy" (5:88), <p>; tek satırda 189 × 28. Dar ekranda taşmak yerine kırılır. */
.bt-hs--s06-turkce-tercume .s06tr-eyebrow {
	align-self: flex-start;
	max-width: 100%;
	min-height: 28px;
	white-space: normal;
}

/*
 * Cümle: çevirilerde son satıra tek sözcük düşmesin (FR 1440 "assermentés.", RU 390 "апостиля." …). pretty yalnız
 * son satırları düzeltir; EN 1440/390 kırılımları Figma ile aynı kalır.
 */
.bt-hs--s06-turkce-tercume .s06tr-lead {
	color: var(--hs-on-dark);
	font-size: var(--hs-fs-hero-lead);
	font-weight: 400;
	line-height: var(--hs-lh-lead);
	text-wrap: pretty;
}

/* Düğme satırı: cümle → hap 32 (24 + 8); sığmazsa WhatsApp hapı alt satıra iner (satır aralığı 12). Yeni sekme ipucu
   yok (kullanıcı kararı 2026-10-12): WhatsApp hapı satırın doğrudan öğesi. */
.bt-hs--s06-turkce-tercume .s06tr-actions {
	padding-top: var(--hs-space-8);
}

/* Etiket tek hapa sığmazsa (RU 390, FR/RU 320) taşmak yerine iki satıra kırılır; tek satırda görünüm aynıdır. */
.bt-hs--s06-turkce-tercume .s06tr-actions .bt-hs-btn {
	max-width: 100%;
	padding-block: var(--hs-space-8);
	white-space: normal;
}

.bt-hs--s06-turkce-tercume .s06tr-actions .bt-hs-btn__label {
	text-wrap: balance;
}

/*
 * Figma Button/Gold pill'in çizgisi yok (277 = 24 + etiket + 10 + 18 + 24). Tabanın 1 px saydam çerçevesi hapı 2 px
 * genişletiyor ve FR satırını 0.19 px farkla ikiye bölüyordu. Zorlanmış renklerde taban çerçevesi kalır.
 */
@media (forced-colors: none) {
	.bt-hs--s06-turkce-tercume .s06tr-actions .bt-hs-btn--gold {
		border-width: 0;
	}
}

/* Kanıt maddeleri: üst çizgi, 24 dolgu, satırda aralık 20 (kırılırsa 12). */
.bt-hs--s06-turkce-tercume .s06tr-proof {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hs-space-12) 20px;
	padding-top: var(--hs-space-24);
	border-top: 1px solid var(--hs-on-dark-line);
}

.bt-hs--s06-turkce-tercume .s06tr-proof__item {
	display: flex;
	align-items: flex-start;
	gap: var(--hs-space-8);
	min-height: 22px;
	color: var(--hs-on-dark);
	font-size: var(--hs-fs-small);
	font-weight: 600;
	line-height: var(--hs-lh-small);
}

.bt-hs--s06-turkce-tercume .s06tr-proof__item .bt-icon {
	width: 18px;
	height: 18px;
	margin-top: 2px;
	color: var(--hs-gold);
}

/* ---------------------------------------------------------------- Bayrak paneli ve halkalar */

.bt-hs--s06-turkce-tercume .s06tr-visual {
	position: relative;
	flex: 0 1 562px;
	min-width: 0;
}

/*
 * Halkalar panelin arkasında (z-index −1, .bt-hs__inner yığın bağlamında içeriğin altında); panelin cam bulanıklığı
 * onları panel içinde siler. Panele göre konumlanırlar, böylece bölüm yüksekliği dile göre değişse de panelle birlikte
 * kalırlar. 1440'ta: beyaz 560 (759, 32.5), altın 640 (719, −7). margin-top yüzdesi kap GENİŞLİĞİNE göredir:
 * üst = %50 (yükseklik) + merkez kayması − yarıçap.
 */
.bt-hs--s06-turkce-tercume .s06tr-ring {
	position: absolute;
	z-index: -1;
	top: 50%;
	box-sizing: border-box;
	aspect-ratio: 1;
	border: 1px solid;
	border-radius: 50%;
	pointer-events: none;
}

.bt-hs--s06-turkce-tercume .s06tr-ring--white {
	right: 1px;
	left: 1px;
	margin-top: calc(15.5px - 50%);
	border-color: var(--hs-on-dark-line);
}

.bt-hs--s06-turkce-tercume .s06tr-ring--gold {
	right: -39px;
	left: -39px;
	margin-top: calc(-24px - 50%);
	border-color: var(--hs-gold-a26);
}

/*
 * Panel: Glass/Dark card efekti beyaz .08 dolgu ve altın .50 kıl çizgiyle (.bt-hs-glass-dark değil). Gölge yayılımı 0:
 * stil −16 der, ama Figma yayılımı içerik kırpmayan çerçevede uygulamaz (319:1978 clip yok); ref-desktop/ref-mobile
 * piksel profili 0 ile ±2, −16 ile ~13 sapar.
 */
.bt-hs--s06-turkce-tercume .s06tr-flag {
	padding: var(--hs-space-40);
	border: 1px solid var(--hs-gold-a50);
	border-radius: var(--hs-radius-band);
	background: var(--hs-white-a08);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 24px 48px 0 rgba(0, 0, 0, 0.55);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

/* Bayrak: doğrulanmış SVG olduğu gibi; oran kilitli 3:2, köşe/filtre/kırpma yok. */
.bt-hs--s06-turkce-tercume .s06tr-flag__img {
	width: 100%;
	max-width: 480px;
	height: auto;
	aspect-ratio: 3 / 2;
	margin-inline: auto;
	box-shadow: 0 18px 36px -10px rgba(5, 10, 23, 0.45);
}

/* ---------------------------------------------------------------- Tablet (tasarlanmadı) */

@media (max-width: 1024px) {
	.bt-hs.bt-hs--s06-turkce-tercume {
		--hs-pad-top: var(--hs-pad-y);
		--hs-pad-bottom: var(--hs-pad-y);
	}

	.bt-hs--s06-turkce-tercume .s06tr-content {
		flex: 1 1 0;
	}

	.bt-hs--s06-turkce-tercume .s06tr-visual {
		flex: 0 1 44%;
	}

	.bt-hs--s06-turkce-tercume .s06tr-flag {
		padding: var(--hs-space-32);
	}
}

/* ---------------------------------------------------------------- Mobil (390 tasarımı) */

@media (max-width: 767px) {
	.bt-hs--s06-turkce-tercume[data-band="deep"] {
		background:
			radial-gradient(70.03% 31.99% at 60.08% 19.96%, rgba(61, 90, 150, 0.36) 0%, rgba(61, 90, 150, 0) 100%),
			linear-gradient(148.28deg, #0f1626 9.14%, #131d34 45.88%, #1b2a4a 90.78%);
	}

	.bt-hs--s06-turkce-tercume .s06tr-grid {
		flex-direction: column;
		align-items: stretch;
	}

	.bt-hs--s06-turkce-tercume .s06tr-content {
		flex: none;
		gap: 20px;
		padding-bottom: 0;
	}

	/* Panel görsel olarak üstte (DOM'da içerikten sonra; aria-hidden, odaklanabilir öğe yok). */
	.bt-hs--s06-turkce-tercume .s06tr-visual {
		flex: none;
		order: -1;
	}

	.bt-hs--s06-turkce-tercume .s06tr-flag {
		padding: 20px;
		border-radius: var(--hs-radius-band-mobile);
	}

	/* Figma: 306 × 204, 308 px iç kutuda ortalı. */
	.bt-hs--s06-turkce-tercume .s06tr-flag__img {
		width: calc(100% - 2px);
	}

	/* Tek altın halka 350, panelin sağ üst köşesinin arkasında: 390'da (155, −55). */
	.bt-hs--s06-turkce-tercume .s06tr-ring--white {
		display: none;
	}

	.bt-hs--s06-turkce-tercume .s06tr-ring--gold {
		top: -111px;
		right: -135px;
		left: auto;
		width: 350px;
		margin-top: 0;
	}

	.bt-hs--s06-turkce-tercume .s06tr-actions {
		gap: var(--hs-space-16);
		padding-top: var(--hs-space-4);
	}

	.bt-hs--s06-turkce-tercume .s06tr-proof {
		flex-direction: column;
		flex-wrap: nowrap;
		gap: var(--hs-space-12);
		padding-top: 20px;
	}
}

/*
 * Çok dar ekran (tasarlanmadı, <360): pretty FR/DE 320'de son satırdaki tek sözcüğü bırakıyor; dengeli kırılım
 * bırakmıyor. 390 tasarımı etkilenmez.
 */
@media (max-width: 359px) {
	.bt-hs--s06-turkce-tercume .s06tr-lead {
		text-wrap: balance;
	}
}

/* ---------------------------------------------------------------- Yazdırma */

@media print {
	.bt-hs--s06-turkce-tercume .s06tr-ring {
		display: none;
	}
}