/* Hukuk Bürosu — bileşen stilleri. Renk ve yazı değerleri theme.json'dan gelir. */

:root {
	--hb-zemin: var(--wp--preset--color--zemin);
	--hb-yuzey: var(--wp--preset--color--yuzey);
	--hb-bej: var(--wp--preset--color--bej);
	--hb-cizgi: var(--wp--preset--color--cizgi);
	--hb-murekkep: var(--wp--preset--color--murekkep);
	--hb-ikincil: var(--wp--preset--color--ikincil);
	--hb-bronz: var(--wp--preset--color--bronz);
	--hb-bronz-koyu: var(--wp--preset--color--bronz-koyu);
	--hb-serif: var(--wp--preset--font-family--serif);
	--hb-cerceve: #c9bfae;
	--hb-alt-cubuk: 64px;
	--hb-yaricap: 10px;
}

/* ---------- Temel ---------- */

body {
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	overflow-wrap: break-word;
	hyphens: manual;
	padding-bottom: calc(var(--hb-alt-cubuk) + env(safe-area-inset-bottom));
}

:where(a, button, input, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--hb-bronz);
	outline-offset: 2px;
	border-radius: 4px;
}

a { text-underline-offset: 0.18em; text-decoration-thickness: 1px; }

.hb-ikon { flex: none; }

[id] { scroll-margin-top: 1rem; }

.hb-ana, .hb-yazi, .hb-liste, .hb-sayfa, .hb-profil-sayfa {
	padding-block: 1.5rem 3rem;
}

.hb-bolum-basligi { margin: 0 0 1rem; }

/* ---------- Üst bölüm ---------- */

.hb-ust { border-bottom: 1px solid var(--hb-cizgi); padding-block: 0.625rem; }
.hb-ust__ic { gap: 1rem; min-height: 56px; }
.hb-logo { gap: 0.125rem !important; }
.hb-logo .wp-block-site-title { margin: 0; font-size: 1.375rem; line-height: 1.15; }
.hb-logo .wp-block-site-title a { color: var(--hb-murekkep); text-decoration: none; }
.hb-logo__alt.wp-block-site-tagline {
	margin: 0;
	font-size: 0.72rem;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--hb-ikincil);
}
.hb-ust__sag { gap: 1.5rem; }

.hb-menu .wp-block-navigation-item__content {
	color: var(--hb-murekkep);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}
.hb-menu .wp-block-navigation-item__content:hover { text-decoration: underline; text-decoration-color: var(--hb-bronz); }
.hb-menu .current-menu-item > .wp-block-navigation-item__content { text-decoration: underline; }

@media (max-width: 599px) {
	.hb-menu .wp-block-navigation__responsive-container-open {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		min-width: 52px;
		min-height: 52px;
		color: var(--hb-murekkep);
	}
	.hb-menu .wp-block-navigation__responsive-container-open::after {
		content: "Menü";
		font-size: 0.75rem;
		font-weight: 600;
		line-height: 1;
	}
}
.hb-menu .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--hb-zemin);
	color: var(--hb-murekkep);
	padding: 1.25rem;
}
.hb-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--hb-serif);
	font-size: 1.375rem;
	min-height: 52px;
}
.hb-menu .wp-block-navigation__responsive-container-close { min-width: 48px; min-height: 48px; }

.hb-ust-telefon { display: none; }
.hb-ust-telefon a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 44px;
	color: var(--hb-murekkep);
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.hb-ust-telefon .hb-ikon { color: var(--hb-bronz); }

/* ---------- Giriş ---------- */

.hb-giris { padding-block: 0.5rem 0.25rem; }
.hb-giris__baslik { font-size: var(--wp--preset--font-size--dev); margin: 0; max-width: 18ch; }
.hb-giris__metin { font-size: var(--wp--preset--font-size--orta); color: #3d4759; max-width: 36rem; margin-top: 0.75rem; }

.hb-bolum { margin-block-start: var(--wp--preset--spacing--50); }

/* ---------- Konu kartları ---------- */

.hb-konular {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.625rem;
}
.hb-konu {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	height: 100%;
	box-sizing: border-box;
	min-height: 68px;
	padding: 0.875rem 0.875rem 0.875rem 1rem;
	background: var(--hb-yuzey);
	border: 1px solid var(--hb-cizgi);
	border-radius: var(--hb-yaricap);
	color: var(--hb-murekkep);
	text-decoration: none;
	transition: border-color 0.15s ease;
}
.hb-konu:hover { border-color: var(--hb-bronz); }
.hb-konu__ikon {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--hb-bej);
	color: var(--hb-bronz);
}
.hb-konu__govde { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.125rem; }
.hb-konu__ad { font-family: var(--hb-serif); font-size: 1.125rem; font-weight: 600; line-height: 1.3; }
.hb-konu__gundelik { font-size: 0.9375rem; line-height: 1.4; color: var(--hb-ikincil); }
.hb-konu__aciklama { font-size: 0.9375rem; line-height: 1.5; margin-top: 0.375rem; }
.hb-konu > .hb-ikon--sag, .hb-yazi-karti > .hb-ikon--sag, .hb-avukat-karti > .hb-ikon--sag { color: var(--hb-bronz); }

