/*
Theme Name: Pektaş Hukuk
Theme URI:
Author:
Author URI:
Description: Pektaş Hukuk için blok temasi (iskelet).
Version: 0.1.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: pektas
*/

/* WordPress, her template-part'ı bir <div class="wp-block-template-part"> ile sarmalar.
   Bu sarmalayıcı header'ın kendi yüksekliğinde (80px) olduğundan, içindeki
   position:sticky header'ın "yapışacağı" alan kalmıyor ve sayfayla birlikte kayıp
   gidiyordu. Sticky'yi doğrudan bu sarmalayıcının kendisine uyguluyoruz — bu,
   display:contents'in bazı Safari sürümlerinde sticky ile birlikte neden olduğu
   görsel bozulma riskini de ortadan kaldırır. */
body .wp-site-blocks > .wp-block-template-part:first-child {
	position: sticky;
	/* WP admin girişinde sayfanın üstünde sabit "admin bar" bulunuyor (32px / mobilde 46px).
	   top:0 verilirse sticky header bu barın altına kayıp yarısı görünmez oluyor;
	   WordPress'in kendi tanımladığı değişkenle admin bar'ın yüksekliği kadar aşağıdan sabitliyoruz. */
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 20;
}

/* Renkli metin (has-*-color) içindeki linkler, WordPress'in genel <a> stilini
   (koyu lacivert, hover'da altın) miras alıyor, sarmalayan öğenin rengini almıyordu.
   Koyu zeminlerde bu, metnin arka planla aynı renkte görünüp okunamamasına yol açıyordu
   (ör. footer'daki telefon/e-posta, makale kartlarındaki başlık ve kategori). */
.has-text-color a:not(.wp-element-button) {
	color: inherit;
}
.has-text-color a:not(.wp-element-button):hover {
	color: var(--wp--preset--color--accent);
}

/* Mobilde sabit "Hemen Ara" çubuğu, altındaki footer içeriğinin üzerine biniyordu. */
@media (max-width: 782px) {
	body {
		padding-bottom: 64px;
	}
}

/* Bu üç kural, blok özniteliklerinde karşılığı olmayan (dolayısıyla düzenleyicide
   "beklenmedik ya da geçersiz içerik" uyarısı üreten) satır içi stilleri, className
   üzerinden hedeflenen sınıflara taşır. */
.pektas-stats-divider {
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--base) 20%, transparent);
}
.pektas-avukat-portre img {
	display: block;
	width: 100%;
	object-position: center 22%;
}
.pektas-buro-fotografi img {
	display: block;
	width: 100%;
	object-position: center 30%;
}