/*
Theme Name: Senem Kadıoğlu
Theme URI: https://senemkadioglu.example
Author: Orsel Studio
Author URI: https://orsel.studio
Description: Senem Kadıoğlu — Uzman Psikolog. Self-hosted (KVKK-safe), jQuery'siz, harici istek yok. Yaşam Kökleri (tree-of-life) motifli, erişilebilir, mobil öncelikli klasik PHP teması.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: senem-kadioglu
Tags: one-column, custom-logo, translation-ready
*/

/* ==========================================================================
   1. Tasarım sistemleri (DESIGN_SYSTEM.md — token'lar byte-birebir)
   ========================================================================== */

:root {
	/* canvas */
	--bg:            #FBFAFC;
	--surface:       #FFFFFF;
	--border:        #DDD6E6;

	/* text ink */
	--text-primary:  #2C2838;
	--text-secondary:#5A5470;
	--text-muted:    #6B6582;

	/* brand purple (interactive only) */
	--primary:       #6D5A9E;
	--primary-dark:  #55427E;
	--primary-light: #EFE9F7;

	/* calm blue (non-text accent) */
	--blue:          #5B7FA6;
	--blue-dark:     #47668A;
	--blue-light:    #E8F0F6;

	/* growth green (non-text accent) */
	--green:         #5E8C6B;
	--green-dark:    #4A7356;
	--green-light:   #E9F2EA;

	--white:         #FFFFFF;
	--focus:         #55427E;

	/* type scale */
	--fs-h1: clamp(2rem, 5vw, 3.25rem);
	--fs-h2: clamp(1.5rem, 3.5vw, 2.25rem);
	--fs-h3: 1.25rem;
	--fs-h4: 1.125rem;
	--fs-body: 1rem;
	--fs-small: 0.875rem;

	/* font stacks (graceful degradation) */
	--font-heading: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
	--font-body: "Source Sans 3", -apple-system, "Segoe UI", system-ui, sans-serif;

	/* spacing scale (4px base) */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4rem;
	--space-9: 6rem;

	/* layout */
	--container-max: 72rem;
	--container-text: 42rem;
	--gutter: clamp(1rem, 4vw, 2rem);
	--radius: 0.75rem;
}

/* ==========================================================================
   2. @font-face — self-hosted woff2 (latin + latin-ext, Türkçe glifler)
   ========================================================================== */

/* Fraunces — başlıklar */

