/*
 * Yumurtalık Haber: ortak stiller (tokenlar, temel, düzen, header, footer, kartlar, düğmeler, formlar).
 * Şablona özel stiller home/single/archive/pages/widgets.css içindedir (Faz 2).
 * Kaynak: DESIGN.md. Bileşen CSS'i yalnızca token kullanır; ham hex yalnızca aşağıdaki token tanımlarındadır.
 *
 * İçindekiler
 *  1. Fontlar        6. Düğmeler ve formlar      11. Kartlar
 *  2. Tokenlar       7. Header                   12. Breadcrumb, sayfalama, meta
 *  3. Temel          8. Footer                   13. İçerik (entry)
 *  4. Tipografi      9. Bölüm başlığı, widget    14. Duyarlı ayarlar
 *  5. Düzen         10. Avatar, yer tutucu
 */

/* ==========================================================================
   1. Fontlar (temaya gömülü, SIL OFL 1.1; font-display: swap)
   ========================================================================== */

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Playfair Display";
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
	src: url("../fonts/playfair-display-latin-ext-wght-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Playfair Display";
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
	src: url("../fonts/playfair-display-latin-wght-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Playfair Display";
	font-style: italic;
	font-weight: 400 900;
	font-display: swap;
	src: url("../fonts/playfair-display-latin-ext-wght-italic.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Playfair Display";
	font-style: italic;
	font-weight: 400 900;
	font-display: swap;
	src: url("../fonts/playfair-display-latin-wght-italic.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ==========================================================================
   2. Tokenlar (DESIGN.md §1: açık = :root, koyu = html[data-theme="dark"])
   ========================================================================== */

:root {
	/* Zemin ve yüzey */
	--c-bg: #FFFFFF;
	--c-surface: #F4F5F7;
	--c-surface-2: #FAFBFC;
	--c-card: #FFFFFF;

	/* Metin */
	--c-text: #111418;
	--c-text-body: #23282E;
	--c-text-2: #4A5058;
	--c-muted: #696F77; /* WCAG AA: beyazda 5.1:1, --c-surface üzerinde 4.65:1 (Figma #8A9098'den onaylı sapma) */
	--c-faint: #B0B6BD;

	/* Çizgi */
	--c-border: #E6E8EB;
	--c-border-strong: #D5DAE0;
	--c-border-input: #C9CED4;
	--c-radio: #B8C0C8;

	/* Marka */
	--c-brand: #0A5FB4;
	--c-brand-fill: #0A5FB4;
	--c-on-brand: #FFFFFF;
	--c-brand-tint: #EAF2FA;
	--c-brand-tint-2: #E7F0FA;
	--c-brand-tint-3: #CFE0F3;
	--c-avatar: #E3ECF6;

	/* Siyah hap buton */
	--c-ink: #111418;
	--c-on-ink: #FFFFFF;

	/* Kırmızı vurgu */
	--c-accent: #D62828;
	--c-accent-text: #D62828;

	/* Navy alanlar (üst bar, footer, hava kartı) */
	--c-navy: #0E1B2C;
	--c-navy-line: #22324A;
	--c-navy-pill: #2C3D55;
	--c-navy-rule: #3A4A60;
	--c-on-navy: #FFFFFF;
	--c-on-navy-2: #B8C4D4;
	--c-on-navy-3: #A9B6C6;
	--c-on-navy-4: #7F8EA3;
	--c-on-navy-5: #8FA1B8;
	--c-on-navy-link: #6FA8E6;
	--c-sun: #F6C453;

	/* Uyarı */
	--c-warn-bg: #FDECEC;
	--c-warn-text: #8A1C1C;

	/* Görsel üstü */
	--c-overlay: linear-gradient(180deg, rgba(14, 27, 44, 0) 30%, rgba(14, 27, 44, .85) 100%);
	--c-on-image: #FFFFFF;
	--c-on-image-2: #C9D2DC;
	--c-on-image-3: #D5DCE4;

	/* Logo plakası (beyaz zemin; iki temada aynı) */
	--c-plate: #FFFFFF;

	/* Paylaşım düğmeleri (marka renkleri; iki temada aynı, X hariç) */
	--share-facebook: #1877F2;
	--share-x: #111418;
	--share-whatsapp: #25D366;
	--share-telegram: #229ED9;
	--share-linkedin: #0A66C2;

	/* Yazı tipleri */
	--f-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--f-serif: "Playfair Display", Georgia, "Times New Roman", serif;

	/* 390 → 1024 arası akışkan ölçek: 0px (390) … 1px (1024). Kullanım: calc(26px + 14 * var(--k)) */
	--k: calc((100vw - 390px) / 634);

	--radius-pill: 999px;
	--radius-box: 6px;

	/* Hareket (bağlayıcı adlar; Faz 2 CSS'leri de bunları kullanır) */
	--ease-out: cubic-bezier(0.23, 1, 0.32, 1);
	--ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
	--dur-1: 150ms;
	--dur-2: 200ms;
	--dur-3: 300ms;
}

html[data-theme="dark"] {
	--c-bg: #0F1419;
	--c-surface: #18202A;
	--c-surface-2: #141B23;
	--c-card: #151C25;

	--c-text: #E8EBEF;
	--c-text-body: #D5DAE0;
	--c-text-2: #AEB6C0;
	--c-muted: #8A949F;
	--c-faint: #5E6873;

	--c-border: #26303B;
	--c-border-strong: #334050;
	--c-border-input: #3A4756;
	--c-radio: #4A5664;

	--c-brand: #5AA2EE;
	--c-brand-fill: #2670BF; /* beyaz metinle 5.06:1 (türetilmiş #2F7FD1 → 4.14 idi) */
	--c-on-brand: #FFFFFF;
	--c-brand-tint: #13243A;
	--c-brand-tint-2: #172B44;
	--c-brand-tint-3: #1E3554;
	--c-avatar: #1E2A38;

	--c-ink: #E8EBEF;
	--c-on-ink: #0F1419;

	--c-accent: #D62828;
	--c-accent-text: #F06A6A;

	--c-navy: #0A1018;
	--c-navy-line: #1A2633;
	--c-navy-pill: #24334A;
	--c-navy-rule: #2A384B;
	--c-on-navy: #FFFFFF;
	--c-on-navy-2: #B8C4D4;
	--c-on-navy-3: #A9B6C6;
	--c-on-navy-4: #7F8EA3;
	--c-on-navy-5: #8FA1B8;
	--c-on-navy-link: #6FA8E6;
	--c-sun: #F6C453;

	--c-warn-bg: #3A1A1D;
	--c-warn-text: #F2A7A7;

	--c-overlay: linear-gradient(180deg, rgba(14, 27, 44, 0) 30%, rgba(14, 27, 44, .85) 100%);
	--c-on-image: #FFFFFF;
	--c-on-image-2: #C9D2DC;
	--c-on-image-3: #D5DCE4;

	--c-plate: #FFFFFF;

	--share-x: #000000;
}

/* ==========================================================================
   3. Temel
   ========================================================================== */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	color-scheme: light;
	scroll-behavior: smooth;
}

html[data-theme="dark"] {
	color-scheme: dark;
}

body {
	margin: 0;
	background: var(--c-bg);
	color: var(--c-text);
	font: 400 14px/23px var(--f-sans);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	overflow-wrap: break-word;
}

h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--f-serif);
	font-weight: 700;
	overflow-wrap: anywhere;
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

img, video, iframe {
	max-width: 100%;
}

img {
	display: block;
	height: auto;
}

a {
	color: inherit;
	text-decoration: none;
}

button, input, select, textarea {
	font: inherit;
	color: inherit;
}

button {
	cursor: pointer;
}

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

[hidden] {
	display: none !important;
}

:focus-visible {
	outline: 2px solid var(--c-brand);
	outline-offset: 2px;
}

.topbar :focus-visible,
.site-footer__main :focus-visible {
	outline-color: var(--c-on-navy-link);
}

.site-main:focus {
	outline: none;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.skip-link:focus {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 1000;
	width: auto;
	height: auto;
	margin: 0;
	padding: 12px 18px;
	overflow: visible;
	clip: auto;
	clip-path: none;
	background: var(--c-ink);
	color: var(--c-on-ink);
	border-radius: var(--radius-box);
	font: 600 14px/17px var(--f-sans);
}

.only-narrow {
	display: none;
}

/* Hareket azaltma: kayma/ölçek hareketleri kalkar; renk ve opaklık geçişleri kalır (ayrıntılar bileşenlerin yanında). */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* Tema değişiminde tüm geçişler bir kare kapatılır: renkler tek seferde değişir (main.js ekler/kaldırır). */
.theme-switching,
.theme-switching *,
.theme-switching *::before,
.theme-switching *::after {
	transition: none !important;
}

/* Tema geçişi (View Transitions): yeni tema, düğmeden açılan daireyle eskinin üstünde yayılır (clip-path main.js'te
   WAAPI ile animasyonlanır). Azaltılmış harekette daire yok: tarayıcının kısa çapraz solması. */
@media (prefers-reduced-motion: no-preference) {
	::view-transition-old(root),
	::view-transition-new(root) {
		animation: none;
		mix-blend-mode: normal;
	}

	::view-transition-new(root) {
		z-index: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	::view-transition-old(root),
	::view-transition-new(root) {
		animation-duration: 200ms;
	}
}

/* ==========================================================================
   4. Tipografi rolleri (DESIGN.md §2). 390'da mobil, 1024+'ta masaüstü değer; arası akışkan.
   ========================================================================== */

.t-page { /* Sayfa H1: kategori, sayfa, köşe listesi */
	font: 700 clamp(32px, calc(32px + 20 * var(--k)), 52px) / clamp(38px, calc(38px + 22 * var(--k)), 60px) var(--f-serif);
}

.t-news { /* Haber detay H1 */
	font: 700 clamp(26px, calc(26px + 14 * var(--k)), 40px) / clamp(34px, calc(34px + 16 * var(--k)), 50px) var(--f-serif);
}

.t-hero { /* Ana sayfa manşet başlığı */
	font: 700 clamp(26px, calc(26px + 5 * var(--k)), 31px) / clamp(33px, calc(33px + 6 * var(--k)), 39px) var(--f-serif);
}

.t-overlay-lg { /* Görsel üstü büyük kart başlığı */
	font: 700 clamp(23px, calc(23px + 7 * var(--k)), 30px) / clamp(30px, calc(30px + 8 * var(--k)), 38px) var(--f-serif);
}

.t-section { /* Bölüm başlığı */
	font: 700 clamp(22px, calc(22px + 2 * var(--k)), 24px) / clamp(29px, calc(29px + 3 * var(--k)), 32px) var(--f-serif);
}

.t-block { /* Blok başlığı */
	font: 700 22px/29px var(--f-serif);
}

.t-card-md { /* Kart başlığı orta */
	font: 700 21px/28px var(--f-serif);
}

.t-side { /* Kenar alan bölüm başlığı */
	font: 700 20px/27px var(--f-serif);
}

.t-card { /* Kart başlığı */
	font: 700 19px/26px var(--f-serif);
}

.t-card-sm { /* Kart başlığı küçük */
	font: 600 15px/21px var(--f-serif);
}

.t-card-xs {
	font: 600 14px/19px var(--f-serif);
}

.t-quote { /* Alıntı (italik) */
	font: italic 400 clamp(18px, calc(18px + 1 * var(--k)), 19px) / clamp(26px, calc(26px + 2 * var(--k)), 28px) var(--f-serif);
}

.t-lead { /* Haber spotu */
	font: 400 clamp(16px, calc(16px + 3 * var(--k)), 19px) / clamp(26px, calc(26px + 4 * var(--k)), 30px) var(--f-sans);
}

.t-body {
	font: 400 14px/23px var(--f-sans);
}

.t-small {
	font: 400 13px/20px var(--f-sans);
}

.t-ui {
	font: 500 14px/16px var(--f-sans);
}

.t-label { /* Kategori etiketi */
	font: 600 11px/13px var(--f-sans);
	letter-spacing: .08em;
	text-transform: uppercase;
}

.t-eyebrow { /* Küçük etiket */
	font: 600 12px/14px var(--f-sans);
	letter-spacing: .1em;
	text-transform: uppercase;
}

/* ==========================================================================
   5. Düzen
   ========================================================================== */

.container {
	width: 100%;
	max-width: 1240px; /* 1200 içerik + 2 × 20 iç boşluk */
	margin-inline: auto;
	padding-inline: 20px;
}

.layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 380px; /* ana 790 + 30 + kenar 380 (1200'de) */
	column-gap: 30px;
	align-items: start;
}

.layout--single {
	grid-template-columns: minmax(0, 1fr);
}

.layout__main {
	min-width: 0;
}

.layout__aside {
	display: flex;
	flex-direction: column;
	gap: 36px;
	min-width: 0;
}

.layout__aside.is-sticky {
	position: sticky;
	top: 24px;
}

.site-header {
	position: relative;
	z-index: 50;
}

/* index.php yedek şablonu */
.index-wrap {
	padding-top: 28px;
	padding-bottom: 64px;
}

.index-wrap .breadcrumbs {
	margin-bottom: 14px;
}

.archive-head {
	margin-bottom: 28px;
	padding-bottom: 20px;
	border-bottom: 3px solid var(--c-ink);
}

.archive-head--plain {
	padding-bottom: 0;
	border-bottom: 0;
}

.archive-head__desc {
	margin-top: 8px;
	color: var(--c-text-2);
	font: 400 16px/24px var(--f-sans);
}

.archive-empty {
	color: var(--c-text-2);
}

.archive-search {
	max-width: 420px;
	margin-top: 20px;
}

.card-stack {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.card-stack > .card + .card {
	padding-top: 28px;
	border-top: 1px solid var(--c-border);
}

/* ==========================================================================
   6. Düğmeler ve formlar
   ========================================================================== */

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 18px;
	border: 0;
	border-radius: var(--radius-pill);
	font: 600 13px/16px var(--f-sans);
	white-space: nowrap;
	cursor: pointer;
	transition: transform 160ms var(--ease-out), opacity var(--dur-1) ease, background-color var(--dur-1) ease, color var(--dur-1) ease, border-color var(--dur-1) ease;
}

@media (hover: hover) and (pointer: fine) {
	.btn:hover {
		opacity: .88;
	}
}

/* Basma geri bildirimi (ortak) */
.btn:active,
.theme-toggle:active,
.icon-btn:active,
.breaking__btn:active,
a.page-numbers:active,
.submenu-toggle:active {
	transform: scale(.97);
}

.btn--ink {
	background: var(--c-ink);
	color: var(--c-on-ink);
}

.btn--brand {
	background: var(--c-brand-fill);
	color: var(--c-on-brand);
}

.btn--outline {
	padding: 9px 18px;
	border: 1px solid var(--c-ink);
	background: transparent;
	color: var(--c-ink);
	font-size: 12px;
	line-height: 15px;
}

.btn--block {
	display: flex;
	width: 100%;
}

.field {
	display: block;
	width: 100%;
	padding: 14px 18px;
	border: 1px solid var(--c-border-strong);
	border-radius: var(--radius-box);
	background: var(--c-card);
	color: var(--c-text);
	font: 400 14px/17px var(--f-sans);
	appearance: none;
}

.field--pill {
	border-radius: var(--radius-pill);
}

.field::placeholder,
.search-pill__input::placeholder {
	color: var(--c-muted);
	opacity: 1;
}

textarea.field {
	min-height: 140px;
	line-height: 22px;
	resize: vertical;
}

.field:focus-visible {
	border-color: var(--c-brand);
}

/* Arama hapı (Figma 163×38) */
.search-pill {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 163px;
	height: 38px;
	padding: 0 18px 0 14px;
	border: 1px solid var(--c-border);
	border-radius: var(--radius-pill);
	background: var(--c-bg);
	color: var(--c-muted);
	transition: border-color var(--dur-1) ease;
}

.search-pill:focus-within {
	width: 240px;
	border-color: var(--c-border-input);
	outline: 2px solid var(--c-brand);
	outline-offset: 2px;
}

.search-pill__input {
	flex: 1;
	align-self: stretch;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--c-text);
	font: 400 13px/16px var(--f-sans);
	appearance: none;
}

.search-pill__input:focus-visible {
	outline: none;
}

.search-pill__input::-webkit-search-cancel-button,
.search-pill__input::-webkit-search-decoration {
	display: none;
}

.widget .search-pill,
.archive-search .search-pill,
.mobile-panel .search-pill {
	width: 100%;
}

/* ==========================================================================
   7. Header (Figma 36:15 / 36:142)
   ========================================================================== */

/* --- Üst bar --- */
.topbar {
	background: var(--c-navy);
	color: var(--c-on-navy-2);
	font: 400 12px/15px var(--f-sans);
}

html[data-theme="dark"] .topbar {
	border-bottom: 1px solid var(--c-border);
}

.topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-block: 10px;
}

.topbar__info,
.topbar__links {
	display: flex;
	align-items: center;
	min-width: 0;
}

.topbar__info {
	gap: 18px;
}

.topbar__links {
	gap: 20px;
}

.topbar__date {
	color: var(--c-on-navy);
	font-weight: 500;
	white-space: nowrap;
}

.topbar__weather {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--c-on-navy-2);
}

