/* evmc-core: header.css
   Site geneli baslik / mobil gezinme kurallari. blocks.css YALNIZCA bir evmc
   blogu render eden sayfalarda yukleniyor (style_handles); bu kurallar orada
   yasarken Blog arsivi, arama, 404 gibi bloksuz sayfalarda mobil menu 44px
   serit + ilk baglantiya donuyordu (2026-09-10, kullanici ekran goruntusu).
   Bu dosya wp_enqueue_scripts ile HER sayfada yuklenir. */

/* --------------------------------------------------------------------------
   Mobil gezinme katmani
   --------------------------------------------------------------------------
   Telefonda menu simgesine dokununca yalnizca 44 piksellik beyaz bir serit ve
   ilk baglanti gorunuyordu. IKI ayri sebep vardi ve 1.0.37 yalnizca birini,
   onu da eksik cozmustu:

   1) BASLIK BIR "CONTAINING BLOCK". Temanin .evmc-header'i `backdrop-filter`
      tasiyor; CSS'e gore filter/backdrop-filter/transform tasiyan bir ata,
      `position:fixed` torunlar icin viewport yerine kendi kutusunu referans
      yapar. WordPress'in katmani `position:fixed; inset:0` ile aciliyor —
      yani inset:0 ekrani degil, 44 piksellik baslik grubunu dolduruyordu.
      Cozum: katman ACIKKEN basliktaki backdrop-filter'i kaldirmak. Katman
      zaten tum ekrani ortttugu icin buzlu cam etkisi o anda gorunmez.
      `:has()` desteklemeyen eski Safari'ler (<=15.3) icin telefon genisliginde
      efekt tamamen kapatilir; menu calismak zorunda, buzlu cam degil.

   2) HIZALAMA KURALI KAYBEDIYORDU. Cekirdek, hizayi
      `--navigation-layout-justification-setting` degiskeniyle veriyor ve
      `.items-justified-right` onu flex-end yapiyor. 1.0.37'deki kural
      (0,3,0) ozgullukteydi; cekirdegin `:where()` ile yazilmis kurali da
      (0,3,0) ve sayfa ici <style> olarak bizim dosyadan SONRA geldigi icin
      kazaniyordu (yorumdaki "ozgullugu yuksek" iddiasi yanlisti — canlida
      olculdu: align-items hala flex-end). Simdi hem degisken katman
      uzerinde yeniden tanimlaniyor (kalitim: en yakin tanim kazanir) hem de
      seciciler bir sinif daha tasiyor (0,4,0). */
.evmc-header:has(.wp-block-navigation__responsive-container.is-menu-open) {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
@supports not selector(:has(a)) {
	@media (max-width: 599px) {
		.evmc-header { -webkit-backdrop-filter: none; backdrop-filter: none; }
	}
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
	--navigation-layout-justification-setting: stretch;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: stretch;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: stretch;
	justify-content: flex-start;
	width: 100%;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	width: 100%;
	align-items: stretch;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	display: block;
	width: 100%;
	text-align: left;
}

/* Katmanin gorunusu. Cekirdek, katmani beyaz zemin + siyah yazi + 2em bosluklu
   duz bir listeyle aciyor; sitenin koyu, sik dilinden kopuk duruyordu (kullanici
   ekran goruntusuyle bildirdi). Renkler tema degiskenlerinden geldigi icin acik ve
   koyu modda ayni kural calisir. DOM'a dokunulmuyor: marka satiri ::before ile. */
/* Cekirdegin beyaz zemini (0,5,0) ozgullukte ve sayfa ici geldigi icin bu secici
   bir sinif daha tasiyor (0,6,0); canlida olculdu, daha azi kaybediyor. */
.wp-block-navigation.is-responsive:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
	background-color: var(--evmc-base);
	color: var(--evmc-contrast);
	padding: 1.25rem 1.5rem 2.5rem;
	font-family: var(--evmc-font-display);
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
	position: relative;
	padding-top: 3.75rem;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 0;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 2.75rem;
	height: 2.75rem;
	display: grid;
	place-items: center;
	color: var(--evmc-contrast);
	border: 1px solid var(--evmc-border-firm);
	border-radius: 999px;
	background: transparent;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content::before {
	content: "EV Model Compare";
	display: block;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--evmc-accent);
	margin-bottom: .75rem;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: 0;
	border-top: 1px solid var(--evmc-border);
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	border-bottom: 1px solid var(--evmc-border);
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.05rem 0;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--evmc-contrast);
	text-decoration: none;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after {
	content: "";
	width: .55rem;
	height: .55rem;
	border-right: 2px solid var(--evmc-accent);
	border-bottom: 2px solid var(--evmc-accent);
	transform: rotate(-45deg);
	flex: none;
	margin-inline-start: 1rem;
	opacity: .8;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content {
	color: var(--evmc-accent);
}

/* --------------------------------------------------------------------------
   Editorial byline
   --------------------------------------------------------------------------
   Sits directly under the H1 on every page that carries a figure. Quiet by
   design: it is provenance, not a headline. Lives in this sheet rather than
   blocks.css because it must render on pages that contain no evmc block. */
.evmc-byline {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 .1rem;
	margin: -.35rem 0 1.6rem;
	padding-bottom: .9rem;
	border-bottom: 1px solid var(--evmc-border);
	font-size: .8125rem;
	line-height: 1.5;
	color: var(--evmc-muted, inherit);
	opacity: .85;
}
.evmc-byline__who { font-weight: 600; }
.evmc-byline__sep { opacity: .55; }
.evmc-byline__link { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.evmc-byline__link:hover { color: var(--evmc-accent); }
@media (max-width: 480px) {
	.evmc-byline { font-size: .75rem; }
	.evmc-byline__sep { display: none; }
	.evmc-byline > * { flex: 0 0 100%; }
}