/* ============================================================
   mz-header.css — Mezad V2 · beyaz header (Yol C).

   Sahibin karari: header her pazarda BEYAZ; pazar rengi yalnizca
   ustteki 3px seritte, arama butonunda ve "ilan ver" butonunda
   gorunur. Boylece icerik one cikar, pazar kimligi de kaybolmaz.

   Bu dosya SADECE .mz-beyaz-header sinifi <body> uzerinde iken
   devreye girer. Sinif yoksa tema eski (renkli) haliyle calisir
   -> geri donus tek satirlik ayar degisikligi.

   Yon: mantiksal ozellikler (inline/block) kullanilir; ayri bir
   RTL dosyasi yoktur.
   ============================================================ */

/* ---------- 1. Header yuzeyi beyaza cevrilir ---------- */
.mz-beyaz-header header,
.mz-beyaz-header header .sticky,
.mz-beyaz-header .mobil_header {
	background: var(--mz-yuzey, #ffffff) !important;
	border-block-end: 1px solid var(--mz-cizgi, #e4e7eb);
	box-shadow: 0 1px 3px rgba(31, 41, 51, .05);
}

/* ---------- 2. Pazar kimligi: 3px ust serit ---------- */
/* Markup'a hic dokunmadan, ::before ile. */
.mz-beyaz-header header::before {
	content: "";
	display: block;
	block-size: 3px;
	inline-size: 100%;
	background: var(--mz-brand, #3f475f);
}

/* ---------- 3. Header metni: beyaz yerine murekkep ----------

   ONEMLI DERS: bu blogun ilk surumu ogeleri TEK TEK boyuyordu
   (a, .uye_menu > a, ul li a ...). style.css icinde header ogelerine
   color:#fff veren baska kurallar var; listede olmayan her oge beyaz
   kaldi ve beyaz zeminde gorunmez oldu. preview'da uye adi, bildirim
   ve mesaj ikonlari boyle kayboldu.

   Dogru yaklasim TERSI: beyaz header icinde VARSAYILAN murekkep olsun,
   renkli kalmasi GEREKENLER asagida tek tek geri alinsin. Boylece
   listeye eklemeyi unuttugumuz bir oge gorunmez degil, sadece murekkep
   olur - guvenli tarafa duser.

   Kapsam: kurallarin hepsi .mz-beyaz-header header altinda. Klasik
   header'da (sinif yokken) hicbiri calismaz; admin ve hesap sayfalari
   zaten header'in disindadir. */
.mz-beyaz-header header,
.mz-beyaz-header header a,
.mz-beyaz-header header span,
.mz-beyaz-header header i,
.mz-beyaz-header header b,
.mz-beyaz-header header strong,
.mz-beyaz-header header small,
.mz-beyaz-header header li,
.mz-beyaz-header header label,
.mz-beyaz-header header div {
	color: var(--mz-ink, #1f2933) !important;
}
.mz-beyaz-header header a:hover,
.mz-beyaz-header header a:hover span,
.mz-beyaz-header header a:hover i,
.mz-beyaz-header header ul li a:hover {
	color: var(--mz-brand, #3f475f) !important;
}

/* --- Renkli kalmasi GEREKENLER (yukaridaki varsayilani geri alir) --- */

/* Arama butonu: pazar rengi uzerinde beyaz yazi. */
.mz-beyaz-header header .ara button,
.mz-beyaz-header header .ara button i,
.mz-beyaz-header header .ara button span {
	color: var(--mz-brand-yazi, #ffffff) !important;
}
/* "Ilan ver" butonu: pazarin vurgu rengini tasir. */
.mz-beyaz-header header .ilan_ver,
.mz-beyaz-header header .ilan_ver *,
.mz-beyaz-header header a.ilan_ver_buton,
.mz-beyaz-header header a.ilan_ver_buton * {
	color: var(--mz-vurgu-yazi, #ffffff) !important;
}
/* Bildirim sayaci: kirmizi zemin uzerinde beyaz. */
.mz-beyaz-header header .bildirim_sayi,
.mz-beyaz-header header .bildirim_sayi * {
	color: #ffffff !important;
}

/* Logo beyaz zeminde asil (ters olmayan) surumunu kullanir. */
.mz-beyaz-header header .logo img {
	filter: none;
}

/* ---------- 4. Arama alani ----------
   ONEMLI: bu blogun ilk surumu alani BEYAZ zeminli, cok acik kenarlikli
   yapiyordu. Header de beyaz oldugu icin arama kutusu preview'da GORUNMEZ
   hale geldi - alan oradaydi ama beyaz uzerine beyazdi.

   Duzeltme: beyaz header uzerinde girdi kendi zeminini tasir (acik gri),
   odaklaninca beyaza doner. Boylece hem her zaman gorunur hem de odak
   durumu belirgin olur. Renk yerine ZEMIN farki kullaniliyor; ulke paleti
   degisse de kutu kaybolmaz. */
.mz-beyaz-header header .ara input {
	background: var(--mz-zemin, #f4f5f7) !important;
	color: var(--mz-ink, #1f2933) !important;
	border: 1px solid var(--mz-cizgi, #e4e7eb) !important;
	border-inline-end: 0 !important;
	box-shadow: none;
}
.mz-beyaz-header header .ara input::placeholder {
	color: var(--mz-muted, #7b8794);
	opacity: 1;
}
.mz-beyaz-header header .ara input:focus,
.mz-beyaz-header header .ara.focus input {
	background: var(--mz-yuzey, #ffffff) !important;
	border-color: var(--mz-brand, #3f475f) !important;
	outline: none;
}
/* Arama butonu pazar rengini korur (kimlik burada gorunur). */
.mz-beyaz-header header .ara button {
	background: var(--mz-brand, #3f475f) !important;
	color: var(--mz-brand-yazi, #ffffff) !important;
	border: 0;
}
.mz-beyaz-header header .ara button:hover {
	background: var(--mz-brand-hover, #343b50) !important;
}

/* ---------- 5. Ust seritteki dil/ulke cubugu ---------- */
.mz-beyaz-header .sd-new-topbar {
	background: var(--mz-zemin, #f4f5f7) !important;
	color: var(--mz-muted, #7b8794) !important;
	border-block-end: 1px solid var(--mz-cizgi, #e4e7eb);
}
.mz-beyaz-header .sd-new-topbar a {
	color: var(--mz-muted, #7b8794) !important;
}
.mz-beyaz-header .sd-new-topbar a:hover {
	color: var(--mz-ink, #1f2933) !important;
}

/* ---------- 6. Mobil menu de beyaz yuzeye gecer ---------- */
.mz-beyaz-header #mmu_panel,
.mz-beyaz-header .mm#mmu_panel ul li a {
	background: var(--mz-yuzey, #ffffff) !important;
	color: var(--mz-ink, #1f2933) !important;
}
.mz-beyaz-header .mm#mmu_panel ul li a:hover,
.mz-beyaz-header .mm#mmu_panel ul li a.active {
	background: var(--mz-brand-acik, #eef2f7) !important;
	color: var(--mz-brand, #3f475f) !important;
}

/* ---------- 7. Bildirim rozeti okunur kalsin ---------- */
.mz-beyaz-header header .bildirim_sayi {
	background: var(--mz-danger, #e74c3c) !important;
	color: #ffffff !important;
}

/* ---------- 8. "Ilan ver" butonu degismez ---------- */
/* Pazarin bayrak rengini tasir; header.php'deki degiskenlerden
   gelir, burada ezilmez. Bilerek kural yazilmamistir. */