/*
 * Hava durumu özeti (hava verisi inc/widgets/zz-weather-data.php; durum `topbar-wx__icon--<ad>` sınıfı).
 * header.php çıktıyı wp_kses_post'tan geçirdiği için satır içi SVG geçmez: ikonlar CSS maskesi olarak çizilir
 * (çizgi ikonları weather.php'deki hava kartı ikonlarıyla aynı, 24 birimlik, 14 px'te çizgi 2). Renk token'dan.
 */
.topbar-wx__icon {
	flex: none;
	display: block;
	width: 14px;
	height: 14px;
	background-color: var(--c-on-navy-2);
	-webkit-mask: var(--wx-icon) center / contain no-repeat;
	mask: var(--wx-icon) center / contain no-repeat;
}

.topbar-wx__icon--clear {
	--wx-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Cpath d='M12 1.5v3M12 19.5v3M1.5 12h3M19.5 12h3M4.57 4.57l2.12 2.12M17.31 17.31l2.12 2.12M4.57 19.43l2.12-2.12M17.31 6.69l2.12-2.12'/%3E%3C/svg%3E");
	background-color: var(--c-sun);
}

.topbar-wx__icon--clouds {
	--wx-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 19a4.5 4.5 0 0 1-.6-8.96 6 6 0 0 1 11.4 1.3A3.9 3.9 0 0 1 17.5 19z'/%3E%3C/svg%3E");
}