@font-face {
	font-family: "Fraunces";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("assets/fonts/fraunces-500-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Fraunces";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("assets/fonts/fraunces-500-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: "Fraunces";
	font-style: normal;
	font-weight: 550;
	font-display: swap;
	src: url("assets/fonts/fraunces-550-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Fraunces";
	font-style: normal;
	font-weight: 550;
	font-display: swap;
	src: url("assets/fonts/fraunces-550-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: "Fraunces";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("assets/fonts/fraunces-600-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Fraunces";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("assets/fonts/fraunces-600-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Source Sans 3 — gövde metni */

@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("assets/fonts/sourcesans3-400-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("assets/fonts/sourcesans3-400-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: "Source Sans 3";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("assets/fonts/sourcesans3-600-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("assets/fonts/sourcesans3-600-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ==========================================================================
   3. Reset & taban
   ========================================================================== */

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

* {
	margin: 0;
}

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

body {
	background: var(--bg);
	color: var(--text-primary);
	font-family: var(--font-body);
	font-size: var(--fs-body);
	font-weight: 400;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Ölçü: gövde metni en fazla 65ch, başlıklar 24ch */
p,
li,
.entry-content,
address,
.lead {
	max-width: 65ch;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading);
	color: var(--text-primary);
	line-height: 1.15;
	letter-spacing: -0.01em;
	max-width: 24ch;
	text-wrap: balance;
}

h1 { font-size: var(--fs-h1); font-weight: 550; }
h2 { font-size: var(--fs-h2); font-weight: 520; line-height: 1.2; letter-spacing: -0.005em; }
h3 { font-size: var(--fs-h3); font-weight: 520; line-height: 1.3; letter-spacing: 0; }
h4 { font-size: var(--fs-h4); font-weight: 600; line-height: 1.35; letter-spacing: 0; }

small,
.fs-small {
	font-size: var(--fs-small);
	letter-spacing: 0.01em;
}

a {
	color: var(--primary);
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

a:hover,
a:focus {
	color: var(--primary-dark);
}

/* ==========================================================================
   4. Odak halkası (3px, görünür) + indirgenmiş hareket
   ========================================================================== */

:focus-visible {
	outline: 3px solid var(--focus);
	outline-offset: 2px;
	border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ==========================================================================
   5. Düzen yardımcıları
   ========================================================================== */

.container {
	width: 100%;
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--gutter);
}

.container--text {
	max-width: var(--container-text);
}

/* ==========================================================================
   6. Atlama bağlantısı & başlık
   ========================================================================== */

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100;
	background: var(--primary-dark);
	color: var(--white);
	padding: var(--space-2) var(--space-4);
	border-radius: 0 0 var(--radius) 0;
}

.skip-link:focus {
	left: 0;
	top: 0;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--bg);
	border-bottom: 1px solid var(--border);
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	max-width: var(--container-max);
	margin-inline: auto;
	padding: var(--space-3) var(--gutter);
}

.brand {
	display: flex;
	align-items: center;
	gap: var(--space-2);
}

.brand a {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	text-decoration: none;
	color: var(--text-primary);
}

.brand__name {
	font-family: var(--font-heading);
	font-weight: 550;
	font-size: 1.125rem;
}

.brand__title {
	display: block;
	font-size: var(--fs-small);
	color: var(--text-secondary);
}

.brand .motif--tree-mark {
	color: var(--primary-dark);
}

.brand__logo,
.brand__logo img {
	display: block;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	object-fit: contain;
}

.menu-toggle {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	background: var(--surface);
	color: var(--primary-dark);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: var(--space-2) var(--space-4);
	font-family: var(--font-body);
	font-weight: 600;
	cursor: pointer;
}

.primary-nav {
	display: none;
}

.primary-nav.is-open {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: var(--surface);
	border-bottom: 1px solid var(--border);
	padding: var(--space-4) var(--gutter);
}

.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
}

.menu a {
	display: block;
	text-decoration: none;
	font-weight: 600;
	padding: var(--space-1) 0;
}

@media (min-width: 640px) {
	.menu-toggle {
		display: none;
	}

	.primary-nav {
		display: block;
		position: static;
		background: transparent;
		border: 0;
		padding: 0;
	}

	.menu {
		flex-direction: row;
		gap: var(--space-5);
	}
}

/* ==========================================================================
   7. Düğmeler
   ========================================================================== */

.btn {
	display: inline-block;
	padding: var(--space-3) var(--space-6);
	border-radius: var(--radius);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: var(--fs-body);
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	transition: background-color 160ms ease, color 160ms ease;
}

.btn--primary {
	background: var(--primary);
	color: var(--white);
	border: 1px solid var(--primary);
}

.btn--primary:hover,
.btn--primary:focus {
	background: var(--primary-dark);
	border-color: var(--primary-dark);
	color: var(--white);
}

.btn--ghost {
	background: transparent;
	color: var(--primary-dark);
	border: 1px solid var(--border);
}

.btn--ghost:hover,
.btn--ghost:focus {
	background: var(--primary-light);
	border-color: var(--primary);
}

/* ==========================================================================
   8. Motifler (inline SVG — dekoratif)
   ========================================================================== */

.motif {
	pointer-events: none;
}

.motif--tree-mark {
	color: var(--primary-dark);
}

.motif--root-divider {
	color: var(--primary);
	opacity: 0.4;
}

.motif--branch-icon {
	color: var(--primary);
}

.motif--tree-watermark {
	color: var(--primary);
	opacity: 0.1;
}

.motif--curve-transition {
	color: var(--border);
	opacity: 0.5;
}

/* ==========================================================================
   9. Hero (ilk ekran)
   ========================================================================== */

.hero {
	position: relative;
	overflow: hidden;
	padding: var(--space-8) 0 var(--space-7);
}

.hero__watermark {
	position: absolute;
	top: 0;
	right: -10%;
	width: 70%;
	max-width: 640px;
	z-index: 0;
}

.hero__inner {
	position: relative;
	z-index: 1;
}

.hero__title {
	max-width: 20ch;
	margin-bottom: var(--space-4);
}

.hero__name {
	color: var(--primary-dark);
}

.hero__subtitle {
	font-size: var(--fs-h3);
	color: var(--text-secondary);
	margin-bottom: var(--space-4);
}

.hero__value {
	color: var(--text-secondary);
	margin-bottom: var(--space-6);
}

.hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
}

/* ==========================================================================
   10. Güven şeridi + bölümler
   ========================================================================== */

.trust-strip {
	background: var(--primary-light);
	border-block: 1px solid var(--border);
	padding: var(--space-4) 0;
}

.trust-strip__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2) var(--space-5);
	color: var(--primary-dark);
	font-weight: 600;
}

.trust-strip__sep {
	color: var(--text-muted);
}

.section {
	padding: var(--space-8) 0;
}

.section--tint-blue {
	background: var(--blue-light);
}

.section--tint-green {
	background: var(--green-light);
}

.section__head {
	margin-bottom: var(--space-6);
}

.section__head h2 {
	margin-bottom: var(--space-3);
}

.section__lede {
	color: var(--text-secondary);
}

/* ==========================================================================
   11. Hizmet kümeleri (4) + accordion (16 alan)
   ========================================================================== */

.service-clusters {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-5);
}

@media (min-width: 640px) {
	.service-clusters {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.service-clusters {
		grid-template-columns: repeat(4, 1fr);
	}
}

.cluster {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	overflow: hidden;
}

.cluster__summary {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	list-style: none;
	padding: var(--space-4);
	cursor: pointer;
}

.cluster__summary::-webkit-details-marker {
	display: none;
}

.cluster__glyph {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	flex: none;
}

.cluster--green .cluster__glyph { background: var(--green-light); color: var(--green-dark); }
.cluster--purple .cluster__glyph { background: var(--primary-light); color: var(--primary-dark); }
.cluster--blue .cluster__glyph { background: var(--blue-light); color: var(--blue-dark); }

.cluster__title {
	font-family: var(--font-heading);
	font-weight: 550;
	font-size: var(--fs-h4);
	flex: 1;
}

.cluster__toggle {
	width: 0.625rem;
	height: 0.625rem;
	border-right: 2px solid var(--text-muted);
	border-bottom: 2px solid var(--text-muted);
	transform: rotate(45deg);
	transition: transform 160ms ease;
	flex: none;
}

.cluster[open] .cluster__toggle {
	transform: rotate(225deg);
}

.cluster__areas {
	list-style: none;
	margin: 0;
	padding: 0 var(--space-4) var(--space-4);
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.cluster__areas li {
	display: flex;
	align-items: flex-start;
	gap: var(--space-2);
	color: var(--text-secondary);
	font-size: var(--fs-small);
	padding-left: var(--space-6);
}

.cluster__areas li::before {
	content: "·";
	color: var(--text-muted);
}

/* Accordion (uzun kuyruk — 16 alan) */
.accordion {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	margin-top: var(--space-5);
}

.accordion__summary {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	list-style: none;
	padding: var(--space-4);
	cursor: pointer;
	font-weight: 600;
}

.accordion__summary::-webkit-details-marker {
	display: none;
}

.accordion__count {
	color: var(--text-muted);
	font-weight: 400;
}

.accordion__toggle {
	margin-left: auto;
	width: 0.625rem;
	height: 0.625rem;
	border-right: 2px solid var(--text-muted);
	border-bottom: 2px solid var(--text-muted);
	transform: rotate(45deg);
	transition: transform 160ms ease;
}

.accordion[open] .accordion__toggle {
	transform: rotate(225deg);
}

.accordion__list {
	list-style: none;
	margin: 0;
	padding: 0 var(--space-4) var(--space-4);
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-2);
}

@media (min-width: 640px) {
	.accordion__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

.accordion__list li {
	padding: var(--space-1) 0;
	color: var(--text-secondary);
}

/* ==========================================================================
   12. Süreç adımları + yaklaşım
   ========================================================================== */

.process-steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-5);
}

@media (min-width: 640px) {
	.process-steps {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.process-steps {
		grid-template-columns: repeat(4, 1fr);
	}
}

.process-step {
	background: var(--surface);
	border: 1px solid var(--border);
	border-inline-start: 4px solid var(--blue);
	border-radius: var(--radius);
	padding: var(--space-5);
}

.process-step__num {
	font-family: var(--font-heading);
	font-size: var(--fs-h4);
	font-weight: 600;
	color: var(--blue-dark);
	display: block;
	margin-bottom: var(--space-2);
}

.process-step h3 {
	font-size: var(--fs-h4);
	margin-bottom: var(--space-2);
}

.process-step p {
	color: var(--text-secondary);
}

.approach-block {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-6);
	align-items: start;
}

@media (min-width: 1024px) {
	.approach-block {
		grid-template-columns: 1fr 1fr;
	}
}

.approach-block .motif--branch-icon {
	color: var(--green-dark);
	margin-bottom: var(--space-3);
}

.approach-block h3 {
	color: var(--green-dark);
	margin-bottom: var(--space-2);
}

.approach-block p {
	color: var(--text-secondary);
}

/* ==========================================================================
   13. Hakkımda + iletişim
   ========================================================================== */

.about-card {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-6);
	align-items: start;
}

