/*
 * Balkan Tercüme — ana sayfa bölüm widget'ları ortak katmanı (tutamaç bt-hs-base).
 *
 * Yalnız bt-hs-* widget'ı içeren sayfalarda ve Elementor önizlemesinde yüklenir (inc/home-sections/loader.php);
 * theme.css'ten sonra gelir. Bölüm stilleri (assets/home/<bölüm>/style.css) bunun üstüne yalnız
 * .bt-hs--<bölüm> kapsamında yazılır. Değerler Figma "BT Renk"/"BT Ölçü" değişkenleri, metin stilleri ve efekt
 * stillerinden (figma-home/spec/figma-playbook.md, design-spec.md) alınmıştır.
 *
 * Kesme noktaları: masaüstü taban · tablet ≤1024 px · mobil ≤767 px (mobil tasarım = Figma 390 çerçeveleri).
 * Akışkan yazı boyları 390 px'te Figma 390 değerine, 1280 px ve üstünde Figma 1440 değerine eşittir:
 * clamp(MIN, MIN + (100vw − 390px) × (MAX − MIN) / 890, MAX).
 *
 * Bölümler: 1 Belirteçler · 2 Elementor sarmalayıcısı · 3 Bölüm kabuğu ve bantlar · 4 Yazı rolleri ·
 * 5 Bağlantılar · 6 Düğmeler · 7 Hap, çip, üst başlık · 8 Yüzeyler (kart, cam) · 9 Gizli metin, odak ·
 * 10 Durumlar (sekme/akordeon) · 11 Hareket · 12 Zorlanmış renkler ve yazdırma
 */

/* ---------------------------------------------------------------- 1 Belirteçler */