.topbar-wx__icon--rain {
	--wx-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(0 -3)' d='M7.5 19a4.5 4.5 0 0 1-.6-8.96 6 6 0 0 1 11.4 1.3A3.9 3.9 0 0 1 17.5 19z'/%3E%3Cpath d='M8.5 19.5l-1 3M13 19.5l-1 3M17.5 19.5l-1 3'/%3E%3C/svg%3E");
}

.topbar-wx__icon--snow {
	--wx-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(0 -3)' d='M7.5 19a4.5 4.5 0 0 1-.6-8.96 6 6 0 0 1 11.4 1.3A3.9 3.9 0 0 1 17.5 19z'/%3E%3Cpath stroke-width='2.4' d='M8 20h.01M12 20h.01M16 20h.01M10 22.6h.01M14 22.6h.01'/%3E%3C/svg%3E");
}

.topbar-wx__icon--storm {
	--wx-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(0 -3)' d='M7.5 19a4.5 4.5 0 0 1-.6-8.96 6 6 0 0 1 11.4 1.3A3.9 3.9 0 0 1 17.5 19z'/%3E%3Cpath d='M13 16.5l-3 3.5h4l-3 3.5'/%3E%3C/svg%3E");
}

.topbar-wx__icon--mist {
	--wx-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h16M2.5 12h19M5 16.5h14M8.5 21h7'/%3E%3C/svg%3E");
}

.topbar-wx__text {
	display: inline-flex;
	column-gap: .55em;
	white-space: nowrap;
}

.topbar__sep {
	display: block;
	flex: none;
	width: 1px;
	height: 12px;
	background: var(--c-navy-rule);
}

.topbar .menu,
.topbar-social__list {
	display: flex;
	align-items: center;
	gap: 20px;
}

.topbar .menu a {
	color: var(--c-on-navy-2);
	white-space: nowrap;
	transition: color var(--dur-1) ease;
}

.topbar-social__item a {
	color: var(--c-on-navy);
	font-weight: 500;
}

.topbar a:hover {
	color: var(--c-on-navy);
}

/* --- Logo alanı --- */
.masthead {
	background: var(--c-bg);
}

.masthead__inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 26px;
}

.masthead__left {
	display: flex;
	align-items: center;
	justify-self: start;
}

.masthead__brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	min-width: 0;
	text-align: center;
}

.masthead__brand .logo {
	display: block;
	width: 390px;
	max-width: 100%;
}

.masthead__brand .logo__img {
	width: 100%;
	height: auto;
}

.masthead__tagline {
	color: var(--c-muted);
	font: 500 11px/13px var(--f-sans);
	letter-spacing: .18em;
	text-transform: uppercase;
}

.masthead__right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	justify-self: end;
	gap: 12px;
}

.masthead__subscribe {
	height: 36px;
	padding: 0 18px;
}

/* Koyu temada logo beyaz plaka içinde (yerleşim değişmesin diye plaka taşırılır) */
html[data-theme="dark"] .masthead__brand .logo {
	margin: -6px -10px;
	padding: 6px 10px;
	width: calc(390px + 20px);
	border-radius: var(--radius-box);
	background: var(--c-plate);
}

.theme-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 36px;
	padding: 0 14px 0 12px;
	border: 1px solid var(--c-border);
	border-radius: var(--radius-pill);
	background: var(--c-bg);
	color: var(--c-text);
	font: 500 13px/16px var(--f-sans);
	white-space: nowrap;
	transition: transform 160ms var(--ease-out), border-color var(--dur-1) ease;
}

.theme-toggle:hover {
	border-color: var(--c-border-input);
}

.theme-toggle__icon {
	display: inline-flex;
}

/* Açıkta: ay + "Koyu"; koyuda: güneş + "Açık" */
.theme-toggle__icon--sun,
.theme-toggle__label--light {
	display: none;
}

html[data-theme="dark"] .theme-toggle__icon--moon,
html[data-theme="dark"] .theme-toggle__label--dark {
	display: none;
}

html[data-theme="dark"] .theme-toggle__icon--sun {
	display: inline-flex;
}

html[data-theme="dark"] .theme-toggle__label--light {
	display: inline;
}

.icon-btn {
	-webkit-tap-highlight-color: transparent;
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: -10px; /* görsel 24×24 kalır, dokunma alanı 44×44 */
	padding: 0;
	border: 0;
	background: none;
	color: var(--c-text);
	transition: transform 160ms var(--ease-out);
}

.icon-btn .icon-btn__close,
.icon-btn[aria-expanded="true"] .icon-btn__open {
	display: none;
}

.icon-btn[aria-expanded="true"] .icon-btn__close {
	display: inline-block;
}