@media (min-width: 1024px) {
	.about-card {
		grid-template-columns: 2fr 3fr;
	}
}

.about-card__media {
	background: var(--primary-light);
	border-radius: var(--radius);
	min-height: 240px;
	overflow: hidden;
}

/* Duyarlı görseller (inc/images.php): CLS yok, köşe yarıçapı, nesne sığdırma. */
.about-card__media picture,
.about-card__media img,
.page-figure picture,
.page-figure img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--radius);
}

.page-figure {
	margin: 0 0 var(--space-6);
}

.page-figure figcaption {
	margin-top: var(--space-2);
	font-size: var(--fs-small);
	color: var(--text-secondary);
}

.office-gallery {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
	margin: var(--space-6) 0;
}

@media (min-width: 640px) {
	.office-gallery {
		grid-template-columns: 1fr 1fr;
	}
}

/* Küme kısa açıklaması (FINAL_COPY "Kimin İçin?"). */
.cluster__blurb {
	margin: 0;
	padding: 0 var(--space-4) var(--space-4);
	color: var(--text-secondary);
	font-size: var(--fs-small);
}

/* Hizmetler: alan adı + açıklama listesi (accordion içi). */
.area-list {
	margin: 0;
	padding: 0 var(--space-4) var(--space-4);
}