/* ---------- Arama ---------- */

.hb-arama { margin-top: 1.25rem; }
.hb-arama__etiket { display: block; font-weight: 600; font-size: 0.9375rem; color: #3d4759; margin-bottom: 0.375rem; }
.hb-arama__alan {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	min-height: 52px;
	padding: 0 0.375rem 0 0.875rem;
	background: var(--hb-yuzey);
	border: 1px solid var(--hb-cerceve);
	border-radius: var(--hb-yaricap);
	color: var(--hb-ikincil);
}
.hb-arama__alan:focus-within { outline: 3px solid var(--hb-bronz); outline-offset: 2px; }
.hb-arama__alan input[type="search"] {
	flex: 1;
	min-width: 0;
	min-height: 44px;
	border: 0;
	background: transparent;
	font: inherit;
	font-size: 1rem;
	color: var(--hb-murekkep);
	outline: none;
	-webkit-appearance: none;
	appearance: none;
}
.hb-arama__alan input::placeholder { color: #6b7280; }
.hb-arama__dugme {
	min-height: 40px;
	padding: 0 1rem;
	border: 0;
	border-radius: 8px;
	background: var(--hb-murekkep);
	color: #fff;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

/* ---------- Yazı kartları ---------- */

.hb-kartlar {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.625rem;
}
.hb-kartlar > li { margin: 0; }
.hb-yazi-karti {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	height: 100%;
	box-sizing: border-box;
	padding: 1rem 0.875rem 1rem 1rem;
	background: var(--hb-yuzey);
	border: 1px solid var(--hb-cizgi);
	border-radius: var(--hb-yaricap);
	color: var(--hb-murekkep);
	text-decoration: none;
	transition: border-color 0.15s ease;
}
.hb-yazi-karti:hover { border-color: var(--hb-bronz); }
.hb-yazi-karti__govde { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.375rem; }
.hb-etiket { font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; color: var(--hb-bronz); }
.hb-yazi-karti__baslik { font-family: var(--hb-serif); font-size: 1.1875rem; font-weight: 600; line-height: 1.3; }
.hb-yazi-karti__meta { display: flex; flex-direction: column; font-size: 0.9rem; line-height: 1.45; color: var(--hb-ikincil); }
.hb-yazi-karti-sarmal { height: 100%; }

.hb-tumu { margin: 0.75rem 0 0; text-align: right; }
.hb-ok-baglanti {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	min-height: 44px;
	font-weight: 600;
	color: var(--hb-murekkep);
}
.hb-ok-baglanti .hb-ikon { color: var(--hb-bronz); }
.hb-kartlar--baglanti { gap: 0; }
.hb-kartlar--baglanti > li { border-bottom: 1px solid var(--hb-cizgi); }
.hb-kartlar--baglanti .hb-ok-baglanti { font-weight: 400; padding-block: 0.25rem; }

/* ---------- Avukat kartları ---------- */

.hb-avukatlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem; }
.hb-avukat-karti {
	display: flex;
	align-items: stretch;
	height: 100%;
	background: var(--hb-yuzey);
	border: 1px solid var(--hb-cizgi);
	border-radius: var(--hb-yaricap);
	overflow: hidden;
	color: var(--hb-murekkep);
	text-decoration: none;
	transition: border-color 0.15s ease;
}
.hb-avukat-karti:hover { border-color: var(--hb-bronz); }
.hb-avukat-karti__foto {
	flex: none;
	width: 112px;
	min-height: 136px;
	background: #e9e2d5;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #5c6474;
}
.hb-avukat-karti__resim { width: 100%; height: 100%; object-fit: cover; display: block; }
.hb-avukat-karti__govde { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 0.25rem; padding: 1rem; }
.hb-avukat-karti__ad { font-family: var(--hb-serif); font-size: 1.1875rem; font-weight: 600; line-height: 1.3; margin: 0; }
.hb-avukat-karti__satir { font-size: 0.9375rem; line-height: 1.45; color: var(--hb-ikincil); }
.hb-avukat-karti > .hb-ikon--sag { align-self: center; margin-right: 0.875rem; }

/* ---------- Yazı sayfası ---------- */

.hb-kirinti ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.25rem 0.375rem; font-size: 0.9375rem; }
.hb-kirinti li + li::before { content: "›"; margin-right: 0.375rem; color: var(--hb-ikincil); }
.hb-kirinti a { display: inline-flex; align-items: center; min-height: 32px; }

.hb-yazi .wp-block-post-title { margin-top: 0.5rem; }

.hb-ust-bilgi { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.375rem; font-size: 0.9375rem; color: var(--hb-ikincil); }
.hb-ust-bilgi li { display: flex; align-items: flex-start; gap: 0.5rem; }
.hb-ust-bilgi .hb-ikon { color: var(--hb-bronz); margin-top: 0.15em; }
.hb-ust-bilgi a { color: var(--hb-murekkep); font-weight: 600; }

.hb-kisa-cevap { border-block: 1px solid var(--hb-cizgi); padding-block: 1.25rem; }
.hb-kisa-cevap h2 { margin: 0 0 0.5rem; }
.hb-kisa-cevap p { font-size: var(--wp--preset--font-size--orta); line-height: 1.55; margin: 0; }
.hb-kisa-cevap p + p { margin-top: 0.75rem; }

.hb-icindekiler h2 { margin-bottom: 0.5rem; }
.hb-icindekiler ol { list-style: none; margin: 0; padding: 0; }
.hb-icindekiler a { display: flex; align-items: center; gap: 0.5rem; min-height: 40px; }
.hb-icindekiler .hb-ikon { color: var(--hb-bronz); }

.hb-yazi__govde > h2,
.hb-yazi__govde > .wp-block-heading:where(h2) {
	margin-top: 2.25rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--hb-cizgi);
}
.hb-yazi__govde ul:not([class*="is-style-hb"]) li::marker { color: var(--hb-bronz); }
.hb-yazi__govde li + li { margin-top: 0.375rem; }