/* --- Menü çubuğu --- */
.primary-nav {
	border-top: 1px solid var(--c-border);
	border-bottom: 1px solid var(--c-border);
	background: var(--c-bg);
}

.primary-nav__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.primary-nav .menu {
	display: flex;
	flex-wrap: wrap;
	gap: 0 clamp(16px, 2.1vw, 30px);
	min-width: 0;
}

.primary-nav .menu > li {
	position: relative;
	display: flex;
	align-items: center;
}

.primary-nav .menu > li > a {
	display: block;
	padding: 17px 0 15px;
	border-bottom: 2px solid transparent;
	color: var(--c-text);
	font: 500 14px/17px var(--f-sans);
	white-space: nowrap;
	transition: color var(--dur-1) ease;
}

.primary-nav .menu > li > a:hover {
	color: var(--c-brand);
}

.primary-nav .menu > li.current-menu-item > a,
.primary-nav .menu > li.current-menu-ancestor > a,
.primary-nav .menu > li.current-menu-parent > a {
	border-bottom-color: var(--c-brand);
	color: var(--c-brand);
	font-weight: 600;
}

/* Alt menü açılırı */
.primary-nav .menu-link--toggle::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 0 3px 8px;
	border: solid currentColor;
	border-width: 0 1.6px 1.6px 0;
	transform: rotate(45deg);
	transition: transform var(--dur-1) var(--ease-out);
}

.primary-nav .menu-item-has-children.is-open > .menu-link--toggle::after {
	transform: rotate(-135deg);
	margin-bottom: -2px;
}

.submenu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-left: 0;
	padding: 0;
	border: 0;
	background: none;
	color: var(--c-text);
	transition: transform 160ms var(--ease-out);
}

.submenu-toggle__icon {
	transform: rotate(90deg);
	transition: transform var(--dur-1) var(--ease-out);
}

.menu-item-has-children.is-open > .submenu-toggle .submenu-toggle__icon {
	transform: rotate(-90deg);
}

.primary-nav .sub-menu {
	position: absolute;
	top: 100%;
	left: -16px;
	z-index: 60;
	display: none;
	min-width: 210px;
	padding: 8px 0;
	border: 1px solid var(--c-border);
	border-radius: var(--radius-box);
	background: var(--c-card);
	transform-origin: top;
	--menu-shift: -4px;
	transition: opacity var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);
}

/* Açılış: opaklık + 4px aşağı kayma; kapanış anında (display geçişi) */
@starting-style {
	.primary-nav .sub-menu {
		opacity: 0;
		transform: translateY(var(--menu-shift));
	}
}

.primary-nav .menu-item-has-children:hover > .sub-menu,
.primary-nav .menu-item-has-children:focus-within > .sub-menu,
.primary-nav .menu-item-has-children.is-open > .sub-menu {
	display: block;
}

.primary-nav .sub-menu a {
	display: block;
	padding: 10px 16px;
	color: var(--c-text);
	font: 500 14px/17px var(--f-sans);
	transition: background-color var(--dur-1) ease, color var(--dur-1) ease;
}

.primary-nav .sub-menu a:hover,
.primary-nav .sub-menu .current-menu-item > a {
	background: var(--c-surface);
	color: var(--c-brand);
}

.primary-nav__columnists {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 8px;
	color: var(--c-text);
	font: 600 14px/17px var(--f-sans);
	transition: color var(--dur-1) ease;
}

.primary-nav__columnists:hover {
	color: var(--c-brand);
}

/* --- Son Dakika bandı --- */
.breaking {
	padding-top: 20px;
	background: var(--c-bg);
}

.breaking__band {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 48px;
	padding: 10px 12px 10px 10px;
	background: var(--c-surface);
}

.breaking__label {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	background: var(--c-accent);
	color: var(--c-on-brand);
	font: 700 11px/13px var(--f-sans);
	letter-spacing: .08em;
	text-transform: uppercase;
	white-space: nowrap;
}

.breaking__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

.breaking__list {
	position: relative;
	flex: 1;
	min-width: 0;
	height: 17px;
}

.breaking__item {
	position: absolute;
	inset: 0;
	visibility: hidden;
	opacity: 0;
}

.breaking__item.is-active,
.breaking__item.is-leaving {
	visibility: visible;
}

.breaking__item.is-active {
	opacity: 1;
}

/* Geçiş yalnızca ilk değişimden sonra (main.js band[data-dir] koyar): gelen alttan 250ms, giden yukarı 150ms.
   ‹ ile (data-dir="prev") yön tersine döner. */
.breaking[data-dir] .breaking__item.is-active {
	animation: yh-ticker-in-next 250ms var(--ease-out) both;
}

.breaking[data-dir] .breaking__item.is-leaving {
	animation: yh-ticker-out-next 150ms var(--ease-out) both;
}

.breaking[data-dir="prev"] .breaking__item.is-active {
	animation-name: yh-ticker-in-prev;
}

.breaking[data-dir="prev"] .breaking__item.is-leaving {
	animation-name: yh-ticker-out-prev;
}

@keyframes yh-ticker-in-next {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}

@keyframes yh-ticker-in-prev {
	from { opacity: 0; transform: translateY(-8px); }
	to { opacity: 1; transform: none; }
}

@keyframes yh-ticker-out-next {
	from { opacity: 1; transform: none; }
	to { opacity: 0; transform: translateY(-8px); }
}

@keyframes yh-ticker-out-prev {
	from { opacity: 1; transform: none; }
	to { opacity: 0; transform: translateY(8px); }
}

@keyframes yh-ticker-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes yh-ticker-fade-out {
	from { opacity: 1; }
	to { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.breaking[data-dir] .breaking__item.is-active,
	.breaking[data-dir="prev"] .breaking__item.is-active {
		animation-name: yh-ticker-fade-in;
	}

	.breaking[data-dir] .breaking__item.is-leaving,
	.breaking[data-dir="prev"] .breaking__item.is-leaving {
		animation-name: yh-ticker-fade-out;
	}
}

.breaking__item a {
	display: block;
	overflow: hidden;
	color: var(--c-text);
	font: 500 14px/17px var(--f-sans);
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color var(--dur-1) ease;
}

.breaking__item a:hover {
	color: var(--c-brand);
}

.breaking__controls {
	display: flex;
	flex: none;
	gap: 6px;
}

.breaking__btn {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 1px solid var(--c-border);
	border-radius: 50%;
	background: var(--c-card);
	color: var(--c-text);
	transition: transform 160ms var(--ease-out), border-color var(--dur-1) ease;
}

.breaking__btn:hover {
	border-color: var(--c-border-input);
}

/* --- Mobil açılır paneller --- */
.mobile-panel {
	padding-block: 12px 20px;
	border-bottom: 1px solid var(--c-border);
	background: var(--c-bg);
	--panel-shift: -8px;
	transition: opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);
}

/* hidden kalkınca opaklık + 8px aşağı kayma; kapanış anında */
@starting-style {
	.mobile-panel {
		opacity: 0;
		transform: translateY(var(--panel-shift));
	}
}

.mobile-panel .menu {
	display: flex;
	flex-direction: column;
}

.mobile-panel .menu a,
.mobile-panel .menu-label {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid var(--c-border);
	font: 500 15px/20px var(--f-sans);
}

.mobile-panel .menu-label {
	color: var(--c-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.mobile-panel .sub-menu {
	padding-left: 16px;
}

.mobile-panel .current-menu-item > a {
	color: var(--c-brand);
	font-weight: 600;
}

.mobile-panel__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 0;
	font: 600 15px/20px var(--f-sans);
}

.mobile-panel .btn {
	margin-top: 6px;
}

.mobile-panel__aux {
	margin-top: 18px;
}

.mobile-panel__aux .menu {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px 20px;
}

.mobile-panel__aux .menu a {
	padding: 0;
	border: 0;
	color: var(--c-text-2);
	font: 400 13px/16px var(--f-sans);
}

/* ==========================================================================
   8. Footer (Figma 36:91 / 36:184)
   ========================================================================== */

.newsletter {
	background: var(--c-bg);
	padding-bottom: 64px;
	scroll-margin-top: 24px;
}

.newsletter__box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	padding: 40px 48px;
	background: var(--c-brand-tint);
}