.area-list dt {
	font-weight: 600;
	color: var(--text-primary);
	margin-top: var(--space-3);
}

.area-list dd {
	margin: var(--space-1) 0 0;
	color: var(--text-secondary);
}

/* Yayın öncesi çözülecek yer tutucu (FINAL_COPY "ÇÖZÜLMEMİŞ YER TUTUCULAR"). */
.placeholder-note {
	font-size: var(--fs-small);
	color: var(--text-secondary);
	border: 1px dashed var(--border);
	padding: var(--space-2) var(--space-3);
	border-radius: var(--radius);
}

.contact-panel {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: var(--space-6);
}

.contact-panel .nap {
	font-style: normal;
	color: var(--text-secondary);
	margin-block: var(--space-4);
}

.contact-panel .btn {
	margin-block: var(--space-2);
}

/* ==========================================================================
   14. Sayfa şablonları (iç sayfalar)
   ========================================================================== */

.page-header {
	padding: var(--space-7) 0 var(--space-4);
}

.page-title {
	margin-bottom: var(--space-3);
}

.lead {
	font-size: var(--fs-h3);
	font-weight: 400;
	color: var(--text-secondary);
	line-height: 1.4;
	margin-bottom: var(--space-6);
}

.entry-content {
	max-width: var(--container-text);
}

.entry-content h2,
.entry-content h3 {
	margin-block: var(--space-6) var(--space-3);
}

.entry-content p {
	margin-bottom: var(--space-4);
}

.entry-content ul,
.entry-content ol {
	margin: 0 0 var(--space-4);
	padding-inline-start: var(--space-6);
}

.entry-content li {
	margin-bottom: var(--space-2);
}

.service-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-5);
}