:root {
	/* Renk (Figma BT Renk) */
	--hs-ink: #191919;
	--hs-navy: #1b2a4a;
	--hs-navy-600: #24365e;
	--hs-navy-500: #2f4675;
	--hs-navy-400: #3d5a96;
	--hs-navy-tint: #eef1f8;
	--hs-navy-tint-line: #dde2ef;
	--hs-navy-deep-900: #0f1626;
	--hs-navy-deep-800: #131d34;
	--hs-gold: #f1ba4f;
	--hs-wa: #008069;
	--hs-wa-hover: #006e5a;
	--hs-wa-active: #005c4b;
	--hs-gold-hover: #f6cd7d;
	--hs-gold-tint: #fcefd3;
	--hs-gold-light: #f6d48a;
	--hs-muted: #5c5c66;
	--hs-surface: #f4f3f8;
	--hs-line: #e4e2ea;
	--hs-white: #fff;
	--hs-focus: #4a3f9f;
	--hs-on-dark: #d9d7e0;
	--hs-on-dark-muted: #b9b7c3;
	--hs-on-navy-cool: #c9cdd8;
	--hs-on-navy-cool-muted: #aab2c5;
	--hs-on-dark-line: rgba(255, 255, 255, 0.12);
	--hs-disabled: #76737f;
	--hs-field-border: #c9c7d3;
	--hs-success: #1e6b3a;
	--hs-success-bg: #e8f3ec;
	--hs-warning: #8a5300;
	--hs-warning-bg: #fdf0e0;
	--hs-error: #b42318;
	--hs-error-bg: #fdecea;

	/* Saydamlık (Figma alpha belirteçleri) */
	--hs-white-a07: rgba(255, 255, 255, 0.07);
	--hs-white-a08: rgba(255, 255, 255, 0.08);
	--hs-white-a18: rgba(255, 255, 255, 0.18);
	--hs-white-a30: rgba(255, 255, 255, 0.3);
	--hs-white-a66: rgba(255, 255, 255, 0.66);
	--hs-white-a80: rgba(255, 255, 255, 0.8);
	--hs-white-a86: rgba(255, 255, 255, 0.86);
	--hs-gold-a26: rgba(241, 186, 79, 0.26);
	--hs-gold-a28: rgba(241, 186, 79, 0.28);
	--hs-gold-a50: rgba(241, 186, 79, 0.5);
	--hs-on-dark-a32: rgba(217, 215, 224, 0.32);
	--hs-on-dark-a50: rgba(217, 215, 224, 0.5);
	--hs-on-dark-a55: rgba(217, 215, 224, 0.55);
	--hs-navy-a04: rgba(27, 42, 74, 0.04);

	/* Gradyanlar */
	--hs-grad-navy-btn: linear-gradient(180deg, #2a3d66 0%, #1b2a4a 100%);
	--hs-grad-gold-btn: linear-gradient(180deg, #f6d48a 0%, #f1ba4f 100%);
	--hs-grad-gold-rule: linear-gradient(90deg, #f1ba4f 0%, #f6d48a 100%);
	--hs-grad-navy-card: linear-gradient(155deg, #2f4675 0%, #1b2a4a 55%, #16223d 100%);
	--hs-grad-icon-tile: linear-gradient(150deg, #2f4675 0%, #1b2a4a 70%);
	--hs-grad-deep: linear-gradient(155deg, #0f1626 0%, #131d34 50%, #1b2a4a 100%);
	--hs-grad-quote: radial-gradient(90% 120% at 100% 0%, rgba(241, 186, 79, 0.14) 0%, rgba(241, 186, 79, 0) 55%), linear-gradient(135deg, #1b2a4a 0%, #15213b 55%, #0e1729 100%);

	/* Aralık (Figma space/*) */
	--hs-space-4: 4px;
	--hs-space-8: 8px;
	--hs-space-12: 12px;
	--hs-space-16: 16px;
	--hs-space-24: 24px;
	--hs-space-32: 32px;
	--hs-space-40: 40px;
	--hs-space-48: 48px;
	--hs-space-64: 64px;
	--hs-space-80: 80px;
	--hs-space-96: 96px;
	--hs-space-128: 128px;

	/* Yerleşim (Figma layout/*) */
	--hs-container: 1200px;
	--hs-gutter: 48px;
	--hs-measure: 704px;
	--hs-measure-lead: 640px;
	--hs-touch: 44px;
	/* Ana sayfa bölüm ritmi (tema bt-sec--home; Figma 1440'ta 86.4, 390'da 56). */
	--hs-pad-y: clamp(72px, 6vw, 96px);

	/* Köşe (Figma radius/*) */
	--hs-radius-pill: 999px;
	--hs-radius-card: 14px;
	--hs-radius-row: 12px;
	--hs-radius-image: 10px;
	--hs-radius-link-row: 8px;
	--hs-radius-hub: 20px;
	--hs-radius-glass: 20px;
	--hs-radius-band: 24px;
	--hs-radius-band-mobile: 20px;
	--hs-radius-bento: 24px;
	--hs-radius-panel: 32px;

	/* Gölge (Figma efekt stilleri; CSS bulanıklığı = Figma yarıçapı) */
	--hs-shadow-card: 0 1px 2px rgba(25, 25, 25, 0.06), 0 12px 32px -12px rgba(27, 42, 74, 0.18);
	--hs-shadow-large: 0 30px 60px -20px rgba(27, 42, 74, 0.25);
	--hs-shadow-quote: 0 36px 64px -36px rgba(14, 23, 41, 0.65), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
	/* Düğme gölgeleri yok (kullanıcı kararı 2026-10-12: "butonların altındaki gölgeleri kaldıralım"; Figma Button/* aynı).
	   Belirteçler geriye uyum için durur: altın ve beyaz "none"; lacivert yalnız üst iç parıltı (Shadow/Navy button iç
	   gölgesi), alt gölge yok. Bölümler düğmeye gölge vermez; odak halkaları (outline) değişmedi. */
	--hs-shadow-gold-btn: none;
	--hs-shadow-gold-btn-hover: none;
	--hs-shadow-navy-btn: inset 0 1px 0 rgba(255, 255, 255, 0.14);
	--hs-shadow-white-btn: none;
	--hs-shadow-navy-bento: 0 1px 2px rgba(25, 25, 25, 0.08), 0 24px 48px -20px rgba(27, 42, 74, 0.35);
	--hs-shadow-dropdown: 0 24px 48px -20px rgba(27, 42, 74, 0.38), 0 4px 12px -6px rgba(25, 25, 25, 0.16);
	--hs-shadow-tile-hover: 0 22px 40px -28px rgba(27, 42, 74, 0.45);
	--hs-shadow-light-chip: 0 1px 2px rgba(25, 25, 25, 0.05), 0 6px 16px -10px rgba(27, 42, 74, 0.25);
	--hs-shadow-light-panel: 0 0 0 1px rgba(27, 42, 74, 0.07), inset 0 1px 0 #fff, 0 16px 32px -16px rgba(27, 42, 74, 0.14), 0 48px 96px -36px rgba(27, 42, 74, 0.38);

	/* Cam (CSS blur = Figma arka plan bulanıklığı / 2) */
	--hs-glass-ghost-bg: var(--hs-white-a08);
	--hs-glass-ghost-border: var(--hs-white-a30);
	--hs-glass-ghost-blur: 6px;
	--hs-glass-dark-bg: rgba(15, 22, 38, 0.78);
	--hs-glass-dark-border: var(--hs-white-a18);
	--hs-glass-dark-blur: 16px;
	--hs-glass-light-chip-bg: var(--hs-white-a80);
	--hs-glass-light-chip-blur: 8px;
	--hs-glass-light-card-bg: var(--hs-white-a86);
	--hs-glass-light-card-blur: 20px;
	--hs-glass-light-panel-bg: var(--hs-white-a66);
	--hs-glass-light-panel-blur: 16px;

	/* Yazı (Figma metin stilleri; 390 → 1280+ akışkan) */
	--hs-font: var(--bt-font-sans, "Schibsted Grotesk Variable", "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", Arial, sans-serif);
	--hs-fs-h1: clamp(30.59px, calc(30.59px + (100vw - 390px) * 0.024056), 52px);         /* Heading/H1 52/57.2 · 30.59/33.65, 800, −3% */
	--hs-fs-display: clamp(30px, calc(30px + (100vw - 390px) * 0.01573), 44px);            /* Display/Display Home 44/48.4 · 30/33, 800, −2% */
	--hs-fs-h2: clamp(26px, calc(26px + (100vw - 390px) * 0.012674), 37.28px);             /* Heading/H2 Home 37.28/41.75 · 26/29.12, 700, −2.5% */
	--hs-fs-h2-page: clamp(26px, calc(26px + (100vw - 390px) * 0.01573), 40px);            /* Heading/H2 40 · 26 */
	--hs-fs-band: clamp(24px, calc(24px + (100vw - 390px) * 0.013483), 36px);              /* Heading/Band title 36/41.4 · 24/27.6, 700, −1.5% */
	--hs-fs-lead: clamp(18px, calc(18px + (100vw - 390px) * 0.003371), 21px);              /* Body/Lead 21/32.55 · 18/27.9 */
	--hs-fs-hero-lead: clamp(17px, calc(17px + (100vw - 390px) * 0.002247), 19px);         /* Body/Hero lead 19/29.45 · 17/26.35 */
	--hs-fs-stat: 72px;                                                                     /* Display/Stat 72/64.8, 800, −4.5% */
	--hs-fs-stat-unit: 22px;                                                                /* Heading/Stat unit 22/26.4, 700 */
	--hs-fs-h3: 20px;                                                                       /* Heading/H3 20/26, 600 */
	--hs-fs-card-title: 18px;                                                               /* Heading/Card title 18/22.5, 700 */
	--hs-fs-step-title: 16px;                                                               /* Heading/Step title 16/20.8, 700 */
	--hs-fs-h4: 17px;
	--hs-fs-body: 17px;                                                                     /* Body/Body 17/27.2 */
	--hs-fs-body-16: 16px;                                                                  /* Body/Body 16 16/25.6 */
	--hs-fs-card-text: 15px;                                                                /* Body/Card text 15/23.25 */
	--hs-fs-small: 14px;                                                                    /* Body/Small 14/21.7 */
	--hs-fs-kicker: 15px;                                                                   /* Body/Kicker 15/19.5, 600 */
	--hs-fs-button: 16px;                                                                   /* UI/Button 16 16/19.2, 600 */
	--hs-fs-button-15: 15px;                                                                /* UI/Button 15 15/18, 600 */
	--hs-fs-label: 15px;                                                                    /* UI/Label 15/20.25, 600 */
	--hs-fs-chip: 14px;                                                                     /* UI/Chip 14/16.8, 600 */
	--hs-fs-chip-13: 13px;                                                                  /* UI/Chip 13 13/15.6, 600 */
	--hs-fs-chip-caps: 12px;                                                                /* UI/Chip caps 12, 800, +4% */
	--hs-fs-badge: 13px;                                                                    /* UI/Badge 13/15.6, 700 */
	--hs-fs-step-number: 13px;                                                              /* UI/Step number 13, 800 */

	--hs-lh-h1: 1.1;
	--hs-lh-display: 1.1;
	--hs-lh-h2: 1.12;
	--hs-lh-band: 1.15;
	--hs-lh-h3: 1.3;
	--hs-lh-card-title: 1.25;
	--hs-lh-step-title: 1.3;
	--hs-lh-lead: 1.55;
	--hs-lh-body: 1.6;
	--hs-lh-small: 1.55;
	--hs-lh-kicker: 1.3;
	--hs-lh-ui: 1.2;
	--hs-lh-label: 1.35;

	--hs-ls-h1: -0.03em;
	--hs-ls-display: -0.02em;
	--hs-ls-h2: -0.025em;
	--hs-ls-band: -0.015em;
	--hs-ls-stat: -0.045em;
	--hs-ls-caps: 0.04em;

	/* Hareket */
	--hs-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--hs-dur-fast: 150ms;
	--hs-dur: 200ms;
	--hs-dur-reveal: 600ms;
}

@media (max-width: 1024px) {
	:root {
		--hs-gutter: 32px;
		--hs-pad-y: 72px;
	}
}

@media (max-width: 767px) {
	:root {
		--hs-gutter: 20px;
		--hs-pad-y: 56px;
	}
}

/* ---------------------------------------------------------------- 2 Elementor sarmalayıcısı */

/*
 * assemble_home.php / make_test_page.php her bölümü tam genişlikte, dolgusuz bir konteynere (css_classes
 * "bt-hs-slot") koyar. Konteyner ayarları post CSS'i üretilmemiş olsa da dolgu, aralık ve genişlik sıfırdır.
 */
:is(div, section).e-con.bt-hs-slot {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--gap: 0px;
	--row-gap: 0px;
	--column-gap: 0px;
	--content-width: 100%;
	--width: 100%;
	--container-max-width: none;
	--margin-top: 0px;
	--margin-bottom: 0px;
}

.elementor-widget:has(> .bt-hs) {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

/* ---------------------------------------------------------------- 3 Bölüm kabuğu ve bantlar */

.bt-hs {
	/* Bant renk rolleri (açık zemin) */
	--hs-c-bg: var(--hs-white);
	--hs-c-text: var(--hs-ink);
	--hs-c-heading: var(--hs-ink);
	--hs-c-muted: var(--hs-muted);
	--hs-c-link: var(--hs-navy);
	--hs-c-link-line: currentColor;
	--hs-c-line: var(--hs-line);
	--hs-c-kicker: var(--hs-navy);
	--hs-c-focus: var(--hs-focus);
	--hs-focus-offset: 3px;
	--hs-pad-top: var(--hs-pad-y);
	--hs-pad-bottom: var(--hs-pad-y);

	position: relative;
	isolation: isolate;
	display: block;
	width: 100%;
	margin: 0;
	padding: var(--hs-pad-top) 0 var(--hs-pad-bottom);
	background: var(--hs-c-bg);
	color: var(--hs-c-text);
	font-family: var(--hs-font);
	font-size: var(--hs-fs-body);
	font-weight: 400;
	line-height: var(--hs-lh-body);
	text-align: start;
	overflow-wrap: break-word;
}

.bt-hs[data-band="light"] { --hs-c-bg: var(--hs-white); }
.bt-hs[data-band="surface"] { --hs-c-bg: var(--hs-surface); }
.bt-hs[data-band="tint"] { --hs-c-bg: var(--hs-navy-tint); --hs-c-line: var(--hs-navy-tint-line); }
.bt-hs[data-band="none"] { --hs-c-bg: transparent; }

.bt-hs[data-band="navy"],
.bt-hs[data-band="deep"],
.bt-hs[data-band="photo"] {
	--hs-c-bg: var(--hs-navy);
	--hs-c-text: var(--hs-white);
	--hs-c-heading: var(--hs-white);
	--hs-c-muted: var(--hs-on-dark);
	--hs-c-link: var(--hs-white);
	--hs-c-link-line: var(--hs-gold);
	--hs-c-line: var(--hs-on-dark-line);
	--hs-c-kicker: var(--hs-gold);
	--hs-c-focus: var(--hs-gold);
	--hs-focus-offset: 2px;
	color-scheme: dark;
}

.bt-hs[data-band="deep"] {
	background: var(--hs-grad-deep);
}

/* Fotoğraflı bant: görsel bölümün render_decor() katmanındadır; zemin rengi görsel yüklenene dek görünür. */
.bt-hs[data-band="photo"] {
	--hs-c-bg: var(--hs-navy-deep-900);
}

/* 1200 px iç kap (Figma: 1440'ta x 120–1320, 390'da x 20–370). */
.bt-hs__inner,
.bt-hs-container {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: calc(var(--hs-container) + 2 * var(--hs-gutter));
	margin-inline: auto;
	padding-inline: var(--hs-gutter);
}

/* Dekor katmanı (render_decor): bölümün tamamını kaplar, içeriğin altında kalır. */
.bt-hs__decor {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

/* Tema taban öğe stillerini (h1–h6 kenar boşluğu/dengeleme, p kenar boşluğu) bölüm içinde sıfırlar; :where ile
   özgüllük .bt-hs (0,1,0) düzeyinde kalır, bölüm stilleri kolayca ezer. Figma metin kutuları açgözlü kırılır:
   text-wrap dengeleme kapalı (bölüm isterse açar). */
.bt-hs :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, blockquote, fieldset, table) {
	margin: 0;
	padding: 0;
}

.bt-hs :where(h1, h2, h3, h4, h5, h6) {
	color: var(--hs-c-heading);
	font-family: var(--hs-font);
	text-wrap: wrap;
}

.bt-hs :where(ul, ol) {
	list-style: none;
}

.bt-hs :where(img, svg, video) {
	max-width: 100%;
}

.bt-hs :where(img) {
	display: block;
	height: auto;
}

.bt-hs :where(button) {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-align: inherit;
	cursor: pointer;
}

.bt-hs .bt-icon {
	flex: none;
	display: inline-block;
	vertical-align: middle;
}

/* ---------------------------------------------------------------- 4 Yazı rolleri */

.bt-hs :where(h1),
.bt-hs-h1 {
	font-size: var(--hs-fs-h1);
	font-weight: 800;
	line-height: var(--hs-lh-h1);
	letter-spacing: var(--hs-ls-h1);
}

.bt-hs-display {
	font-size: var(--hs-fs-display);
	font-weight: 800;
	line-height: var(--hs-lh-display);
	letter-spacing: var(--hs-ls-display);
}

.bt-hs :where(h2),
.bt-hs-h2 {
	font-size: var(--hs-fs-h2);
	font-weight: 700;
	line-height: var(--hs-lh-h2);
	letter-spacing: var(--hs-ls-h2);
}

.bt-hs-h2--page {
	font-size: var(--hs-fs-h2-page);
	line-height: 1.1;
}

.bt-hs-band-title {
	font-size: var(--hs-fs-band);
	font-weight: 700;
	line-height: var(--hs-lh-band);
	letter-spacing: var(--hs-ls-band);
}

.bt-hs :where(h3),
.bt-hs-h3 {
	font-size: var(--hs-fs-h3);
	font-weight: 600;
	line-height: var(--hs-lh-h3);
	letter-spacing: 0;
}

.bt-hs-card-title {
	font-size: var(--hs-fs-card-title);
	font-weight: 700;
	line-height: var(--hs-lh-card-title);
	letter-spacing: -0.01em;
}

.bt-hs-step-title {
	font-size: var(--hs-fs-step-title);
	font-weight: 700;
	line-height: var(--hs-lh-step-title);
}

.bt-hs :where(h4),
.bt-hs-h4 {
	font-size: var(--hs-fs-h4);
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0;
}

.bt-hs-lead {
	max-width: var(--hs-measure-lead);
	color: var(--hs-c-muted);
	font-size: var(--hs-fs-lead);
	line-height: var(--hs-lh-lead);
}

.bt-hs-hero-lead {
	max-width: 38rem;
	font-size: var(--hs-fs-hero-lead);
	line-height: var(--hs-lh-lead);
}

.bt-hs-body {
	font-size: var(--hs-fs-body);
	line-height: var(--hs-lh-body);
}

.bt-hs-body-16 {
	font-size: var(--hs-fs-body-16);
	line-height: var(--hs-lh-body);
}

.bt-hs-card-text {
	font-size: var(--hs-fs-card-text);
	line-height: var(--hs-lh-small);
}

.bt-hs-small {
	font-size: var(--hs-fs-small);
	line-height: var(--hs-lh-small);
}

.bt-hs-muted {
	color: var(--hs-c-muted);
}

.bt-hs-measure {
	max-width: var(--hs-measure);
}

.bt-hs-stat {
	font-size: var(--hs-fs-stat);
	font-weight: 800;
	line-height: 0.9;
	letter-spacing: var(--hs-ls-stat);
	font-variant-numeric: tabular-nums;
}

.bt-hs-stat-unit {
	font-size: var(--hs-fs-stat-unit);
	font-weight: 700;
	line-height: 1.2;
}

.bt-hs-caps {
	font-size: var(--hs-fs-chip-caps);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: var(--hs-ls-caps);
	text-transform: uppercase;
}

.bt-hs-step-number {
	font-size: var(--hs-fs-step-number);
	font-weight: 800;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.bt-hs strong {
	font-weight: 700;
}

/* Bölüm başlığı bloğu (Figma Section heading 6:66): üst başlık · H2 · giriş; 1440'ta aralık 16, 390'da 12. */
.bt-hs-heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.bt-hs-heading--center {
	align-items: center;
	text-align: center;
}

@media (max-width: 767px) {
	.bt-hs-heading {
		gap: 12px;
	}
}

/* ---------------------------------------------------------------- 5 Bağlantılar */

/* Metin içi bağlantı (Figma: lacivert metin, yazı tipinin alt çizgisi — currentColor, from-font kalınlık, auto
   aralık; koyu zeminde beyaz + altın çizgi). Üzerine gelince tema kuralı: mürekkep metin, altın çizgi. */
.bt-hs :where(p, li, dd, dt, td, th, span, small, strong, em, figcaption, label, h3, h4) a:where(:not([class])) {
	color: var(--hs-c-link);
	text-decoration-line: underline;
	text-decoration-color: var(--hs-c-link-line);
	text-decoration-thickness: from-font;
	text-underline-offset: auto;
	transition: color var(--hs-dur-fast) ease, text-decoration-color var(--hs-dur-fast) ease;
}

.bt-hs :where(p, li, dd, dt, td, th, span, small, strong, em, figcaption, label, h3, h4) a:where(:not([class])):hover {
	color: var(--hs-c-heading);
	text-decoration-color: var(--hs-gold);
}

/* Metin bağlantısı (Figma Button/Text link 5:64): 16/600 lacivert, 3 px boşlukla 2 px altın çizgi. */
.bt-hs-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding-bottom: 5px;
	background: linear-gradient(var(--hs-gold), var(--hs-gold)) left bottom / 100% 2px no-repeat;
	color: var(--hs-c-link);
	font-size: var(--hs-fs-button);
	font-weight: 600;
	line-height: var(--hs-lh-ui);
	text-decoration: none;
	transition: color var(--hs-dur-fast) ease, background-size var(--hs-dur) var(--hs-ease);
}

.bt-hs-link:hover {
	color: var(--hs-c-heading);
	background-size: 100% 3px;
}

.bt-hs-link .bt-icon {
	width: 18px;
	height: 18px;
	color: var(--hs-c-link);
}

.bt-hs[data-band="navy"] .bt-hs-link,
.bt-hs[data-band="deep"] .bt-hs-link,
.bt-hs[data-band="photo"] .bt-hs-link {
	color: var(--hs-white);
}

.bt-hs[data-band="navy"] .bt-hs-link .bt-icon,
.bt-hs[data-band="deep"] .bt-hs-link .bt-icon,
.bt-hs[data-band="photo"] .bt-hs-link .bt-icon {
	color: var(--hs-gold);
}

/* ---------------------------------------------------------------- 6 Düğmeler */

/* Figma Button/* (52 px hap, yatay 24, aralık 10, UI/Button 16, 18 px simge). */
.bt-hs-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 0 24px;
	border: 1px solid transparent;
	border-radius: var(--hs-radius-pill);
	font-family: var(--hs-font);
	font-size: var(--hs-fs-button);
	font-weight: 600;
	line-height: var(--hs-lh-ui);
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color var(--hs-dur-fast) ease, border-color var(--hs-dur-fast) ease, color var(--hs-dur-fast) ease, box-shadow var(--hs-dur-fast) ease, transform var(--hs-dur-fast) ease;
}

.bt-hs-btn .bt-icon {
	width: 18px;
	height: 18px;
}

.bt-hs-btn:hover {
	text-decoration: none;
}

/* Altın (Button/Gold pill 5:16): mürekkep metin, mürekkep ok; üzerine gelince #F6CD7D, 1 px kalkış; gölge yok (2026-10-12). */
.bt-hs-btn--gold {
	background: var(--hs-gold);
	color: var(--hs-ink);
}

.bt-hs-btn--gold:hover {
	background: var(--hs-gold-hover);
	color: var(--hs-ink);
	transform: translateY(-1px);
}

.bt-hs-btn--gold .bt-icon {
	color: var(--hs-ink);
}

/* WhatsApp yeşili (kullanıcı kararı 2026-10-12: sitedeki tüm WhatsApp düğmeleri; S01 hero ve yapışkan menüdeki düğmeyle
   aynı): beyaz metin #008069 üzerinde 4.89:1, üzerine gelme #006E5A 6.22:1, basılı #005C4B 7.98:1. Gölge yok. */
.bt-hs-btn--wa {
	background: var(--hs-wa);
	border-color: transparent;
	color: var(--hs-white);
}

.bt-hs-btn--wa:hover {
	background: var(--hs-wa-hover);
	color: var(--hs-white);
	transform: translateY(-1px);
}

.bt-hs-btn--wa:active {
	background: var(--hs-wa-active);
}

.bt-hs-btn--wa .bt-icon {
	color: var(--hs-white);
}

/* Lacivert (Button/Navy pill 5:36): 180° #2A3D66 → #1B2A4A, beyaz metin, altın simge. */
.bt-hs-btn--navy {
	background: var(--hs-grad-navy-btn);
	color: var(--hs-white);
	box-shadow: var(--hs-shadow-navy-btn);
}

.bt-hs-btn--navy:hover {
	background: linear-gradient(180deg, #31477a 0%, #1f3157 100%);
	color: var(--hs-white);
	transform: translateY(-1px);
}

.bt-hs-btn--navy .bt-icon {
	color: var(--hs-gold);
}

/* Beyaz (Button/White pill 5:43): 1 px çizgi, lacivert metin. */
.bt-hs-btn--white {
	background: var(--hs-white);
	border-color: var(--hs-line);
	color: var(--hs-navy);
}

.bt-hs-btn--white:hover {
	background: var(--hs-surface);
	border-color: var(--hs-navy-400);
	color: var(--hs-navy);
}

.bt-hs-btn--white .bt-icon {
	color: var(--hs-navy);
}

/* Cam (Button/Glass pill 5:23; koyu zemin): beyaz .08, 1 px beyaz .30, blur 6, altın simge. */
.bt-hs-btn--glass {
	background: var(--hs-glass-ghost-bg);
	border-color: var(--hs-glass-ghost-border);
	color: var(--hs-white);
	-webkit-backdrop-filter: blur(var(--hs-glass-ghost-blur));
	backdrop-filter: blur(var(--hs-glass-ghost-blur));
}

.bt-hs-btn--glass:hover {
	background: var(--hs-white-a18);
	border-color: var(--hs-white-a66);
	color: var(--hs-white);
}

.bt-hs-btn--glass .bt-icon {
	color: var(--hs-gold);
}

/* Metin (Button/Text dark bg 5:30): saydam, yatay 16, beyaz metin, altın simge; üzerine gelince altın alt çizgi. */
.bt-hs-btn--text-dark {
	padding: 0 16px;
	background: transparent;
	color: var(--hs-white);
}

.bt-hs-btn--text-dark .bt-icon {
	color: var(--hs-gold);
}

.bt-hs-btn--text-dark:hover .bt-hs-btn__label {
	text-decoration: underline 2px var(--hs-gold);
	text-underline-offset: 0.3em;
}

.bt-hs-btn--text-dark:hover {
	color: var(--hs-white);
}

/* Mürekkep ve çerçeve (Button/Ink pill 5:50, Outline ink 5:57): 46 px, 15/600. */
.bt-hs-btn--ink,
.bt-hs-btn--outline {
	min-height: 46px;
	padding: 0 22px;
	font-size: var(--hs-fs-button-15);
}

.bt-hs-btn--ink {
	background: var(--hs-ink);
	color: var(--hs-white);
}

.bt-hs-btn--ink:hover {
	background: var(--hs-navy);
	color: var(--hs-white);
}

.bt-hs-btn--outline {
	background: transparent;
	border: 1.5px solid var(--hs-ink);
	color: var(--hs-ink);
}

.bt-hs-btn--outline:hover {
	background: var(--hs-ink);
	color: var(--hs-white);
}

/* Düğme satırı. "Yeni sekmede açılır" ipucu ve onun düğme + ipucu sütunu (.bt-hs-action) kaldırıldı (kullanıcı kararı
   2026-10-12): düğmeler satırın doğrudan öğeleridir. */
.bt-hs-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 12px 16px;
}

@media (max-width: 767px) {
	.bt-hs-actions--stack {
		flex-direction: column;
		align-items: stretch;
	}

	.bt-hs-actions--stack > .bt-hs-btn {
		width: 100%;
	}
}

/* ---------------------------------------------------------------- 7 Hap, çip, üst başlık */

/* Bağlantı hapı, açık zemin (Pill/Link light 44:460): 44 px, yatay 18, aralık 8, UI/Label, lacivert ok. */
.bt-hs-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 18px;
	border: 1px solid var(--hs-line);
	border-radius: var(--hs-radius-pill);
	background: var(--hs-white);
	color: var(--hs-navy);
	font-size: var(--hs-fs-label);
	font-weight: 600;
	line-height: var(--hs-lh-label);
	text-decoration: none;
	transition: background-color var(--hs-dur-fast) ease, border-color var(--hs-dur-fast) ease, color var(--hs-dur-fast) ease;
}

a.bt-hs-pill:hover {
	background: var(--hs-surface);
	border-color: var(--hs-navy-400);
	color: var(--hs-navy);
}

.bt-hs-pill .bt-icon {
	width: 18px;
	height: 18px;
	color: var(--hs-navy);
}

/* Bağlantı hapı, lacivert zemin (Pill/Link navy 44:426, Router): beyaz .08 + .18 çerçeve; üzerine gelince .18 + .30. */
.bt-hs-pill--navy {
	background: var(--hs-white-a08);
	border-color: var(--hs-white-a18);
	color: var(--hs-white);
}

a.bt-hs-pill--navy:hover {
	background: var(--hs-white-a18);
	border-color: var(--hs-white-a30);
	color: var(--hs-white);
}

.bt-hs-pill--navy .bt-icon {
	color: var(--hs-gold);
}

/* Yerel tür (Local): saydam, 1,5 px beyaz .30; üzerine gelince .08 + .66. */
.bt-hs-pill--navy-local {
	background: transparent;
	border: 1.5px solid var(--hs-white-a30);
	color: var(--hs-white);
}

a.bt-hs-pill--navy-local:hover {
	background: var(--hs-white-a08);
	border-color: var(--hs-white-a66);
	color: var(--hs-white);
}

.bt-hs-pill--navy-local .bt-icon {
	color: var(--hs-gold);
}

/* Çipler (Figma Chip 5:90). */
.bt-hs-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: var(--hs-radius-pill);
	font-size: var(--hs-fs-chip);
	font-weight: 600;
	line-height: var(--hs-lh-ui);
	white-space: nowrap;
	text-decoration: none;
}

.bt-hs-chip--location {
	padding: 7px 16px 7px 14px;
	border: 1px solid var(--hs-line);
	background: var(--hs-glass-light-chip-bg);
	color: var(--hs-ink);
	box-shadow: var(--hs-shadow-light-chip);
	-webkit-backdrop-filter: blur(var(--hs-glass-light-chip-blur));
	backdrop-filter: blur(var(--hs-glass-light-chip-blur));
}

.bt-hs-chip--tint {
	padding: 6px 12px 6px 10px;
	border: 1px solid var(--hs-navy-tint-line);
	background: var(--hs-navy-tint);
	color: var(--hs-navy);
	font-size: var(--hs-fs-chip-13);
}

.bt-hs-chip--lang {
	padding: 8px 14px;
	background: var(--hs-navy-tint);
	color: var(--hs-navy);
}

.bt-hs-chip--lang-more {
	padding: 8px 14px;
	background: var(--hs-gold-tint);
	color: var(--hs-navy);
}

.bt-hs-chip--badge {
	padding: 4px 10px;
	background: var(--hs-gold);
	color: var(--hs-ink);
	font-size: var(--hs-fs-badge);
	font-weight: 700;
}

.bt-hs-chip--inpage {
	padding: 10px 16px;
	border: 1px solid var(--hs-line);
	background: var(--hs-white);
	color: var(--hs-navy);
	font-size: var(--hs-fs-button-15);
}

.bt-hs-chip--onnavy {
	padding: 5px 10px;
	border: 1px solid var(--hs-white-a18);
	background: var(--hs-white-a08);
	color: var(--hs-white);
	font-size: var(--hs-fs-chip-13);
}

/* Canlı nokta: 8 px altın + 4 px hale (konum çipi 16 px, ton çipi 14 px). */
.bt-hs-dot {
	flex: none;
	width: 8px;
	height: 8px;
	margin: 4px;
	border-radius: 50%;
	background: var(--hs-gold);
	box-shadow: 0 0 0 4px var(--hs-gold-a28);
}

.bt-hs-chip--tint .bt-hs-dot {
	margin: 3px;
	box-shadow: 0 0 0 3px var(--hs-gold-a28);
}

/* Üst başlık (Section heading kicker): 10 px altın halka (2 px) + 15/600 lacivert; koyu zeminde altın metin. */
.bt-hs-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--hs-c-kicker);
	font-size: var(--hs-fs-kicker);
	font-weight: 600;
	line-height: var(--hs-lh-kicker);
}

.bt-hs-kicker::before {
	content: "";
	flex: none;
	width: 10px;
	height: 10px;
	border: 2px solid var(--hs-gold);
	border-radius: 50%;
}

/* Çizgili üst başlık (s15 deseni): 24 px altın çizgi. */
.bt-hs-kicker--dash::before {
	width: 24px;
	height: 2px;
	border: 0;
	border-radius: 1px;
	background: var(--hs-gold);
}

.bt-hs-kicker--plain::before {
	content: none;
}

/* Sayı halkası (s08 adım numarası): 52 px, 3 px altın, beyaz dolgu. */
.bt-hs-ring {
	display: inline-grid;
	place-items: center;
	flex: none;
	width: 52px;
	height: 52px;
	border: 3px solid var(--hs-gold);
	border-radius: 50%;
	background: var(--hs-white);
	color: var(--hs-navy);
}

/* ---------------------------------------------------------------- 8 Yüzeyler */

.bt-hs-card {
	border: 1px solid var(--hs-line);
	border-radius: var(--hs-radius-card);
	background: var(--hs-white);
}

.bt-hs-card--shadow {
	border-color: transparent;
	box-shadow: var(--hs-shadow-card);
}

.bt-hs-glass-dark {
	border: 1px solid var(--hs-glass-dark-border);
	border-radius: var(--hs-radius-glass);
	background: var(--hs-glass-dark-bg);
	-webkit-backdrop-filter: blur(var(--hs-glass-dark-blur));
	backdrop-filter: blur(var(--hs-glass-dark-blur));
}

.bt-hs-glass-light {
	border-radius: var(--hs-radius-glass);
	background: var(--hs-glass-light-card-bg);
	-webkit-backdrop-filter: blur(var(--hs-glass-light-card-blur));
	backdrop-filter: blur(var(--hs-glass-light-card-blur));
}

.bt-hs-media {
	overflow: hidden;
	border-radius: var(--hs-radius-bento);
	background: var(--hs-navy-tint);
}

.bt-hs-media > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---------------------------------------------------------------- 9 Gizli metin, odak */

/* Görsel olarak gizli, ekran okuyucuda okunur (tablo başlığı vb.). */
.bt-hs-sr,
.bt-hs .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* Odak: açık zeminde 3 px #4A3F9F (aralık 3), koyu zeminde 3 px altın (aralık 2); haplar köşeyi izler. */
.bt-hs :focus-visible {
	outline: 3px solid var(--hs-c-focus);
	outline-offset: var(--hs-focus-offset);
	border-radius: 4px;
}

.bt-hs :is(.bt-hs-btn, .bt-hs-pill, .bt-hs-chip, [role="tab"].bt-hs-chip):focus-visible {
	border-radius: var(--hs-radius-pill);
}

.bt-hs[data-band="navy"] :focus-visible,
.bt-hs[data-band="deep"] :focus-visible,
.bt-hs[data-band="photo"] :focus-visible {
	border-radius: 6px;
}

/* Açık kart/panel koyu bantta: odak halkası kartın rengine göre (bölüm .bt-hs-on-light ile işaretler). */
.bt-hs .bt-hs-on-light {
	--hs-c-focus: var(--hs-focus);
	--hs-focus-offset: 3px;
	--hs-c-link: var(--hs-navy);
	--hs-c-link-line: currentColor;
	--hs-c-heading: var(--hs-ink);
	--hs-c-text: var(--hs-ink);
	--hs-c-muted: var(--hs-muted);
}

.bt-hs .bt-hs-on-dark {
	--hs-c-focus: var(--hs-gold);
	--hs-focus-offset: 2px;
	--hs-c-link: var(--hs-white);
	--hs-c-link-line: var(--hs-gold);
	--hs-c-heading: var(--hs-white);
	--hs-c-text: var(--hs-white);
	--hs-c-muted: var(--hs-on-dark);
}

/* ---------------------------------------------------------------- 10 Durumlar (home-base.js yardımcıları) */

/* Sekme paneli / akordeon paneli: betik hidden özniteliğiyle yönetir; betik yokken hepsi görünür.
   hidden="until-found" hariç: tarayıcı onu content-visibility: hidden ile gizler (sayfa içi arama bulup beforematch
   ile açabilsin); display: none bunu bozar. Böyle bir panelin kutusu (dolgu/çerçeve) görünür kalır: dolguyu iç
   sarmalayıcıya verin. */
.bt-hs [hidden]:not([hidden="until-found"]) {
	display: none !important;
}

.bt-hs [aria-disabled="true"] {
	cursor: default;
}

/* ---------------------------------------------------------------- 11 Hareket */

/*
 * Görünüme girişte belirme ([data-hs-reveal]): betik yalnız ilk ekranın altında kalan öğeleri bekletir
 * (.is-hs-pending), görünüme girince .is-hs-in ile gösterir. İlk ekrandaki öğe hiç gizlenmez (LCP ve CLS etkilenmez;
 * yalnız opacity/transform). Betik yoksa ve azaltılmış harekette her şey görünür kalır.
 */
@media (prefers-reduced-motion: no-preference) {
	.bt-hs [data-hs-reveal].is-hs-pending {
		opacity: 0;
		transform: translateY(16px);
	}

	.bt-hs [data-hs-reveal="fade"].is-hs-pending {
		transform: none;
	}

	.bt-hs [data-hs-reveal="scale"].is-hs-pending {
		transform: scale(0.97);
	}

	.bt-hs [data-hs-reveal].is-hs-in {
		opacity: 1;
		transform: none;
		transition: opacity var(--hs-dur-reveal) var(--hs-ease), transform var(--hs-dur-reveal) var(--hs-ease);
		transition-delay: var(--hs-reveal-delay, 0ms);
	}
}

@media (prefers-reduced-motion: reduce) {
	.bt-hs *,
	.bt-hs *::before,
	.bt-hs *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		transition-delay: 0ms !important;
		scroll-behavior: auto !important;
	}

	.bt-hs-btn:hover,
	.bt-hs-btn--gold:hover,
	.bt-hs-btn--navy:hover {
		transform: none;
	}
}

/* ---------------------------------------------------------------- 12 Zorlanmış renkler ve yazdırma */

@media (forced-colors: active) {
	.bt-hs-btn,
	.bt-hs-pill,
	.bt-hs-chip {
		border: 1px solid ButtonText;
	}

	.bt-hs-link {
		background: none;
		text-decoration: underline;
	}

	.bt-hs-kicker::before,
	.bt-hs-dot {
		forced-color-adjust: none;
	}
}

@media print {
	.bt-hs {
		padding: 24px 0;
		background: none !important;
		color: #000 !important;
	}

	.bt-hs__decor {
		display: none;
	}

	.bt-hs [data-hs-reveal] {
		opacity: 1 !important;
		transform: none !important;
	}
}