.newsletter__text {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
	max-width: 520px;
}

.newsletter__title {
	color: var(--c-text);
	font: 700 28px/36px var(--f-serif);
}

.newsletter__desc {
	color: var(--c-text-2);
	font: 400 14px/22px var(--f-sans);
}

.newsletter__form {
	display: grid;
	flex: none;
	grid-template-columns: minmax(0, 1fr) 110px;
	align-items: center;
	gap: 10px;
	width: 440px;
}

.newsletter__input {
	min-width: 0;
}

.newsletter__input[aria-invalid="true"] {
	border-color: var(--c-accent-text);
}

/* Alan altı hata öğesi: boşken öğe yok (display: none), satır oluşmaz; doluyken alanın hemen altında (6 px). */
.newsletter__error {
	grid-column: 1 / -1;
	grid-row: 2;
	margin: -4px 0 0 18px;
	color: var(--c-warn-text);
	font: 500 13px/16px var(--f-sans);
	transition: opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);
}

.newsletter__error:empty {
	display: none;
}

@starting-style {
	.newsletter__error {
		opacity: 0;
		transform: translateY(-4px);
	}
}

.newsletter__submit {
	grid-column: 2;
	grid-row: 1;
	width: 110px;
	padding: 14px 0;
}

.newsletter__submit[aria-busy="true"] {
	cursor: progress;
	pointer-events: none;
}

/* Durum iletisi: görünüm `.nl-form__status`tan (widgets.css, bülten widget'ıyla ortak); burada yalnızca yerleşim. */
.newsletter__status {
	grid-column: 1 / -1;
	margin: 0;
	padding: 0 4px;
}

/* Bal küpü (`umh97_hp`): görsel ve ekran okuyucudan gizli, odaklanamaz; yalnızca botlar doldurur. */
.newsletter__hp {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.newsletter__hp input {
	width: 0;
	height: 0;
	padding: 0;
	border: 0;
}

/* Bülten onay/çıkış bandı: `?yh_nl=…` ile dönüşte forms.js, ana içeriğin başına ekler. */
.yh-nl-notice {
	border-bottom: 1px solid var(--c-brand-tint-3);
	background: var(--c-brand-tint);
	color: var(--c-text);
}

.yh-nl-notice[data-state="error"] {
	border-bottom-color: transparent;
	background: var(--c-warn-bg);
	color: var(--c-warn-text);
}

.yh-nl-notice__in {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding-block: 14px;
}

.yh-nl-notice__text {
	margin: 0;
	font: 500 14px/22px var(--f-sans);
}

.yh-nl-notice__close {
	flex: none;
	margin: -10px -10px -10px 0;
	padding: 10px 12px;
	border: 0;
	border-radius: var(--radius-box);
	background: none;
	color: inherit;
	font: 600 13px/20px var(--f-sans);
	cursor: pointer;
}

.yh-nl-notice__close:focus-visible {
	outline: 2px solid var(--c-brand);
	outline-offset: -2px;
}

.yh-nl-notice:focus {
	outline: none;
}

.site-footer__main {
	padding-top: 56px;
	background: var(--c-navy);
	color: var(--c-on-navy-3);
}

html[data-theme="dark"] .site-footer__main {
	border-top: 1px solid var(--c-border);
}

.site-footer__top {
	display: grid;
	grid-template-columns: 380px repeat(3, minmax(0, 1fr));
	column-gap: 60px;
	align-items: start;
}

.footer-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
}

.footer-brand__logo .logo {
	display: block;
	width: 292px;
	padding: 12px 16px;
	border-radius: 8px;
	background: var(--c-plate);
}

.footer-brand__logo .logo__img {
	width: 100%;
	height: auto;
}

.footer-brand__desc {
	max-width: 360px;
	font: 400 14px/23px var(--f-sans);
}

.footer-social__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.footer-social__item a {
	display: inline-flex;
	padding: 7px 12px;
	border: 1px solid var(--c-navy-pill);
	border-radius: var(--radius-pill);
	color: var(--c-on-navy);
	font: 500 12px/15px var(--f-sans);
	transition: border-color var(--dur-1) ease;
}

.footer-social__item a:hover {
	border-color: var(--c-on-navy-3);
}

.footer-col {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.footer-col__title {
	color: var(--c-on-navy);
	font: 600 12px/15px var(--f-sans);
	letter-spacing: .1em;
	text-transform: uppercase;
}

.footer-col__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.footer-col__list a {
	display: block;
	color: var(--c-on-navy-3);
	font: 400 14px/17px var(--f-sans);
	transition: color var(--dur-1) ease;
}

.footer-col__list a:hover {
	color: var(--c-on-navy);
}

.site-footer__bottom {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-top: 44px;
	padding: 22px 0 26px;
	border-top: 1px solid var(--c-navy-line);
	color: var(--c-on-navy-4);
	font: 400 13px/16px var(--f-sans);
}

/* ==========================================================================
   9. Bölüm başlığı ve widget kabuğu
   ========================================================================== */

.section-title {
	display: flex;
	align-items: center;
	gap: 16px;
}

.section-title__text {
	flex: none;
	color: var(--c-text);
	font: 700 clamp(22px, calc(22px + 2 * var(--k)), 24px) / clamp(29px, calc(29px + 3 * var(--k)), 32px) var(--f-serif);
}

.section-title__rule {
	flex: 1;
	min-width: 16px;
	height: 1px;
	background: var(--c-border);
}

.section-title__more {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 6px;
	margin-block: -4px; /* dokunma alanı: 16 + 8 = 24 px */
	padding-block: 4px;
	color: var(--c-brand);
	font: 600 13px/16px var(--f-sans);
	white-space: nowrap;
}

.section-title__more:hover {
	text-decoration: underline;
}

.widget {
	min-width: 0;
}

.widget-title {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
	color: var(--c-text);
	font: 700 20px/27px var(--f-serif);
}

.widget-title__text {
	flex: none;
	max-width: 100%;
}

.widget-title::after {
	content: "";
	flex: 1;
	min-width: 12px;
	height: 1px;
	background: var(--c-border);
}

/* Çekirdek widget'lar için sade temel (Faz 2-E kendi görünümlerini widgets.css'e yazar) */
.widget ul {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.widget_recent_entries a:not(.cat-label),
.widget_categories a:not(.cat-label),
.widget_archive a:not(.cat-label),
.widget_pages a:not(.cat-label),
.widget_nav_menu a:not(.cat-label),
.widget_meta a:not(.cat-label) {
	font: 600 14px/19px var(--f-serif);
	transition: color var(--dur-1) ease;
}

.widget_recent_entries a:not(.cat-label):hover,
.widget_categories a:not(.cat-label):hover,
.widget_archive a:not(.cat-label):hover,
.widget_pages a:not(.cat-label):hover,
.widget_nav_menu a:not(.cat-label):hover,
.widget_meta a:not(.cat-label):hover {
	color: var(--c-brand);
}

.widget_recent_entries .post-date {
	display: block;
	margin-top: 4px;
	color: var(--c-muted);
	font: 400 11px/13px var(--f-sans);
}

.widget_custom_html img,
.widget_media_image img {
	width: 100%;
	height: auto;
}

/* ==========================================================================
   10. Avatar ve görsel yer tutucusu
   ========================================================================== */

.avatar-circle {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: var(--avatar-size, 40px);
	height: var(--avatar-size, 40px);
	overflow: hidden;
	border-radius: 50%;
}

.avatar-circle__img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

.avatar-circle--initials {
	background: var(--c-avatar);
	color: var(--c-brand);
	font: 700 calc(var(--avatar-size, 40px) * .32) / 1 var(--f-sans);
}

.img-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: var(--c-surface);
}

.img-placeholder__logo {
	width: 56%;
	max-width: 220px;
	height: auto;
	opacity: .18;
}

/* ==========================================================================
   11. Kartlar (DESIGN.md §4; Figma ana sayfa kartları)
   ========================================================================== */

.card {
	position: relative;
	min-width: 0;
}

.card__media {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: var(--card-media-ratio, 5 / 3);
	background: var(--c-surface);
}

.card__media > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--dur-3) var(--ease-out);
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	.card:hover .card__media > img {
		transform: scale(1.03);
	}
}