@media (min-width: 640px) {
	.service-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.service-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.service-card {
	display: block;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: var(--space-5);
	text-decoration: none;
	color: var(--text-primary);
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.service-card:hover,
.service-card:focus {
	border-color: var(--primary);
	box-shadow: 0 2px 12px rgba(85, 66, 126, 0.08);
}

.service-card h2 {
	font-size: var(--fs-h4);
	margin-bottom: var(--space-2);
}

.service-card p {
	color: var(--text-secondary);
}

.service-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.service-list li {
	position: relative;
	padding-inline-start: var(--space-5);
	color: var(--text-secondary);
}

.service-list li::before {
	content: "—";
	position: absolute;
	left: 0;
	color: var(--text-muted);
}

.services-note,
.service-disclaimer,
.service-note {
	font-size: var(--fs-small);
	color: var(--text-muted);
	margin-block: var(--space-4);
	padding: var(--space-3);
	border-inline-start: 3px solid var(--border);
}

.service-cta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin-block: var(--space-6);
}

.contact-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-6);
}

@media (min-width: 1024px) {
	.contact-grid {
		grid-template-columns: 1fr 1fr;
	}
}

/* ==========================================================================
   15. Alt bilgi
   ========================================================================== */

.site-footer {
	background: var(--primary-light);
	border-top: 1px solid var(--border);
	padding: var(--space-8) 0 var(--space-6);
	margin-top: var(--space-8);
}

/* Organik geçiş eğrisi (motif 5): footer'dan hemen önce, --green vurgu, %30 opaklık. */
.motif--curve-transition {
	display: block;
	color: var(--green);
	opacity: 0.3;
	margin-top: var(--space-8);
	margin-bottom: calc(-1 * var(--space-8));
}

.site-footer .motif--tree-mark {
	color: var(--primary-dark);
	margin-bottom: var(--space-3);
}

.site-footer__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-6);
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--gutter);
}

@media (min-width: 640px) {
	.site-footer__grid {
		grid-template-columns: 2fr 1fr 1fr;
	}
}

.site-footer h2 {
	font-size: var(--fs-h4);
	margin-bottom: var(--space-3);
}

.site-footer .menu {
	gap: var(--space-2);
}

.site-footer .menu a {
	font-weight: 400;
	color: var(--text-secondary);
}

.site-footer .menu a:hover,
.site-footer .menu a:focus {
	color: var(--primary-dark);
}

.site-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.site-footer a {
	color: var(--text-secondary);
}

.nap {
	font-style: normal;
	color: var(--text-secondary);
}

.site-footer__legal {
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--gutter);
	margin-top: var(--space-6);
	padding-top: var(--space-6);
	border-top: 1px solid var(--border);
	color: var(--text-secondary); /* 6.02:1 on --primary-light (was --text-muted 4.64:1) */
	font-size: var(--fs-small);
}

.site-footer__legal p {
	margin-bottom: var(--space-2);
}

.emergency {
	background: var(--surface);
	border-inline-start: 4px solid var(--primary);
	border-radius: var(--radius);
	padding: var(--space-4);
	color: var(--text-primary);
	font-size: var(--fs-body);
}

/* ==========================================================================
   17. V2 icerik modeli eklemeleri (CONTENT_MODEL_V2)
   ========================================================================== */

/* Ana menu eylem ogesi: Randevu Bilgisi */
.menu-item--cta a {
	color: var(--primary);
	border: 1px solid var(--primary);
	border-radius: var(--radius);
	padding: var(--space-1) var(--space-3);
}

.menu-item--cta a:hover,
.menu-item--cta a:focus {
	background: var(--primary);
	color: var(--white);
}

/* Randevu: sirali adimlar ve ucret tablosu */
.process-list {
	padding-inline-start: 1.25em;
	margin-block: var(--space-4);
}

.process-list li {
	margin-bottom: var(--space-2);
}

.fee-table {
	width: 100%;
	border-collapse: collapse;
	margin-block: var(--space-4);
	font-size: var(--fs-body);
}

.fee-table th,
.fee-table td {
	text-align: start;
	padding: var(--space-2) var(--space-3);
	border-bottom: 1px solid var(--border);
}

.fee-table th {
	font-weight: 600;
	color: var(--text-secondary);
}

/* Nasil Calisiyorum: bolumler */
.process-section {
	margin-block: var(--space-6);
}

/* Ana sayfa: kitle kartlarinda bolum basliklari h3 */
.service-card h3 {
	font-size: var(--fs-h4);
	margin-bottom: var(--space-2);
}