.is-style-hb-belgeler { list-style: none; padding-left: 0; }
.is-style-hb-belgeler li { position: relative; padding-left: 1.875rem; }
.is-style-hb-belgeler li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.2em;
	width: 1.25rem;
	height: 1.25rem;
	background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A5A2B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");
}

.wp-block-group.is-style-hb-sureler {
	background: var(--hb-bej);
	border-radius: 12px;
	padding: 1.25rem;
	margin-block: 2rem;
}
.wp-block-group.is-style-hb-sureler > h2 { margin-top: 0; padding-top: 0; border-top: 0; }
.wp-block-group.is-style-hb-sureler > :last-child { margin-bottom: 0; }
.is-style-hb-dayanak { font-size: 0.9375rem; color: #4a4f5c; }

.is-style-hb-kaynaklar { list-style: none; padding-left: 0; }
.is-style-hb-kaynaklar li { padding-block: 0.625rem; border-bottom: 1px solid var(--hb-cizgi); margin: 0 !important; }
.is-style-hb-kaynaklar a { font-weight: 600; }
.is-style-hb-kaynaklar a[href^="http"]::after {
	content: "";
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	margin-left: 0.35em;
	vertical-align: -0.05em;
	background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A5A2B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E");
}

.hb-kontrol-avukat { margin-top: 2.5rem; }

.hb-genel-not {
	display: flex;
	gap: 0.625rem;
	align-items: flex-start;
	font-size: 0.9375rem;
	color: var(--hb-ikincil);
	border-block: 1px solid var(--hb-cizgi);
	padding-block: 0.875rem;
}
.hb-genel-not .hb-ikon { color: var(--hb-bronz); margin-top: 0.1em; }

/* ---------- Liste sayfaları, filtre ---------- */

.hb-liste__giris { color: #3d4759; max-width: 44rem; }

.hb-cipler { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.hb-cipler a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 1rem;
	border: 1px solid var(--hb-cizgi);
	border-radius: 999px;
	background: var(--hb-yuzey);
	color: var(--hb-murekkep);
	text-decoration: none;
	font-size: 0.9375rem;
}
.hb-cipler a:hover { border-color: var(--hb-bronz); }
.hb-cipler a[aria-current="page"] { background: var(--hb-murekkep); border-color: var(--hb-murekkep); color: #fff; }
.hb-filtre { margin-top: 1rem; }

.hb-sorgu .wp-block-post-template { margin-top: 1.5rem; }
.wp-block-query-pagination { margin-top: 2rem; gap: 0.25rem; }
.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 0.5rem;
}

.hb-konu-bilgisi__ad { margin: 0; }
.hb-konu-bilgisi__gundelik { font-size: var(--wp--preset--font-size--orta); color: var(--hb-ikincil); margin: 0.5rem 0 0; }
.hb-konu-bilgisi__aciklama { max-width: 44rem; }

/* ---------- Avukat profili ---------- */

.hb-profil { display: grid; gap: 1.5rem; }
.hb-profil__foto { max-width: 240px; }
.hb-profil__resim { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 12px; }
.hb-profil__ad { margin: 0 0 1.25rem; }
.hb-profil__bilgiler { display: grid; gap: 0.75rem; margin: 0 0 1.5rem; }
.hb-profil__bilgiler div { display: grid; gap: 0.125rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--hb-cizgi); }
.hb-profil__bilgiler dt { font-size: 0.875rem; color: var(--hb-ikincil); }
.hb-profil__bilgiler dd { margin: 0; font-weight: 600; }
.hb-profil-sayfa .hb-yazi-kartlari { margin-top: 2.5rem; }

/* ---------- İletişim ve alt bölüm ---------- */

.hb-iletisim { font-style: normal; }
.hb-iletisim ul { list-style: none; margin: 0; padding: 0; }
.hb-iletisim__satir {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	min-height: 44px;
	padding-block: 0.5rem;
	box-sizing: border-box;
	color: var(--hb-murekkep);
	text-decoration: none;
}
.hb-iletisim__satir .hb-ikon { color: var(--hb-bronz); margin-top: 0.1em; }
a.hb-iletisim__satir .hb-iletisim__deger { text-decoration: underline; text-underline-offset: 0.18em; }
.hb-iletisim--sayfa { margin-top: 1.5rem; }

.hb-alt-bilgi {
	margin-top: 1rem;
	padding-block: 2rem 1rem;
	background: #efe9df;
	border-top: 1px solid var(--hb-cizgi);
}
.hb-alt-bilgi__baslik { margin: 0 0 0.75rem; }
.hb-yasal { margin-top: 1.25rem; border-top: 1px solid #d9d0c1; padding-top: 0.25rem; }
.hb-yasal ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; column-gap: 1.25rem; }
.hb-yasal a { display: inline-flex; align-items: center; min-height: 44px; font-size: 0.9375rem; }

/* Mobil alt çubuk: içerik, sayfanın alt boşluğu sayesinde çubuğun altında kalmaz. */
.hb-alt-cubuk {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	display: flex;
	height: calc(var(--hb-alt-cubuk) + env(safe-area-inset-bottom));
	padding-bottom: env(safe-area-inset-bottom);
	box-sizing: border-box;
	background: var(--hb-murekkep);
	box-shadow: 0 -2px 10px rgba(20, 33, 61, 0.18);
}
.hb-alt-cubuk a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.0625rem;
}
.hb-alt-cubuk a + a { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.22); }
.hb-alt-cubuk a:focus-visible { outline-color: #fff; outline-offset: -4px; }

/* ---------- Geniş ekranlar ---------- */

@media (min-width: 640px) {
	.hb-konular { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hb-konular--detay { grid-template-columns: 1fr; }
	.hb-avukatlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 782px) {
	.hb-profil { grid-template-columns: 240px minmax(0, 1fr); align-items: start; }
	.hb-kartlar:not(.hb-kartlar--baglanti) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hb-avukat-karti__foto { width: 150px; min-height: 180px; }
}

@media (min-width: 1024px) {
	body { padding-bottom: 0; }
	.hb-alt-cubuk { display: none; }
	.hb-ust-telefon { display: block; }
	.hb-logo .wp-block-site-title { font-size: 1.625rem; }

	.hb-konular:not(.hb-konular--detay) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.hb-ana .hb-kartlar:not(.hb-kartlar--baglanti),
	.hb-liste .hb-kartlar:not(.hb-kartlar--baglanti) { grid-template-columns: repeat(3, minmax(0, 1fr)); }

	.hb-arama__form { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 1.5rem; }
	.hb-arama__etiket { margin: 0; }

	.hb-yazi-kartlari:has(.hb-tumu) { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: 1rem; }
	.hb-yazi-kartlari:has(.hb-tumu) > h2 { grid-column: 1; grid-row: 1; }
	.hb-yazi-kartlari:has(.hb-tumu) > .hb-tumu { grid-column: 2; grid-row: 1; margin: 0 0 0.75rem; }
	.hb-yazi-kartlari:has(.hb-tumu) > .hb-kartlar { grid-column: 1 / -1; grid-row: 2; }

	.hb-alt-bilgi { background: var(--hb-murekkep); color: #fff; border-top: 0; padding-block: 2.25rem 1rem; }
	.hb-alt-bilgi__ic { display: flex; align-items: center; gap: 3rem; flex-wrap: wrap; }
	.hb-alt-bilgi__baslik { color: #fff; margin: 0; }
	.hb-alt-bilgi .hb-iletisim ul { display: flex; flex-wrap: wrap; gap: 0.5rem 2.5rem; }
	.hb-alt-bilgi .hb-iletisim__satir { color: #fff; }
	.hb-alt-bilgi .hb-iletisim__satir .hb-ikon { color: #d9b98c; }
	.hb-alt-bilgi .hb-yasal { border-top-color: rgba(255, 255, 255, 0.2); }
	.hb-alt-bilgi .hb-yasal a { color: #ebe5da; }
	.hb-alt-bilgi a:focus-visible { outline-color: #fff; }
}

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; scroll-behavior: auto !important; }
}

/* Editörde alt çubuk sayfanın akışında gösterilir. */
.editor-styles-wrapper .hb-alt-cubuk { position: static; }

/* v1.1 — Onaylanan açık, sıcak ve sade Metropol düzeni. */
:root { --hb-sans: var(--wp--preset--font-family--sans); }
.hb-logo__bag { display: flex; align-items: center; min-height: 60px; }
.hb-logo__resim { display:block; width: 230px; max-width:100%; height:auto; aspect-ratio:1040/310; object-fit:contain; }
.hb-ust__ic > .hb-logo { flex:0 1 auto; min-width:0; }
.hb-ust__sag { flex:none; gap:1rem; }
.hb-giris { display:block; padding-block:.75rem 1rem; }
.hb-giris__yazi { min-width:0; }
.hb-giris__baslik { font-size:clamp(1.875rem, 1.35rem + 2vw, 2.75rem); line-height:1.15; margin:0 0 1rem; max-width:20ch; }
.hb-giris__metin { font-family:var(--hb-sans); color:var(--hb-ikincil); font-size:1.0625rem; line-height:1.55; max-width:46ch; margin:0; }
.hb-giris__foto { display:none; margin:0; }
.hb-bolum { margin-block-start:2rem; }
.hb-konular { gap:0; }
.hb-konu { background:transparent; border:0; border-bottom:1px solid var(--hb-cizgi); border-radius:0; padding:1rem 0; gap:1rem; }
.hb-konu__ikon { background:transparent; border-radius:0; width:32px; }
.hb-konu__ad, .hb-yazi-karti__baslik, .hb-avukat-karti__ad { font-family:var(--hb-sans); }
.hb-konu__gundelik, .hb-avukat-karti__satir, .hb-yazi-karti__meta { font-size:1rem; }
.hb-konu > .hb-ikon--sag, .hb-yazi-karti > .hb-ikon--sag, .hb-avukat-karti > .hb-ikon--sag { color:var(--hb-murekkep); }
.hb-kartlar { gap:0; }
.hb-yazi-karti { background:transparent; border:0; border-bottom:1px solid var(--hb-cizgi); border-radius:0; padding:1rem 0; }
.hb-etiket { color:var(--hb-ikincil); letter-spacing:.025em; }
.hb-avukatlar { gap:0; }
.hb-avukat-karti { background:transparent; border:0; border-radius:0; border-bottom:1px solid var(--hb-cizgi); padding-block:1rem; }
.hb-avukat-karti__foto { width:88px; min-height:110px; border-radius:6px; overflow:hidden; }
.hb-avukat-karti__govde { padding:.5rem .75rem; }
.hb-avukat-karti > .hb-ikon--sag { margin-right:0; }
.hb-avukat-karti__ad { font-size:1.125rem; }
.hb-yazi__govde > h2, .hb-yazi__govde > .wp-block-heading:where(h2) { border-top:0; padding-top:0; }
.hb-icindekiler a { min-height:44px; color:var(--hb-murekkep); }
.hb-icindekiler .hb-ikon { color:var(--hb-murekkep); }
.hb-kirinti a { min-height:44px; }
.hb-arama__dugme { min-height:44px; }
.hb-arama__alan input::placeholder { color:var(--hb-ikincil); }
.hb-kisa-cevap { border:0; padding-block:0; }
.hb-kisa-cevap p { font-size:1.0625rem; }
.hb-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-family:var(--hb-sans); }
.hb-alt-cubuk { background:var(--hb-zemin); box-shadow:0 -1px 0 var(--hb-cizgi); }
.hb-alt-cubuk a { color:var(--hb-murekkep); font-size:1rem; }
.hb-alt-cubuk a + a { box-shadow:inset 1px 0 0 var(--hb-cizgi); }
.hb-alt-cubuk a:focus-visible { outline-color:var(--hb-murekkep); }
.hb-genel-not { border:0; }
.hb-menu .wp-block-navigation__responsive-container-open { min-height:44px; min-width:44px; }
@media (max-width:639px) {
 .hb-konular, .hb-konular--detay { grid-template-columns:minmax(0,1fr); }
}
@media (min-width:640px) {
 .hb-konular { column-gap:1.5rem; }
 .hb-avukatlar { gap:1.5rem; }
}
@media (min-width:782px) {
 .hb-kartlar:not(.hb-kartlar--baglanti) { gap:1.5rem; }
 .hb-avukat-karti__foto { width:112px; min-height:140px; }
}
/* Menü logo + telefonla sıkışmasın; tabletlerde de erişilebilir açılır menü. */
@media (min-width:600px) and (max-width:1199px) {
 .hb-menu .wp-block-navigation__responsive-container:not(.is-menu-open) { display:none !important; }
 .hb-menu .wp-block-navigation__responsive-container-open:not(.always-shown) { display:flex !important; align-items:center; min-height:48px; min-width:48px; }
 .hb-menu .wp-block-navigation__responsive-container-open::after { content:'Menü'; font-size:.875rem; }
}
@media (min-width:1024px) {
 .hb-logo__resim { width:266px; }
 .hb-giris--fotografli { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2rem; align-items:center; }
 .hb-giris__foto { display:block; }
 .hb-giris__foto img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; border-radius:6px; }
 .hb-giris__baslik { max-width:19ch; }
 .hb-konu { align-items:flex-start; }
 .hb-yazi-karti { border-bottom:0; }
 .hb-avukat-karti { border-bottom:0; }
 .hb-konular:not(.hb-konular--detay) { gap:1.5rem; }
}
@media (prefers-reduced-motion:no-preference) { html { scroll-behavior:smooth; } }
.is-style-hb-kaynaklar a { display:inline-flex; align-items:center; min-height:44px; }

/* v1.2.1 — Daha kısa mobil giriş ve belirgin bölüm ayrımı. */
.hb-giris__kimlik { display:flex; align-items:center; flex-wrap:wrap; column-gap:.5rem; margin-top:.625rem; font-family:var(--hb-sans); font-size:1rem; color:var(--hb-ikincil); }
.hb-giris__kimlik a { display:inline-flex; align-items:center; min-height:44px; color:var(--hb-murekkep); text-decoration:underline; }
.hb-giris__sehir { flex-basis:100%; }
.hb-yazi-karti__aciklama { font-size:1rem; line-height:1.5; color:var(--hb-murekkep); }
.hb-yazi-karti__meta { margin-top:.25rem; }
.hb-ana > .hb-avukat-listesi { padding:1.25rem; background:var(--hb-bej); border-radius:6px; margin-block-start:2.5rem; }
.hb-ana > .hb-yazi-kartlari { padding-top:1.5rem; border-top:1px solid var(--hb-cizgi); }
.hb-iletisim__deger { overflow-wrap:anywhere; }
@media (max-width:639px) {
 .hb-ana { padding-top:.75rem; }
 .hb-ana .hb-giris { padding-block:.25rem .5rem; }
 .hb-ana .hb-giris__baslik { font-size:1.75rem; line-height:1.18; margin-bottom:.625rem; max-width:22ch; }
 .hb-ana .hb-giris__metin { font-size:1rem; line-height:1.45; }
 .hb-ana .hb-bolum--konular { margin-block-start:1rem; }
 .hb-ana .hb-bolum--konular > h2 { font-family:var(--hb-sans); font-size:1.25rem; line-height:1.3; margin-bottom:.5rem; }
 .hb-ana > .hb-avukat-listesi { padding:1rem; }
 .hb-avukat-karti__foto { width:76px; min-height:100px; }
 .hb-giris__kimlik { column-gap:.375rem; margin-top:.375rem; }
}

/* v1.3 — Gerçek ve demo fotoğraflar aynı mobil öncelikli yerleşimi kullanır. */
.hb-giris__foto { display:block; margin:1rem 0 0; min-width:0; }
.hb-giris__foto img { display:block; width:100%; height:auto; aspect-ratio:2.05; object-fit:cover; object-position:center 32%; border-radius:6px; }
.hb-demo-notu { display:block; font:400 .75rem/1.4 var(--hb-sans); color:var(--hb-ikincil); padding-block:.3rem; }
.hb-demo-portre { display:flex; flex-direction:column; width:100%; height:100%; }
.hb-demo-portre img { flex:1; min-height:0; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; object-position:center 30%; }
.hb-demo-portre .hb-demo-notu { background:var(--hb-bej); padding:.3rem; }
.hb-avukat-karti--demo { height:100%; }
.hb-buro-foto { margin:2rem 0; }
.hb-buro-foto img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:6px; }
@media (min-width:1024px) {
 .hb-giris__foto { margin:0; }
 .hb-giris__foto img { aspect-ratio:16/10; }
}

/* v1.4 — Mesaj formu ve isteğe bağlı harita. */
.hb-mesaj,.hb-harita { margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--hb-cizgi); }
.hb-mesaj-form { max-width:42rem; }
.hb-form-alan { display:grid; gap:.35rem; margin-top:1rem; }
.hb-form-alan label { font-weight:600; }
.hb-form-alan input,.hb-form-alan select,.hb-form-alan textarea { width:100%; box-sizing:border-box; min-height:48px; padding:.75rem; border:1px solid var(--hb-cerceve); border-radius:6px; background:var(--hb-yuzey); color:var(--hb-murekkep); font:inherit; font-size:1rem; }
.hb-form-alan [aria-invalid=true] { border:2px solid #9b2424; }
.hb-form-hata { color:#9b2424; font-size:1rem; }
.hb-form-hata:empty,.hb-form-durum:empty { display:none; }
.hb-form-durum { background:var(--hb-bej); padding:1rem; margin-block:1rem; }
.hb-mesaj-form button,.hb-harita-ac { min-height:48px; padding:.75rem 1.25rem; font:inherit; font-weight:600; border:0; border-radius:6px; background:var(--hb-murekkep); color:white; cursor:pointer; }
.hb-mesaj-form button:disabled { opacity:.65; cursor:wait; }
.hb-form-tuzak { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.hb-harita-alan { min-height:180px; display:flex; justify-content:center; align-items:center; background:var(--hb-bej); border-radius:6px; overflow:hidden; }
.hb-harita-alan iframe { display:block; width:100%; height:320px; border:0; }

/* v1.5 — Ölçülü etkileşim; içerik hiçbir animasyonun bitmesini beklemez. */
.hb-konu,.hb-yazi-karti,.hb-avukat-karti { transition:background-color 160ms ease; }
.hb-konu > .hb-ikon--sag,.hb-yazi-karti > .hb-ikon--sag,.hb-avukat-karti > .hb-ikon--sag { transition:transform 160ms ease; }
.hb-arama__dugme,.hb-mesaj-form button,.hb-harita-ac,.hb-alt-cubuk a,.hb-ust-telefon a { transition:background-color 160ms ease,color 160ms ease; }
.hb-arama__dugme:active,.hb-mesaj-form button:active,.hb-harita-ac:active { background-color:#304257; }
.hb-konu:active,.hb-yazi-karti:active,.hb-avukat-karti:active,.hb-alt-cubuk a:active { background-color:var(--hb-bej); }
.hb-konu:focus-visible,.hb-yazi-karti:focus-visible,.hb-avukat-karti:focus-visible { background-color:var(--hb-bej); }
.hb-mesaj-form [type=submit] { display:inline-flex; align-items:center; justify-content:center; gap:.6rem; }
.hb-mesaj-form [type=submit]::before { content:''; display:inline-block; box-sizing:border-box; width:1rem; height:1rem; flex:none; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; visibility:hidden; }
.hb-mesaj-form[aria-busy=true] [type=submit]::before { visibility:visible; }
@media (hover:hover) and (pointer:fine) {
 .hb-konu:hover,.hb-yazi-karti:hover,.hb-avukat-karti:hover { background-color:var(--hb-bej); }
 .hb-konu:hover > .hb-ikon--sag,.hb-yazi-karti:hover > .hb-ikon--sag,.hb-avukat-karti:hover > .hb-ikon--sag { transform:translateX(3px); }
 .hb-arama__dugme:hover,.hb-mesaj-form button:not(:disabled):hover,.hb-harita-ac:hover { background-color:#304257; }
 .hb-ust-telefon a:hover { text-decoration:underline; }
 .hb-alt-cubuk a:hover { background-color:var(--hb-bej); }
}
@media (prefers-reduced-motion:no-preference) {
 .hb-menu .wp-block-navigation__responsive-container.is-menu-open { animation:hb-menu-ac 200ms ease-out; }
 .hb-form-durum.hb-durum-sonuc { animation:hb-durum-ac 160ms ease-out; }
 .hb-mesaj-form[aria-busy=true] [type=submit]::before { animation:hb-bekleme 800ms linear infinite; }
}
@keyframes hb-menu-ac { from { opacity:.85; } to { opacity:1; } }
@keyframes hb-durum-ac { from { opacity:.7; } to { opacity:1; } }
@keyframes hb-bekleme { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto !important; }
 *,*::before,*::after { animation:none !important; transition:none !important; }
 .hb-konu > .hb-ikon--sag,.hb-yazi-karti > .hb-ikon--sag,.hb-avukat-karti > .hb-ikon--sag { transform:none !important; }
}

/* v1.5.1 — Masaüstü kart hizaları ve daha dengeli portre/metin oranı. */
.hb-iletisim ul { list-style:none; margin:0; padding:0; }
.hb-iletisim li::marker { content:''; }
@media (min-width:782px) {
 .hb-yazi-karti { align-items:flex-start; }
 .hb-yazi-karti__govde { align-self:stretch; }
 .hb-yazi-karti__baslik { min-height:2.6em; }
 .hb-yazi-karti__meta { margin-top:auto; padding-top:.5rem; }
 .hb-yazi-karti > .hb-ikon--sag { align-self:center; }
 .hb-avukat-karti { display:grid; grid-template-columns:132px minmax(0,1fr) 20px; gap:1rem; align-items:center; }
 .hb-avukat-karti__foto { width:132px; min-height:0; align-self:start; }
 .hb-avukat-karti__govde { padding:.5rem 0; }
 .hb-avukat-karti__resim,.hb-demo-portre img { height:auto; aspect-ratio:4/5; flex:none; }
 .hb-avukat-karti > .hb-ikon--sag { margin-right:0; }
 .hb-icindekiler ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 1.25rem; }
}
@media (min-width:1024px) {
 .hb-avukat-karti { grid-template-columns:148px minmax(0,1fr) 20px; }
 .hb-avukat-karti__foto { width:148px; }
}
.hb-menu a[aria-current="page"] { text-decoration:underline; text-underline-offset:.25em; }

/* v1.5.2 — Gerçek telefon ekranlarından sonra mobil yerleşim düzeltmesi. */
.hb-avukat-karti { display:grid; grid-template-columns:96px minmax(0,1fr) 20px; align-items:center; gap:.5rem .75rem; height:auto; }
.hb-avukat-karti__foto { grid-column:1; grid-row:1; width:96px; min-height:0; align-self:start; }
.hb-avukat-karti__resim { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; border-radius:6px; }
.hb-avukat-karti__govde { grid-column:2; grid-row:1; padding:0; overflow-wrap:anywhere; }
.hb-avukat-karti > .hb-ikon--sag { grid-column:3; grid-row:1; }
.hb-avukat-karti__foto:has(.hb-demo-portre),.hb-avukat-karti__foto > .hb-demo-portre { display:contents; }
.hb-avukat-karti .hb-demo-portre > img { grid-column:1; grid-row:1; width:100%; height:auto; aspect-ratio:4/5; flex:none; border-radius:6px; }
.hb-avukat-karti .hb-demo-portre > .hb-demo-notu { grid-column:1/-1; grid-row:2; padding:.25rem 0 0; background:transparent; }
.hb-avukatlar > li { min-width:0; }
.hb-menu.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) { background:var(--hb-zemin); color:var(--hb-murekkep); padding:1.25rem; --navigation-layout-justification-setting:flex-start; }
.hb-menu.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items:stretch; gap:0; padding-top:4rem; }
.hb-menu.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { width:100%; align-items:stretch; gap:0; }
.hb-menu.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width:100%; align-items:stretch; }
.hb-menu.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { width:100%; justify-content:flex-start; min-height:56px; padding:.5rem 0; box-sizing:border-box; border-bottom:1px solid var(--hb-cizgi); font-size:1.25rem; }
@media (min-width:782px) {
 .hb-avukat-karti { grid-template-columns:132px minmax(0,1fr) 20px; gap:.5rem 1rem; }
 .hb-avukat-karti__foto { width:132px; }
}
@media (min-width:1024px) {
 .hb-avukat-karti { grid-template-columns:148px minmax(0,1fr) 20px; }
 .hb-avukat-karti__foto { width:148px; }
}
@media (max-width:781px) {
 :root { --hb-alt-cubuk:52px; }
 .hb-ana > .hb-avukat-listesi { padding:1rem; }
 .hb-avukatlar { grid-template-columns:minmax(0,1fr); gap:0; }
 .hb-avukatlar > li + li { border-top:1px solid var(--hb-cizgi); }
 .hb-avukat-karti { border-bottom:0; padding-block:1rem; }
 .hb-ust { padding-block:.5rem; }
 .hb-ana { padding-top:.5rem; }
 .hb-ana .hb-giris { padding-block:0 .25rem; }
 .hb-ana .hb-giris__baslik { margin-bottom:.5rem; }
 .hb-giris__kimlik { margin-top:.25rem; row-gap:0; }
 .hb-giris__foto { margin-top:.5rem; }
 .hb-giris__foto img { aspect-ratio:2.4; }
 .hb-ana .hb-bolum--konular { margin-block-start:.75rem; }
 .hb-yazi,.hb-liste { padding-top:.75rem; }
 .hb-yazi > * + * { margin-block-start:1rem; }
 .hb-yazi .wp-block-post-title { font-size:clamp(1.875rem,7.5vw,2.5rem); line-height:1.18; margin-block:.5rem .75rem; }
 .hb-ust-bilgi { gap:.25rem; line-height:1.45; }
 .hb-icindekiler { margin-block-start:1.25rem; }
 .hb-icindekiler h2 { margin-block:0 .5rem; }
 .hb-icindekiler ol { display:grid; gap:0; }
 .hb-icindekiler li { margin:0; }
 .hb-icindekiler a { min-height:44px; padding-block:.125rem; line-height:1.4; }
 .hb-yazi__govde > section { margin-block:1.5rem; }
 .hb-yazi__govde h2 { margin-block:1.5rem .75rem; }
 .hb-yazi__govde p { margin-block:.75rem; }
 .hb-alt-cubuk a { min-height:44px; }
}

/* v1.5.3 — Onaylanan logonun açık zemini sayfa yüzeyiyle birleşir. */
.hb-logo__resim { mix-blend-mode:multiply; }

/* v1.6.1 — Mobil iletişim: ortak adres, iki eşit kart, okunaklı bağlantılar. */
.hb-iletisim ul.hb-iletisim__gruplar { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; margin:0; padding:0; }
.hb-iletisim .hb-iletisim__grup { min-width:0; padding:1rem; margin:0; border:1px solid var(--hb-cizgi); border-radius:8px; background:var(--hb-zemin); color:var(--hb-murekkep); }
.hb-iletisim__adres { display:grid; grid-template-columns:22px minmax(0,1fr); align-items:start; gap:.75rem; }
.hb-iletisim__adres > .hb-ikon { margin-top:.15rem; color:var(--hb-bronz); }
.hb-iletisim__adres p { margin:.375rem 0 0; line-height:1.55; }
.hb-iletisim__kisi-ad { display:block; margin-bottom:.5rem; font-size:1.0625rem; }
.hb-iletisim__bag { display:flex; align-items:flex-start; gap:.625rem; min-height:44px; padding:.5rem 0; box-sizing:border-box; color:var(--hb-murekkep); text-decoration:none; line-height:1.45; }
.hb-iletisim__bag span { min-width:0; overflow-wrap:anywhere; }
.hb-iletisim__bag .hb-ikon { flex:none; margin-top:.15rem; color:var(--hb-bronz); }
.hb-iletisim__bag:hover span { text-decoration:underline; }
@media (min-width:782px) {
 .hb-iletisim ul.hb-iletisim__gruplar { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hb-iletisim__adres { grid-column:1/-1; }
}
@media (max-width:781px) {
 .hb-ana { padding-bottom:1.5rem; }
 .hb-alt-bilgi { padding-block:1.75rem 1rem; }
 .hb-alt-bilgi__baslik { font-size:1.75rem; margin-bottom:1rem; }
}

/* v1.6.2 — Logo boyutu korunur; yalnızca boşluk ve merkezleme düzeltilir. */
.hb-ust__ic { align-items:center; }
.hb-ust__ic > .hb-logo { margin-block:0; align-self:center; }
.hb-logo__bag { min-height:0; line-height:0; }
.hb-logo__resim { mix-blend-mode:darken; }
.hb-ust__sag { align-items:center; align-self:center; margin-block:0; }
.hb-ust__sag > .hb-menu { margin-block:0; align-self:center; }
@media (max-width:781px) {
 .hb-ust { padding-block:.875rem; }
 .hb-menu .wp-block-navigation__responsive-container-open { align-self:center; justify-content:center; }
}

/* v1.6.3 — Şeffaf logo; dosya içindeki boşluklar başlığı küçültmez. */
.hb-logo__resim { aspect-ratio:auto; mix-blend-mode:normal; }
.hb-alt-cubuk { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); }
.hb-ust__ic { align-items:center; }