.card__title {
	color: var(--c-text);
	font-family: var(--f-serif);
	font-weight: 700;
}

.card__title {
	/* Güvenlik sınırı: veride tek bir yazının başlığı binlerce karakter; normal başlıklar (≤120) kırpılmaz. */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	line-clamp: 6;
	overflow: hidden;
}

.card__title a {
	transition: color var(--dur-1) ease;
}

.card__title a:hover {
	color: var(--c-brand);
}

.card__excerpt {
	color: var(--c-text-2);
	font: 400 13px/21px var(--f-sans);
}

.card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
}

/* Kategori etiketi */
.cat-label {
	color: var(--c-brand);
	font: 600 11px/13px var(--f-sans);
	letter-spacing: .08em;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Dokunma alanı: görsel yerleşim aynı; kutu yukarı doğru uzar (13 + 11 = 24 px). */
a.cat-label {
	display: inline-flex;
	margin-top: -11px;
	padding-top: 11px;
}

a.cat-label:hover {
	text-decoration: underline;
}

.cat-label--on-image {
	color: var(--c-on-image);
}

/* --- Görsel üstü yazılı kart (352×212 / büyük 590×380) --- */
.card--overlay {
	aspect-ratio: 352 / 212;
	overflow: hidden;
	background: var(--c-navy);
	color: var(--c-on-image);
}

.card--overlay .card__media {
	position: absolute;
	inset: 0;
	aspect-ratio: auto;
	background: var(--c-navy);
}

.card--overlay .card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--c-overlay);
	pointer-events: none;
}

.card--overlay .img-placeholder {
	background: var(--c-navy);
}

.card--overlay .card__content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 10px;
	padding: 22px;
}

.card--overlay .card__title {
	-webkit-line-clamp: 4;
	line-clamp: 4;
	color: var(--c-on-image);
	font: 600 20px/27px var(--f-serif);
}

.card--overlay .card__title a:hover {
	color: var(--c-on-image);
}

.card--overlay .card__link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.card--overlay .cat-label,
.card--overlay .post-meta {
	position: relative;
	z-index: 2;
}

.card--overlay .post-meta {
	color: var(--c-on-image-2);
}

.card--overlay.card--lg {
	aspect-ratio: 590 / 380;
}

.card--overlay.card--lg .card__content {
	align-items: center;
	gap: 12px;
	padding: 32px 48px 36px;
	text-align: center;
}

.card--overlay.card--lg .card__title {
	font: 700 clamp(23px, calc(23px + 7 * var(--k)), 30px) / clamp(30px, calc(30px + 8 * var(--k)), 38px) var(--f-serif);
}

.card--overlay.card--lg .post-meta {
	color: var(--c-on-image-3);
}

/* --- Dikey kart --- */
.card--vertical {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.card--vertical .card__title {
	font: 700 19px/26px var(--f-serif);
}

.card--vertical.card--lg .card__title {
	font: 700 21px/28px var(--f-serif);
}

/* --- Yatay küçük kart (96×68; compact: 84×64) --- */
.card--small {
	display: flex;
	align-items: center;
	gap: 14px;
}

.card--small .card__media {
	flex: none;
	width: 96px;
	aspect-ratio: 96 / 68;
}

.card--small .card__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.card--small .card__title {
	font: 600 15px/21px var(--f-serif);
}

.card--compact .card__media {
	width: 84px;
	aspect-ratio: 84 / 64;
}

.card--compact .card__body {
	gap: 4px;
}

.card--compact .card__title {
	font: 600 14px/19px var(--f-serif);
}

.card--compact .post-meta {
	font-size: 11px;
	line-height: 13px;
}

/* --- Arşiv satırı (300×190) --- */
.card--list {
	display: grid;
	grid-template-columns: clamp(200px, 38%, 300px) minmax(0, 1fr);
	align-items: start;
	gap: 24px;
}

.card--list.card--no-image {
	grid-template-columns: minmax(0, 1fr);
}

.card--list .card__media {
	aspect-ratio: 300 / 190;
}

.card--list .card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding-top: 4px;
}

.card--list .card__title {
	font: 700 22px/29px var(--f-serif);
}

.card--list .card__excerpt {
	font-size: 14px;
	line-height: 22px;
}

/* --- Köşe yazısı kartı --- */
.card--column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: 24px;
	background: var(--c-surface);
}

/* Köşe kartında isteğe bağlı görsel (show_image): kart iç boşluğuna taşan üst bant */
.card--column.card--has-image .card__media {
	align-self: stretch;
	margin: -24px -24px 0;
	aspect-ratio: 380 / 228;
}

.card__quote {
	display: block;
	height: 30px;
	color: var(--c-brand);
	font: 700 44px/30px var(--f-serif);
}

.card--column .card__title {
	font: 700 24px/31px var(--f-serif);
}

.card--column .card__link::after {
	content: "";
	position: absolute;
	inset: 0;
}

.card--column .card__excerpt {
	color: var(--c-text-2);
	font: italic 400 15px/24px var(--f-serif);
}

.card__foot {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
}

/* --- Yazar kartı --- */
.card--author {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--c-border);
	background: var(--c-card);
}

.card-author__id {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.card-author__who {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.card-author__name {
	color: var(--c-text);
	font: 600 15px/18px var(--f-sans);
}

.card-author__name a:hover {
	color: var(--c-brand);
}

.card-author__role {
	color: var(--c-muted);
	font: 400 12px/15px var(--f-sans);
}

.card--author-home {
	gap: 18px;
	padding: 24px;
}

.card-author__quote {
	color: var(--c-text);
	font: 700 20px/28px var(--f-serif);
}

.card-author__quote a:hover {
	color: var(--c-brand);
}

.card-author__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	color: var(--c-muted);
	font: 400 12px/15px var(--f-sans);
}

.card-author__all {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--c-brand);
	font: 600 12px/15px var(--f-sans);
}

.card-author__all:hover {
	text-decoration: underline;
}

.card--author-center {
	align-items: center;
	gap: 14px;
	padding: 26px 24px 24px;
	text-align: center;
}

.card--author-center .card-author__id {
	flex-direction: column;
	gap: 14px;
}

.card--author-center .card-author__who {
	align-items: center;
	gap: 6px;
}

.card--author-center .card-author__name {
	font: 700 20px/27px var(--f-serif);
}

.card--author-center .card-author__role {
	font: 600 12px/15px var(--f-sans);
	letter-spacing: .08em;
	text-transform: uppercase;
}

.card-author__last {
	color: var(--c-text-2);
	font: 400 13px/20px var(--f-sans);
}

.card-author__last a:hover {
	color: var(--c-brand);
}

.card--author-center .card-author__all {
	color: var(--c-ink);
	text-decoration: none;
}

/* ==========================================================================
   12. Breadcrumb, sayfalama, meta
   ========================================================================== */

.breadcrumbs {
	color: var(--c-muted);
	font: 400 13px/16px var(--f-sans);
}

.breadcrumbs__list {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
}

.breadcrumbs__item {
	flex: none;
	white-space: nowrap;
}

.breadcrumbs__item + .breadcrumbs__item::before {
	content: "›";
	content: "›" / "";
	margin-right: 8px;
	color: var(--c-muted);
}

.breadcrumbs__item a {
	display: inline-block;
	margin-block: -5px; /* dokunma alanı: görsel ölçü aynı, kutu ≥24 */
	padding-block: 5px;
	transition: color var(--dur-1) ease;
}

.breadcrumbs__item a:hover {
	color: var(--c-brand);
}

.breadcrumbs__item--current {
	flex: 0 1 auto;
	min-width: 0;
	overflow: hidden;
	color: var(--c-text);
	font-weight: 500;
	text-overflow: ellipsis;
}

@media (min-width: 768px) {
	.breadcrumbs__item--current {
		max-width: 60ch;
	}
}

.pagination {
	margin-top: 28px;
}

.pagination__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 9px 14px;
	border: 1px solid var(--c-border);
	border-radius: 8px;
	color: var(--c-text);
	font: 600 13px/16px var(--f-sans);
	transition: transform 160ms var(--ease-out), border-color var(--dur-1) ease;
}

.pagination a.page-numbers:hover {
	border-color: var(--c-text);
}

.pagination .page-numbers.current {
	border-color: var(--c-ink);
	background: var(--c-ink);
	color: var(--c-on-ink);
}

.post-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: var(--c-muted);
	font: 400 12px/15px var(--f-sans);
}

.post-meta__item:not(:last-child)::after {
	content: "·";
	content: "·" / "";
	margin: 0 .4em;
}

/* ==========================================================================
   13. İçerik (index.php tekil yedeği; Faz 2-C single.css bunu ezer)
   ========================================================================== */

.entry__header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 24px;
}

.entry__media {
	margin-bottom: 24px;
}

.entry__media img {
	width: 100%;
}

.entry-content {
	color: var(--c-text-body);
	font: 400 18px/31px var(--f-sans);
}

.entry-content > * + * {
	margin-top: 1.1em;
}

.entry-content a {
	color: var(--c-brand);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	margin-top: 1.6em;
	color: var(--c-text);
	line-height: 1.3;
}

.entry-content ul,
.entry-content ol {
	padding-left: 1.4em;
}

.entry-content ul {
	list-style: disc;
}

.entry-content ol {
	list-style: decimal;
}

.entry-content img {
	max-width: 100%;
	height: auto;
}

.entry-content figcaption,
.entry-content .wp-caption-text {
	margin-top: 8px;
	color: var(--c-muted);
	font: 400 13px/18px var(--f-sans);
}

.entry-content blockquote {
	margin-inline: 0;
	padding: 22px 24px;
	border: 0;
	border-radius: 0;
	background: var(--c-surface);
	color: var(--c-text);
	font: italic 400 clamp(18px, calc(18px + 1 * var(--k)), 19px) / clamp(26px, calc(26px + 2 * var(--k)), 28px) var(--f-serif);
}

.entry-content blockquote::before {
	content: "“";
	display: block;
	height: 36px;
	margin-bottom: 10px;
	color: var(--c-brand);
	font: normal 700 48px/36px var(--f-serif);
}

.entry-content blockquote > * + * {
	margin-top: .6em;
}

.entry-content blockquote cite {
	display: block;
	color: var(--c-muted);
	font: normal 600 13px/16px var(--f-sans);
}

.entry-content .alignleft {
	float: left;
	margin: 0 20px 10px 0;
}

.entry-content .alignright {
	float: right;
	margin: 0 0 10px 20px;
}

.entry-content .aligncenter {
	margin-inline: auto;
}

/* ==========================================================================
   14. Duyarlı ayarlar (kırılımlar 1024 ve 768)
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	.primary-nav .sub-menu {
		--menu-shift: 0px;
	}

	.mobile-panel {
		--panel-shift: 0px;
	}

	.primary-nav .menu-link--toggle::after,
	.submenu-toggle__icon {
		transition: none;
	}

	/* Basma geri bildirimi: ölçek yok, yalnızca opaklık (DESIGN.md §6) */
	.btn:active,
	.theme-toggle:active,
	.icon-btn:active,
	.breaking__btn:active,
	a.page-numbers:active,
	.submenu-toggle:active {
		transform: none;
		opacity: .85;
	}
}

/* Mobil paneller yalnızca <768'de vardır */
@media (min-width: 768px) {
	.mobile-panel {
		display: none !important;
	}
}

/* Tablet: tek sütun; kenar alan içeriğin altına iki sütunlu ızgara olarak iner */
@media (max-width: 1023px) {
	.layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.layout__aside {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
		gap: 36px 30px;
		margin-top: 48px;
	}

	.layout__aside.is-sticky {
		position: static;
	}

	/* Header: orta sütun akışkan, yanlar içeriği kadar */
	.masthead__inner {
		grid-template-columns: auto minmax(0, 1fr) auto;
		column-gap: 20px;
	}

	html[data-theme="dark"] .masthead__brand .logo {
		width: calc(100% + 20px);
	}

	.masthead__brand .logo {
		width: min(390px, 100%);
	}

	.site-footer__top {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		row-gap: 36px;
	}

	.footer-brand {
		grid-column: 1 / -1;
	}

	.newsletter__box {
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
	}

	.newsletter__text {
		max-width: none;
	}

	.newsletter__form {
		width: 100%;
	}
}

/* Mobil: Figma 390 düzeni */
@media (max-width: 767px) {
	.only-wide {
		display: none;
	}

	.only-narrow {
		display: inline;
	}

	.layout__aside {
		grid-template-columns: minmax(0, 1fr);
		margin-top: 36px;
	}

	.index-wrap {
		padding-top: 20px;
		padding-bottom: 32px;
	}

	.archive-head {
		margin-bottom: 20px;
		padding-bottom: 14px;
	}

	.card-stack {
		gap: 18px;
	}

	.card-stack > .card + .card {
		padding-top: 18px;
	}

	/* Üst bar */
	.topbar {
		font-size: 11px;
		line-height: 13px;
	}

	.topbar__inner {
		padding-block: 8px;
	}

	.topbar__links {
		display: none;
	}

	.topbar-wx__icon {
		width: 12px;
		height: 12px;
	}

	.topbar-wx__text {
		column-gap: .5em;
	}

	.topbar-wx__desc {
		display: none;
	}

	/* Logo satırı: menü / logo / tema + arama */
	.masthead__inner {
		grid-template-columns: 1fr auto 1fr;
		column-gap: 12px;
		padding-block: 14px;
		border-bottom: 1px solid var(--c-border);
	}

	.masthead__left .search-pill,
	.masthead__tagline,
	.masthead__subscribe {
		display: none;
	}

	.masthead__brand .logo {
		width: 200px;
		margin-block: -4px; /* dokunma alanı 44 px; görsel yerleşim aynı */
		padding-block: 4px;
	}

	html[data-theme="dark"] .masthead__brand .logo {
		width: 200px;
		margin: -6px -10px;
		padding: 6px 10px;
		box-sizing: content-box;
	}

	.masthead__right {
		gap: 20px; /* 24 + 20 = 44: komşu dokunma alanları çakışmaz */
	}

	.icon-btn {
		display: inline-flex;
	}

	.theme-toggle {
		justify-content: center;
		width: 44px;
		height: 44px;
		margin: -10px; /* görsel 24×24, dokunma alanı 44×44 */
		padding: 0;
		border: 0;
		background: none;
	}

	.theme-toggle__label {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.theme-toggle__icon .icon {
		width: 20px;
		height: 20px;
	}

	/* Menü: yatay kaydırmalı haplar */
	.primary-nav {
		border: 0;
	}

	.primary-nav__inner {
		padding-right: 0;
	}

	.primary-nav .menu {
		flex: 1;
		flex-wrap: nowrap;
		gap: 8px;
		padding: 7px 20px 7px 0; /* 44 px yüksekliğindeki hap kutusu + 14 = 58 (Figma çip şeridi) */
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.primary-nav .menu::-webkit-scrollbar {
		display: none;
	}

	.primary-nav .menu > li {
		flex: none;
	}

	/* Hap: bağlantı kutusu 44 px (dokunma alanı), görünen hap ::before ile 34 px çizilir */
	.primary-nav .menu > li > a {
		position: relative;
		z-index: 0;
		padding: 14px 15px;
		border: 0;
		font: 500 13px/16px var(--f-sans);
	}

	.primary-nav .menu > li > a::before {
		content: "";
		position: absolute;
		inset: 5px 0;
		z-index: -1;
		border: 1px solid var(--c-border);
		border-radius: var(--radius-pill);
		transition: background-color var(--dur-1) ease, border-color var(--dur-1) ease;
	}

	.primary-nav .menu > li.current-menu-item > a {
		color: var(--c-on-ink);
		font-weight: 600;
	}

	.primary-nav .menu > li.current-menu-item > a::before {
		border-color: var(--c-ink);
		background: var(--c-ink);
	}

	.primary-nav .menu > li.current-menu-ancestor > a,
	.primary-nav .menu > li.current-menu-parent > a {
		color: var(--c-text);
		font-weight: 500;
	}

	.primary-nav .menu-item-has-children,
	.primary-nav__columnists {
		display: none !important;
	}

	/* Son Dakika */
	.breaking {
		padding-top: 0;
	}

	.breaking__band {
		gap: 10px;
		min-height: 54px;
	}

	.breaking__label {
		padding: 5px 8px;
		font-size: 9px;
		line-height: 11px;
		letter-spacing: .08em;
	}

	.breaking__dot,
	.breaking__controls {
		display: none;
	}

	/* Bağlantı kutusu 44 px (dokunma alanı); iki satırlık metin ortada, bant yüksekliği aynı kalır */
	.breaking__list {
		height: 44px;
		margin-block: -5px;
	}

	.breaking__item a {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		height: 44px;
		padding-block: 5px;
		font-size: 12px;
		white-space: normal;
	}

	.breaking__text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow: hidden;
	}

	/* Footer */
	.newsletter {
		padding-bottom: 32px;
	}

	.newsletter__box {
		gap: 12px;
		padding: 24px 20px;
	}

	.newsletter__title {
		font-size: 22px;
		line-height: 29px;
	}

	.newsletter__text {
		gap: 12px;
	}

	.newsletter__desc {
		font-size: 13px;
		line-height: 20px;
	}

	.newsletter__form {
		grid-template-columns: minmax(0, 1fr);
		align-items: stretch;
		gap: 12px;
	}

	.newsletter__input {
		padding: 13px 16px;
	}

	.newsletter__error {
		grid-column: auto;
		grid-row: auto;
		margin: -6px 0 0 16px;
	}

	.newsletter__submit {
		grid-column: auto;
		grid-row: auto;
		width: 100%;
		padding: 12px 20px;
	}

	.site-footer__main {
		padding-top: 36px;
	}

	.site-footer__top {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

	/* Marka sütunu dağılır; sıra: logo, tanıtım, bağlantılar, sosyal */
	.footer-brand {
		display: contents;
	}

	.footer-brand__logo {
		grid-column: 1 / -1;
		order: 1;
	}

	.footer-brand__logo .logo {
		width: 252px;
	}

	.footer-brand__desc {
		grid-column: 1 / -1;
		order: 2;
		max-width: none;
		font-size: 13px;
		line-height: 21px;
	}

	.footer-col {
		order: 3;
		gap: 10px;
	}

	.footer-col--more {
		display: none;
	}

	.footer-col__title {
		font-size: 11px;
		line-height: 13px;
		letter-spacing: .1em;
	}

	.footer-col__list {
		gap: 10px;
	}

	.footer-col__list a {
		font-size: 13px;
		line-height: 16px;
	}

	.footer-social {
		grid-column: 1 / -1;
		order: 4;
	}

	.footer-social__item a {
		padding: 6px 11px;
		font-size: 11px;
		line-height: 13px;
	}

	.site-footer__bottom {
		margin-top: 24px;
		padding: 16px 0 24px;
		font-size: 11px;
		line-height: 13px;
	}

	.site-footer__place {
		display: none;
	}

	/* Bölüm başlığı */
	.section-title {
		gap: 12px;
	}

	/* Kartlar */
	.card--overlay {
		aspect-ratio: 350 / 230;
	}

	.card--overlay .card__content {
		gap: 8px;
		padding: 20px;
	}

	.card--overlay.card--lg {
		aspect-ratio: 350 / 260;
	}

	.card--overlay.card--lg .card__content {
		padding: 20px;
	}

	.card--list {
		grid-template-columns: 116px minmax(0, 1fr);
		align-items: center;
		gap: 14px;
	}

	.card--list.card--no-image {
		grid-template-columns: minmax(0, 1fr);
	}

	.card--list .card__media {
		aspect-ratio: 116 / 84;
	}

	.card--list .card__body {
		gap: 6px;
		padding-top: 0;
	}

	.card--list .card__title {
		font-size: 16px;
		line-height: 22px;
	}

	/* Özet gizlenmez (mobil dizinlemede metin kaybolmasın): 2 satırla kırpılır. */
	.card--list .card__excerpt {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow: hidden;
		font-size: 13px;
		line-height: 20px;
	}

	.card--list .post-meta__author {
		display: none;
	}

	.card--list .post-meta {
		font-size: 11px;
		line-height: 13px;
	}

	.card--list .cat-label {
		font-size: 10px;
		line-height: 12px;
		letter-spacing: .08em;
	}

	.card--column .card__title {
		font-size: 21px;
		line-height: 28px;
	}

	.card--author-home .card-author__quote {
		font-size: 18px;
		line-height: 26px;
	}
}

/* Mobil dokunma hedefleri (≥44×44): görsel ölçüler aynı kalır */
@media (max-width: 767px) {
	.section-title__more {
		margin-block: -14px;
		padding-block: 14px;
	}

	/* Mobil paneller (Figma'da yok): arama girdisi ve düğme ≥44 px */
	.mobile-panel .search-pill {
		height: 46px;
	}

	.mobile-panel .btn {
		min-height: 44px;
	}

	/* Bülten düğmesi: kutu 44 px, görünen dolgu ::before ile 40 px (Figma) */
	.newsletter__submit {
		position: relative;
		z-index: 0;
		height: 44px;
		margin-block: -2px;
		padding-block: 0;
		background: none;
	}

	.newsletter__submit::before {
		content: "";
		position: absolute;
		inset: 2px 0;
		z-index: -1;
		border-radius: var(--radius-pill);
		background: var(--c-brand-fill);
	}

	.breadcrumbs__item a {
		margin: -14px -8px;
		padding: 14px 8px;
	}

	/* Sayfalama: kutu 44 px, görünen çerçeve ::before ile 36 px (Figma) çizilir */
	.pagination__list {
		gap: 0;
	}

	.pagination .page-numbers {
		position: relative;
		z-index: 0;
		min-width: 44px;
		height: 44px;
		padding: 0 18px;
		border: 0;
		background: none;
	}

	.pagination .page-numbers::before {
		content: "";
		position: absolute;
		inset: 4px;
		z-index: -1;
		border: 1px solid var(--c-border);
		border-radius: 8px;
		transition: border-color var(--dur-1) ease;
	}

	.pagination a.page-numbers:hover::before {
		border-color: var(--c-text);
	}

	.pagination .page-numbers.current {
		background: none;
		color: var(--c-on-ink);
	}

	.pagination .page-numbers.current::before {
		border-color: var(--c-ink);
		background: var(--c-ink);
	}
}

/* Dar mobil (≤ 360): ana düğmeler taşmasın */
@media (max-width: 360px) {
	.masthead__right {
		gap: 12px;
	}
}