/*
 * Oğuzhan Okan — tema stilleri
 * Apple HIG ilkeleri: sistem fontu, semantik renkler, otomatik karanlık mod,
 * yüksek kontrast, 44 pt dokunma alanı, cam yalnızca navigasyonda, hareket isteğe bağlı.
 * Renk paleti theme.json'dadır; burada yalnızca karanlık mod ve kontrast varyantları yeniden tanımlanır.
 */

/* ---------- Ek değişkenler ---------- */

:root {
	--oo-glass: rgba(255, 255, 255, 0.72);
	--oo-glass-border: rgba(0, 0, 0, 0.08);
	--oo-card: var(--wp--preset--color--background);
	--oo-focus: #2b64b0;
	--oo-radius-s: 12px;
	--oo-radius-m: 18px;
	--oo-radius-l: 28px;
	--oo-header-h: 72px;
	--oo-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
	--oo-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	color-scheme: light dark;
}

/* Karanlık mod: sistem ayarını izler, sitede ayrı bir düğme yoktur */
@media (prefers-color-scheme: dark) {
	:root:root {
		--wp--preset--color--background: #000000;
		--wp--preset--color--background-secondary: #1c1c1e;
		--wp--preset--color--background-tertiary: #2c2c2e;
		--wp--preset--color--label: #f5f5f7;
		--wp--preset--color--label-secondary: #a1a1a6;
		--wp--preset--color--separator: #38383a;
		--wp--preset--color--accent: #7fb0ec;
		--wp--preset--color--accent-fill: #2f6fbf;
		--wp--preset--color--accent-fill-pressed: #3a7bd0;
		--wp--preset--color--on-accent: #ffffff;
		--oo-glass: rgba(22, 22, 23, 0.72);
		--oo-glass-border: rgba(255, 255, 255, 0.1);
		--oo-card: var(--wp--preset--color--background-tertiary);
		--oo-focus: #7fb0ec;
	}
}

/* Kontrastı Artır */
@media (prefers-contrast: more) {
	:root:root {
		--wp--preset--color--label-secondary: #3a3a3c;
		--wp--preset--color--separator: #8e8e93;
		--wp--preset--color--accent: #0f3566;
		--wp--preset--color--accent-fill: #0f3566;
		--wp--preset--color--accent-fill-pressed: #0a2547;
		--oo-glass: rgba(255, 255, 255, 0.96);
		--oo-glass-border: rgba(0, 0, 0, 0.4);
	}
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
	:root:root {
		--wp--preset--color--label-secondary: #d1d1d6;
		--wp--preset--color--separator: #8e8e93;
		--wp--preset--color--accent: #a9cbf5;
		--wp--preset--color--accent-fill: #1d4f91;
		--wp--preset--color--accent-fill-pressed: #163e73;
		--oo-glass: rgba(0, 0, 0, 0.96);
		--oo-glass-border: rgba(255, 255, 255, 0.45);
	}
}

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

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--oo-header-h) + var(--wp-admin--admin-bar--height, 0px) + 16px);
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Şablon parçaları arasındaki varsayılan boşluğu kaldır */
.wp-site-blocks > * {
	margin-block-start: 0;
}

h1, h2, h3, h4, .wp-block-heading {
	text-wrap: balance;
}

p {
	text-wrap: pretty;
}

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

::selection {
	background: color-mix(in srgb, var(--wp--preset--color--accent) 25%, transparent);
}

/* WordPress'in otomatik "İçeriğe geç" bağlantısı */
.skip-link.screen-reader-text:focus {
	padding: 12px 18px !important;
	border-radius: 999px;
	background: var(--wp--preset--color--accent-fill) !important;
	color: var(--wp--preset--color--on-accent) !important;
	font-weight: 600;
	text-decoration: none;
}

/* ---------- Butonlar (min. 44×44, basılı durum) ---------- */

.wp-element-button,
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	min-width: 44px;
	white-space: nowrap;
	text-decoration: none;
	transition: background-color 0.2s var(--oo-ease), color 0.2s var(--oo-ease), transform 0.12s var(--oo-ease), opacity 0.2s var(--oo-ease);
	-webkit-tap-highlight-color: transparent;
}
.wp-element-button:hover,
.wp-block-button__link:hover {
	text-decoration: none;
}
.wp-element-button:active,
.wp-block-button__link:active {
	transform: scale(0.97);
}

/* Sade (bağlantı görünümlü) buton + sağ ok */
.wp-block-button.is-style-plain .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--accent);
	padding-left: 12px;
	padding-right: 12px;
}
.wp-block-button.is-style-plain .wp-block-button__link:hover {
	background: transparent;
	color: var(--wp--preset--color--accent);
	text-decoration: underline;
}
.wp-block-button.is-style-plain .wp-block-button__link:active {
	opacity: 0.6;
}
.wp-block-button.is-style-plain .wp-block-button__link::after {
	content: "";
	flex: none;
	width: 0.6em;
	height: 0.9em;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath d='M2 2l6 6-6 6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath d='M2 2l6 6-6 6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Outline stili de tema rengini kullansın */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--accent);
	border: 1.5px solid currentColor;
}

/* ---------- Header: Apple Dinamik Header (eski header'ın temaya taşınmış hali) ----------
   Ölçüler, yay animasyonu ve masaüstü/mobil düzeni eskisiyle aynıdır.
   Renkler tema renklerine bağlıdır: açık zeminde koyu, koyu modda açık yazı. */

:root {
	/* Hareket standardı: hamburger menü, ürün kartı ve uzmanlık kartları aynı yay eğrisini,
	   süreyi ve içerik solma süresini kullanır; açılış ve kapanış simetriktir. */
	--oo-motion-spring: cubic-bezier(0.16, 1, 0.3, 1);
	--oo-motion-time: 0.38s;
	--oo-motion-fade: 0.2s;
	--oo-motion-fade-delay: 0.05s;
	--apple-spring: var(--oo-motion-spring);
	--apple-time: var(--oo-motion-time);
	--apple-glass-btn: rgba(255, 255, 255, 0.72);
	--apple-glass-card: rgba(255, 255, 255, 0.86);
	--apple-hover-glow: rgba(255, 255, 255, 0.92);
	--apple-capsule-open: rgba(255, 255, 255, 0.82);
	--apple-text: var(--wp--preset--color--label);
	--apple-hairline: rgba(0, 0, 0, 0.06);
	/* İletişim hapı: camlı blueprint mavisi (beyaz yazıyla zemin üzerinde ~5:1) */
	--apple-blue-glass: rgba(29, 79, 145, 0.82);
	--apple-blue-glass-hover: rgba(29, 79, 145, 0.94);
	--apple-blue-shadow: 0 3px 12px rgba(29, 79, 145, 0.28), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 0 0 0.5px rgba(255, 255, 255, 0.18);
	--apple-pill-hover: rgba(0, 0, 0, 0.05);
	--apple-pill-active: rgba(0, 0, 0, 0.09);
	--apple-btn-shadow: 0 3px 10px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04), inset 0 0 0 0.5px var(--apple-hairline);
	--apple-card-shadow: 0 12px 28px rgba(0, 0, 0, 0.16), 0 4px 10px rgba(0, 0, 0, 0.06), inset 0 0 0 0.5px var(--apple-hairline);
}
@media (prefers-color-scheme: dark) {
	:root {
		--apple-glass-btn: rgba(44, 44, 46, 0.62);
		--apple-glass-card: rgba(36, 36, 38, 0.86);
		--apple-hover-glow: rgba(58, 58, 60, 0.78);
		--apple-capsule-open: rgba(58, 58, 60, 0.7);
		--apple-hairline: rgba(255, 255, 255, 0.1);
		--apple-blue-glass: rgba(47, 111, 191, 0.72);
		--apple-blue-glass-hover: rgba(58, 123, 208, 0.86);
		--apple-blue-shadow: 0 3px 12px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 0 0 0.5px rgba(255, 255, 255, 0.16);
		--apple-pill-hover: rgba(255, 255, 255, 0.12);
		--apple-pill-active: rgba(255, 255, 255, 0.2);
		--apple-btn-shadow: 0 3px 10px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 0 0 0.5px var(--apple-hairline);
		--apple-card-shadow: 0 12px 28px rgba(0, 0, 0, 0.45), 0 4px 10px rgba(0, 0, 0, 0.25), inset 0 0 0 0.5px var(--apple-hairline);
	}
}
@media (prefers-contrast: more) {
	:root {
		--apple-hairline: rgba(0, 0, 0, 0.45);
		--apple-glass-btn: rgba(255, 255, 255, 0.96);
		--apple-glass-card: rgba(255, 255, 255, 0.98);
		--apple-blue-glass: #0f3566;
		--apple-blue-glass-hover: #0a2547;
	}
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
	:root {
		--apple-hairline: rgba(255, 255, 255, 0.5);
		--apple-glass-btn: rgba(28, 28, 30, 0.96);
		--apple-glass-card: rgba(28, 28, 30, 0.98);
		--apple-blue-glass: #1d4f91;
		--apple-blue-glass-hover: #163e73;
	}
}

/* Header sabit (fixed) olduğu için içerik altında kalmasın diye yer tutucu */
.oo-header {
	position: relative;
	z-index: 100;
	height: calc(84px + env(safe-area-inset-top));
}

/* Kısa kod bloğu çıktıyı <p> içine alır; boş kalan paragrafları gizle */
.oo-header > p {
	margin: 0;
}
.oo-header > p:empty {
	display: none;
}

/* Fare tıklamasında çerçeve çıkmasın; klavye odağında görünsün */
.apple-header-wrapper a,
.apple-header-wrapper button {
	-webkit-tap-highlight-color: transparent;
}
.apple-header-wrapper a:focus:not(:focus-visible),
.apple-header-wrapper button:focus:not(:focus-visible) {
	outline: none;
}
.apple-header-wrapper a:focus-visible,
.apple-header-wrapper button:focus-visible {
	outline: 2px solid var(--oo-focus);
	outline-offset: 3px;
	border-radius: 22px;
}

/* Header kapsayıcısı */
.apple-header-bar {
	position: fixed;
	top: calc(20px + var(--wp-admin--admin-bar--height, 0px) + env(safe-area-inset-top));
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 1040px;
	width: calc(100% - 40px);
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	z-index: 9999;
	pointer-events: none;
}
.apple-interactive {
	pointer-events: auto;
}
.apple-backdrop-dismiss {
	position: fixed;
	inset: 0;
	z-index: 9998;
	display: none;
	background: transparent;
}
.apple-header-wrapper.is-nav-open .apple-backdrop-dismiss {
	display: block;
}

/* 1. Sol logo */
.apple-logo-badge {
	width: 44px;
	height: 44px;
	border-radius: 22px;
	background: var(--apple-glass-btn);
	backdrop-filter: blur(28px) saturate(190%);
	-webkit-backdrop-filter: blur(28px) saturate(190%);
	box-shadow: var(--apple-btn-shadow);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--apple-text);
	text-decoration: none;
	overflow: hidden;
	transition: transform 0.15s cubic-bezier(0.2, 0.8, 0.4, 1), background 0.25s ease, box-shadow 0.25s ease;
}
.apple-logo-badge:hover {
	background: var(--apple-hover-glow);
	text-decoration: none;
}
.apple-logo-badge:active {
	transform: scale(0.92);
}
/* Logo yüksekliği buton yazılarıyla aynı: 14,5 px yazının büyük harf yüksekliği (~10,5 px) */
.apple-logo-mark {
	display: block;
	width: 22px;
	height: 11px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='80 290 870 440'%3E%3Cpath d='M117.3575 512 C117.3575 398.9863 208.9732 307.3706 321.987 307.3706 C394.8809 307.3706 458.8726 345.485 495.1203 402.872 C489.3916 413.7105 484.4896 425.0534 480.4984 436.8167 C452.3454 377.5662 391.9499 336.6033 321.987 336.6033 C225.1181 336.6033 146.5903 415.1311 146.5903 512 C146.5903 608.8689 225.1181 687.3967 321.987 687.3967 C323.8537 687.3967 325.7137 687.3675 327.5664 687.3096 C395.1501 685.1976 453.0966 644.8528 480.4984 587.1833 C491.3253 564.397 497.3836 538.906 497.3836 512 C497.3836 485.1079 502.5711 459.4274 512 435.9046 C516.6379 424.3342 522.302 413.2858 528.8797 402.872 C565.1274 345.485 629.1191 307.3706 702.013 307.3706 L921.2589 307.3706 C929.3313 307.3706 935.8753 313.9145 935.8753 321.987 C935.8753 330.0594 929.3313 336.6033 921.2589 336.6033 L807.4728 336.6033 C866.8981 372.4105 906.6425 437.5638 906.6425 512 C906.6425 625.0137 815.0268 716.6294 702.013 716.6294 C629.1191 716.6294 565.1274 678.515 528.8797 621.128 C534.6084 610.2895 539.5104 598.9466 543.5016 587.1833 C571.6546 646.4338 632.0501 687.3967 702.013 687.3967 C798.8819 687.3967 877.4097 608.8689 877.4097 512 C877.4097 415.1311 798.8819 336.6033 702.013 336.6033 C632.0501 336.6033 571.6546 377.5662 543.5016 436.8167 C532.6747 459.603 526.6164 485.094 526.6164 512 C526.6152 538.8981 521.4278 564.5754 512 588.0954 C507.3621 599.6658 501.698 610.7142 495.1203 621.128 C459.9557 676.8002 398.6803 714.3344 328.497 716.5278 C326.3349 716.5954 324.1649 716.6294 321.987 716.6294 L102.7411 716.6294 C94.6687 716.6294 88.1247 710.0855 88.1247 702.013 C88.1247 693.9406 94.6687 687.3967 102.7411 687.3967 L216.5272 687.3967 C157.1019 651.5895 117.3575 586.4362 117.3575 512 Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='80 290 870 440'%3E%3Cpath d='M117.3575 512 C117.3575 398.9863 208.9732 307.3706 321.987 307.3706 C394.8809 307.3706 458.8726 345.485 495.1203 402.872 C489.3916 413.7105 484.4896 425.0534 480.4984 436.8167 C452.3454 377.5662 391.9499 336.6033 321.987 336.6033 C225.1181 336.6033 146.5903 415.1311 146.5903 512 C146.5903 608.8689 225.1181 687.3967 321.987 687.3967 C323.8537 687.3967 325.7137 687.3675 327.5664 687.3096 C395.1501 685.1976 453.0966 644.8528 480.4984 587.1833 C491.3253 564.397 497.3836 538.906 497.3836 512 C497.3836 485.1079 502.5711 459.4274 512 435.9046 C516.6379 424.3342 522.302 413.2858 528.8797 402.872 C565.1274 345.485 629.1191 307.3706 702.013 307.3706 L921.2589 307.3706 C929.3313 307.3706 935.8753 313.9145 935.8753 321.987 C935.8753 330.0594 929.3313 336.6033 921.2589 336.6033 L807.4728 336.6033 C866.8981 372.4105 906.6425 437.5638 906.6425 512 C906.6425 625.0137 815.0268 716.6294 702.013 716.6294 C629.1191 716.6294 565.1274 678.515 528.8797 621.128 C534.6084 610.2895 539.5104 598.9466 543.5016 587.1833 C571.6546 646.4338 632.0501 687.3967 702.013 687.3967 C798.8819 687.3967 877.4097 608.8689 877.4097 512 C877.4097 415.1311 798.8819 336.6033 702.013 336.6033 C632.0501 336.6033 571.6546 377.5662 543.5016 436.8167 C532.6747 459.603 526.6164 485.094 526.6164 512 C526.6152 538.8981 521.4278 564.5754 512 588.0954 C507.3621 599.6658 501.698 610.7142 495.1203 621.128 C459.9557 676.8002 398.6803 714.3344 328.497 716.5278 C326.3349 716.5954 324.1649 716.6294 321.987 716.6294 L102.7411 716.6294 C94.6687 716.6294 88.1247 710.0855 88.1247 702.013 C88.1247 693.9406 94.6687 687.3967 102.7411 687.3967 L216.5272 687.3967 C157.1019 651.5895 117.3575 586.4362 117.3575 512 Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 2. Orta iletişim kapsülü */
.apple-contact-capsule {
	height: 44px;
	width: 114px;
	border-radius: 22px;
	background: var(--apple-blue-glass);
	backdrop-filter: blur(28px) saturate(190%);
	-webkit-backdrop-filter: blur(28px) saturate(190%);
	box-shadow: var(--apple-blue-shadow);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	color: #ffffff;
	flex-shrink: 0;
	transition:
		width var(--apple-time) var(--apple-spring),
		background 0.25s ease,
		transform 0.15s cubic-bezier(0.2, 0.8, 0.4, 1),
		box-shadow 0.25s ease;
}
.apple-contact-capsule:hover {
	background: var(--apple-blue-glass-hover);
	color: #ffffff;
	text-decoration: none;
}
.apple-contact-capsule:active {
	transform: scale(0.94);
}
.apple-contact-text {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14.5px;
	font-weight: 500;
	letter-spacing: -0.015em;
	white-space: nowrap;
	transition: opacity 0.2s ease, transform 0.25s var(--apple-spring);
}
.apple-contact-icon {
	position: absolute;
	width: 20px;
	height: 20px;
	fill: currentColor;
	opacity: 0;
	transform: scale(0.6) rotate(-15deg);
	transition: opacity 0.2s ease, transform var(--apple-time) var(--apple-spring);
	pointer-events: none;
}
/* Menü açıkken orta buton 44px daireye küçülür */
.apple-header-wrapper.is-nav-open .apple-contact-capsule {
	width: 44px;
}
.apple-header-wrapper.is-nav-open .apple-contact-text {
	opacity: 0;
	transform: scale(0.7);
	pointer-events: none;
}
.apple-header-wrapper.is-nav-open .apple-contact-icon {
	opacity: 1;
	transform: scale(1) rotate(0deg);
}

/* 3. Sağ menü çapası */
.apple-menu-anchor {
	position: relative;
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	transition: width var(--apple-time) var(--apple-spring);
}
.apple-header-wrapper.is-nav-open .apple-menu-anchor {
	width: 146px;
}
/* Menü kartı: sağ kenara sabitli, sola ve aşağıya açılır */
.apple-morph-nav {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	border-radius: 22px;
	background: var(--apple-glass-btn);
	backdrop-filter: blur(28px) saturate(190%);
	-webkit-backdrop-filter: blur(28px) saturate(190%);
	box-shadow: var(--apple-btn-shadow);
	overflow: hidden;
	cursor: pointer;
	transition:
		width var(--apple-time) var(--apple-spring),
		height var(--apple-time) var(--apple-spring),
		border-radius var(--apple-time) var(--apple-spring),
		background 0.3s ease,
		box-shadow var(--apple-time) var(--apple-spring),
		transform 0.15s cubic-bezier(0.2, 0.8, 0.4, 1);
}
.apple-morph-nav:not(.is-open):hover {
	background: var(--apple-hover-glow);
}
.apple-morph-nav:not(.is-open):active {
	transform: scale(0.92);
}
.apple-morph-nav.is-open {
	width: 146px;
	height: var(--apple-open-height, 108px);
	border-radius: 20px;
	background: var(--apple-glass-card);
	box-shadow: var(--apple-card-shadow);
	cursor: default;
}
/* Hamburger çizgileri */
.apple-hamburger-bars {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	cursor: pointer;
	transition: opacity 0.2s ease, transform var(--apple-time) var(--apple-spring);
}
.apple-hamburger-bars span {
	display: block;
	width: 18px;
	height: 1.5px;
	background-color: var(--apple-text);
	border-radius: 999px;
}
.apple-morph-nav.is-open .apple-hamburger-bars {
	opacity: 0;
	transform: scale(0.7) translateY(-6px);
	pointer-events: none;
}
/* Menü gövdesi */
.apple-menu-body {
	padding: 8px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}
.apple-morph-nav.is-open .apple-menu-body {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	transition: opacity 0.2s ease 0.05s, visibility 0s;
}
/* Hap butonlar: 44px dokunma alanı */
.apple-nav-pill {
	display: flex;
	align-items: center;
	height: 44px;
	padding: 0 14px;
	border-radius: 22px;
	color: var(--apple-text);
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.015em;
	box-sizing: border-box;
	width: 100%;
	white-space: nowrap;
	transition:
		background 0.18s ease,
		transform 0.14s cubic-bezier(0.2, 0.8, 0.4, 1),
		color 0.18s ease,
		padding-left 0.18s ease;
}
.apple-nav-pill:hover {
	background: var(--apple-pill-hover);
	color: var(--apple-text);
	padding-left: 17px;
	text-decoration: none;
}
.apple-nav-pill:active {
	transform: scale(0.96);
	background: var(--apple-pill-active);
}
/* Bulunulan sayfa: kalın yazı ve hafif zemin (yalnızca renge dayanmaz) */
.apple-nav-pill[aria-current="page"] {
	font-weight: 600;
	background: var(--apple-pill-hover);
}

/* TABLET VE MASAÜSTÜ (>= 768px): hamburger gizlenir, hap butonlar yan yana.
   Bağlantılar sığmazsa theme.js .is-compact ekler ve mobil düzen kullanılır. */
@media (min-width: 768px) {
	.oo-header {
		height: calc(92px + env(safe-area-inset-top));
	}
	.apple-header-wrapper:not(.is-compact) .apple-header-bar {
		max-width: 100%;
		width: calc(100% - 64px);
		left: 32px;
		right: 32px;
		margin: 0;
		top: calc(24px + var(--wp-admin--admin-bar--height, 0px) + env(safe-area-inset-top));
		align-items: center;
	}
	.apple-header-wrapper:not(.is-compact) .apple-contact-capsule {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.apple-header-wrapper:not(.is-compact) .apple-contact-capsule:hover {
		transform: translateX(-50%) translateY(-1px);
	}
	.apple-header-wrapper:not(.is-compact) .apple-contact-capsule:active {
		transform: translateX(-50%) scale(0.94);
	}
	.apple-header-wrapper:not(.is-compact) .apple-hamburger-bars,
	.apple-header-wrapper:not(.is-compact) .apple-backdrop-dismiss {
		display: none;
	}
	.apple-header-wrapper:not(.is-compact) .apple-menu-anchor {
		width: auto;
		height: auto;
		transition: none;
	}
	.apple-header-wrapper:not(.is-compact) .apple-morph-nav {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		height: auto;
		background: transparent;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		box-shadow: none;
		overflow: visible;
		cursor: default;
		border-radius: 0;
		transform: none;
	}
	.apple-header-wrapper:not(.is-compact) .apple-morph-nav:hover,
	.apple-header-wrapper:not(.is-compact) .apple-morph-nav:active {
		background: transparent;
		transform: none;
	}
	.apple-header-wrapper:not(.is-compact) .apple-menu-body {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
		padding: 0;
		width: auto;
		height: auto;
		transition: none;
	}
	.apple-header-wrapper:not(.is-compact) .apple-nav-pill {
		width: auto;
		height: 44px;
		padding: 0 20px;
		border-radius: 22px;
		background: var(--apple-glass-btn);
		backdrop-filter: blur(28px) saturate(190%);
		-webkit-backdrop-filter: blur(28px) saturate(190%);
		box-shadow: var(--apple-btn-shadow);
		color: var(--apple-text);
		font-size: 14.5px;
		font-weight: 500;
		letter-spacing: -0.015em;
		transition: transform 0.15s cubic-bezier(0.2, 0.8, 0.4, 1), background 0.25s ease, box-shadow 0.25s ease;
	}
	.apple-header-wrapper:not(.is-compact) .apple-nav-pill:hover {
		background: var(--apple-hover-glow);
		padding-left: 20px;
		transform: translateY(-1px);
	}
	.apple-header-wrapper:not(.is-compact) .apple-nav-pill:active {
		transform: scale(0.94);
		background: var(--apple-hover-glow);
	}
	.apple-header-wrapper:not(.is-compact) .apple-nav-pill[aria-current="page"] {
		font-weight: 600;
		background: var(--apple-hover-glow);
	}
}

/* Saydamlığı azalt: cam yerine düz zemin */
@media (prefers-reduced-transparency: reduce) {
	:root {
		--apple-glass-btn: var(--wp--preset--color--background-secondary);
		--apple-glass-card: var(--wp--preset--color--background-secondary);
		--apple-hover-glow: var(--wp--preset--color--background-tertiary);
		--apple-capsule-open: var(--wp--preset--color--background-tertiary);
		--apple-blue-glass: var(--wp--preset--color--accent-fill);
		--apple-blue-glass-hover: var(--wp--preset--color--accent-fill-pressed);
	}
	.apple-logo-badge,
	.apple-contact-capsule,
	.apple-morph-nav,
	.apple-nav-pill {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.apple-morph-nav,
	.apple-menu-anchor,
	.apple-contact-capsule,
	.apple-contact-text,
	.apple-contact-icon,
	.apple-hamburger-bars,
	.apple-menu-body {
		transition: none !important;
	}
}

/* ---------- Liquid Glass (hafif sürüm, yalnızca CSS) ----------
   HIG: cam yalnızca kontrol/gezinme katmanında; az yazılı butonlarda "regular" varyant.
   Kenar ışığı (::before), üst parlama (::after) ve iç kenar gölgeleri.
   Pseudo öğeler z-index:-1 ile yazının arkasında, zemin renginin önünde durur. */

:root {
	--lg-backdrop: blur(20px) saturate(180%) brightness(1.06);
	--lg-rim: linear-gradient(140deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.28) 30%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 72%, rgba(255, 255, 255, 0.8) 100%);
	--lg-sheen: radial-gradient(120% 70% at 50% -12%, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0) 62%);
	--lg-edge: inset 0 1px 1px rgba(255, 255, 255, 0.7), inset 0 -1px 1.5px rgba(0, 0, 0, 0.06);
	--apple-glass-btn: rgba(255, 255, 255, 0.6);
	--apple-btn-shadow: 0 4px 14px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 0 0 0.5px var(--apple-hairline), var(--lg-edge);
	--apple-card-shadow: 0 14px 32px rgba(0, 0, 0, 0.16), 0 4px 10px rgba(0, 0, 0, 0.06), inset 0 0 0 0.5px var(--apple-hairline), var(--lg-edge);
}
@media (prefers-color-scheme: dark) {
	:root {
		--lg-backdrop: blur(20px) saturate(170%) brightness(0.92);
		--lg-rim: linear-gradient(140deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.12) 30%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.08) 72%, rgba(255, 255, 255, 0.35) 100%);
		--lg-sheen: radial-gradient(120% 70% at 50% -12%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 62%);
		--lg-edge: inset 0 1px 1px rgba(255, 255, 255, 0.16), inset 0 -1px 1.5px rgba(0, 0, 0, 0.35);
		--apple-glass-btn: rgba(44, 44, 46, 0.5);
		--apple-btn-shadow: 0 4px 14px rgba(0, 0, 0, 0.32), 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 0 0 0.5px var(--apple-hairline), var(--lg-edge);
		--apple-card-shadow: 0 14px 32px rgba(0, 0, 0, 0.45), 0 4px 10px rgba(0, 0, 0, 0.25), inset 0 0 0 0.5px var(--apple-hairline), var(--lg-edge);
	}
}

.apple-logo-badge,
.apple-contact-capsule,
.apple-morph-nav {
	isolation: isolate;
	backdrop-filter: var(--lg-backdrop);
	-webkit-backdrop-filter: var(--lg-backdrop);
}

/* Kenar ışığı: yalnızca 1 px'lik çerçevede görünen degrade */
.apple-logo-badge::before,
.apple-contact-capsule::before,
.apple-morph-nav::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	padding: 1px;
	border-radius: inherit;
	background: var(--lg-rim);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	pointer-events: none;
}

/* Üst parlama */
.apple-logo-badge::after,
.apple-contact-capsule::after,
.apple-morph-nav::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: var(--lg-sheen);
	opacity: 0.85;
	pointer-events: none;
	transition: opacity 0.25s ease;
}
.apple-logo-badge:hover::after,
.apple-contact-capsule:hover::after,
.apple-morph-nav:not(.is-open):hover::after {
	opacity: 1;
}

/* Mavi hap: renk camın içinden gelsin, parlama biraz daha belirgin */
.apple-contact-capsule::after {
	opacity: 0.55;
}

/* Logo rozeti konumlandırma (pseudo öğeler için) */
.apple-logo-badge {
	position: relative;
}

@media (min-width: 768px) {
	/* Masaüstünde menü kartı görünmez kapsayıcıdır; cam hapların kendisindedir */
	.apple-header-wrapper:not(.is-compact) .apple-morph-nav::before,
	.apple-header-wrapper:not(.is-compact) .apple-morph-nav::after {
		display: none;
	}
	.apple-header-wrapper:not(.is-compact) .apple-nav-pill {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		backdrop-filter: var(--lg-backdrop);
		-webkit-backdrop-filter: var(--lg-backdrop);
	}
	.apple-header-wrapper:not(.is-compact) .apple-nav-pill::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		padding: 1px;
		border-radius: inherit;
		background: var(--lg-rim);
		-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		-webkit-mask-composite: xor;
		mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
		pointer-events: none;
	}
	.apple-header-wrapper:not(.is-compact) .apple-nav-pill::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		border-radius: inherit;
		background: var(--lg-sheen);
		opacity: 0.85;
		pointer-events: none;
		transition: opacity 0.25s ease;
	}
	.apple-header-wrapper:not(.is-compact) .apple-nav-pill:hover::after {
		opacity: 1;
	}
}

/* Saydamlığı azalt / kontrastı artır: süslemeler kalkar, düz zemin kalır
   (Değişkenler burada tekrar tanımlanır; yukarıdaki cam değerleri bunları ezmesin) */
@media (prefers-contrast: more) {
	:root { --apple-glass-btn: rgba(255, 255, 255, 0.96); }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
	:root { --apple-glass-btn: rgba(28, 28, 30, 0.96); }
}
@media (prefers-reduced-transparency: reduce) {
	:root { --apple-glass-btn: var(--wp--preset--color--background-secondary); }
	.apple-logo-badge::before, .apple-logo-badge::after,
	.apple-contact-capsule::before, .apple-contact-capsule::after,
	.apple-morph-nav::before, .apple-morph-nav::after,
	.apple-nav-pill::before, .apple-nav-pill::after {
		display: none !important;
	}
}
@media (prefers-contrast: more) {
	.apple-logo-badge::after,
	.apple-contact-capsule::after,
	.apple-morph-nav::after,
	.apple-nav-pill::after {
		display: none !important;
	}
}

/* ---------- Liquid Glass: iOS 26 görünümü ----------
   Camın kendi rengi yok: beyaz dolgu ve parlatma yok, arkadaki renk camdan geçer.
   Görünüşü kenar ışığı, içteki hafif gölge ve dış gölge taşır.
   Altında görsel olan butonda (.is-on-media, theme.js ekler) "clear" varyant:
   HIG'e göre parlak içerikte hafif koyu katman + beyaz simgeler.
   Düz zeminde "regular" varyant: şeffaf cam + koyu simgeler. */

:root {
	--lg-backdrop: blur(12px) saturate(190%);
	--apple-glass-btn: rgba(255, 255, 255, 0.18);
	--apple-hover-glow: rgba(255, 255, 255, 0.3);
	--apple-glass-card: rgba(255, 255, 255, 0.62);
	--lg-rim: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.35) 20%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.4) 82%, rgba(255, 255, 255, 0.95) 100%);
	--lg-sheen: radial-gradient(90% 55% at 28% 0%, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0) 70%);
	--lg-edge: inset 0 0.5px 0 rgba(255, 255, 255, 0.85), inset 0 0 10px rgba(255, 255, 255, 0.14), inset 0 -8px 12px -10px rgba(0, 0, 0, 0.18);
	--apple-btn-shadow: 0 6px 18px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06), var(--lg-edge);
	--apple-card-shadow: 0 16px 36px rgba(0, 0, 0, 0.18), 0 4px 10px rgba(0, 0, 0, 0.08), var(--lg-edge);
	--apple-blue-glass: rgba(29, 79, 145, 0.78);
	--apple-blue-glass-hover: rgba(29, 79, 145, 0.9);
}
@media (prefers-color-scheme: dark) {
	:root {
		--lg-backdrop: blur(12px) saturate(170%);
		--apple-glass-btn: rgba(255, 255, 255, 0.07);
		--apple-hover-glow: rgba(255, 255, 255, 0.14);
		--apple-glass-card: rgba(30, 30, 32, 0.62);
		--lg-rim: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.18) 20%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.15) 82%, rgba(255, 255, 255, 0.45) 100%);
		--lg-sheen: radial-gradient(90% 55% at 28% 0%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 70%);
		--lg-edge: inset 0 0.5px 0 rgba(255, 255, 255, 0.3), inset 0 0 10px rgba(255, 255, 255, 0.05), inset 0 -8px 12px -10px rgba(0, 0, 0, 0.5);
		--apple-btn-shadow: 0 6px 18px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.25), var(--lg-edge);
		--apple-card-shadow: 0 16px 36px rgba(0, 0, 0, 0.5), 0 4px 10px rgba(0, 0, 0, 0.3), var(--lg-edge);
		--apple-blue-glass: rgba(47, 111, 191, 0.7);
		--apple-blue-glass-hover: rgba(58, 123, 208, 0.84);
	}
}

/* Altında görsel olan buton: clear varyant (hafif koyu katman, beyaz simge ve yazı).
   theme.js her butonun arkasına bakıp .is-on-media ekler. */
:is(.apple-logo-badge, .apple-morph-nav, .apple-nav-pill).is-on-media {
	--apple-glass-btn: rgba(0, 0, 0, 0.22);
	--apple-hover-glow: rgba(0, 0, 0, 0.3);
	--apple-glass-card: rgba(28, 28, 30, 0.55);
	--apple-text: #ffffff;
	--apple-pill-hover: rgba(255, 255, 255, 0.16);
	--apple-pill-active: rgba(255, 255, 255, 0.24);
	--lg-backdrop: blur(6px) saturate(200%);
	--lg-sheen: radial-gradient(90% 55% at 28% 0%, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 70%);
}
.apple-nav-pill.is-on-media span,
.apple-contact-text {
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

/* Erişilebilirlik ayarları cam değerlerini yine ezsin */
@media (prefers-contrast: more) {
	:root,
	:is(.apple-logo-badge, .apple-morph-nav, .apple-nav-pill).is-on-media {
		--apple-glass-btn: rgba(255, 255, 255, 0.96);
		--apple-hover-glow: rgba(255, 255, 255, 1);
		--apple-glass-card: rgba(255, 255, 255, 0.98);
		--apple-text: var(--wp--preset--color--label);
		--apple-pill-hover: rgba(0, 0, 0, 0.06);
	}
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
	:root,
	:is(.apple-logo-badge, .apple-morph-nav, .apple-nav-pill).is-on-media {
		--apple-glass-btn: rgba(28, 28, 30, 0.96);
		--apple-hover-glow: rgba(44, 44, 46, 1);
		--apple-glass-card: rgba(28, 28, 30, 0.98);
		--apple-pill-hover: rgba(255, 255, 255, 0.12);
	}
}
@media (prefers-reduced-transparency: reduce) {
	:root,
	:is(.apple-logo-badge, .apple-morph-nav, .apple-nav-pill).is-on-media {
		--lg-backdrop: none;
		--apple-glass-btn: var(--wp--preset--color--background-secondary);
		--apple-hover-glow: var(--wp--preset--color--background-tertiary);
		--apple-glass-card: var(--wp--preset--color--background-secondary);
		--apple-text: var(--wp--preset--color--label);
		--apple-blue-glass: var(--wp--preset--color--accent-fill);
		--apple-blue-glass-hover: var(--wp--preset--color--accent-fill-pressed);
	}
}

:root {
	/* Eski header'ın kapladığı yükseklik: üstten boşluk + 44 px buton + alttan boşluk */
	--oo-header-space: 84px;
}
@media (min-width: 768px) {
	:root { --oo-header-space: 92px; }
}

/* ---------- Tam ekran giriş bölümleri ----------
   Her sayfanın ilk bölümü ekranı tamamen kaplar; cam çubuk görselin üzerinde yüzer. */

.oo-main > .oo-fullscreen:first-child {
	margin-top: calc(-1 * (var(--oo-header-space) + env(safe-area-inset-top))) !important;
}
.oo-fullscreen.wp-block-cover {
	/* Ekran yüksekliği; giriş yapılmışsa WordPress yönetici çubuğu (32/46 px) düşülür */
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important;
	min-height: calc(100svh - var(--wp-admin--admin-bar--height, 0px)) !important;
	padding-top: calc(var(--oo-header-space) + env(safe-area-inset-top) + min(2rem, 2svh));
	padding-bottom: clamp(1.25rem, 6svh, 6rem);
}

/* Kısa ekranlarda (küçük telefon, daraltılmış pencere) içerik tek ekrana sığsın:
   başlık, giriş metni ve boşluklar ekran yüksekliğiyle orantılı küçülür; uzun ekranlarda değişmez. */
.oo-fullscreen :is(h1, .wp-block-post-title) {
	font-size: min(var(--wp--preset--font-size--display), 9svh) !important;
}
.oo-fullscreen .oo-lead {
	font-size: min(var(--wp--preset--font-size--lead), 3.4svh) !important;
}
.oo-fullscreen .oo-hero-text > * + * {
	margin-block-start: min(1.25rem, 2.2svh);
}
.oo-fullscreen .oo-eyebrow + * {
	margin-block-start: min(0.75rem, 1.6svh) !important;
}
.oo-fullscreen .wp-block-buttons {
	margin-top: min(2rem, 3svh) !important;
	gap: min(0.75rem, 1.6svh) 0.5em;
}
/* Okunabilirlik için alttan koyulaşan perde */
.oo-fullscreen .wp-block-cover__background {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0.08) 100%) !important;
	opacity: 1 !important;
}
/* Öne çıkan görseli olmayan sayfalarda blueprint mavisi zemin */
.oo-fullscreen.wp-block-cover:not(:has(.wp-block-cover__image-background)) {
	background: var(--wp--preset--color--accent-fill);
}
.oo-fullscreen .wp-block-cover__inner-container,
.oo-fullscreen .wp-block-cover__inner-container :is(h1, h2, h3, p, .wp-block-post-title) {
	color: #ffffff;
}
.oo-fullscreen .oo-eyebrow,
.oo-fullscreen .oo-lead {
	color: rgba(255, 255, 255, 0.86);
}
.oo-fullscreen .wp-block-button.is-style-plain .wp-block-button__link,
.oo-fullscreen .wp-block-button.is-style-plain .wp-block-button__link:hover {
	color: #ffffff;
}
.oo-fullscreen .oo-lead {
	max-width: 46ch;
}

/* Tam ekran girişten sonra sayfa içeriği */
.oo-page-content {
	margin-top: var(--wp--preset--spacing--70) !important;
}

/* 404 ve benzeri metin sayfaları da ekranı doldursun */
.oo-main-fill {
	min-height: calc(100svh - var(--oo-header-space) - env(safe-area-inset-top) - var(--wp-admin--admin-bar--height, 0px));
	display: flex;
	flex-direction: column;
	justify-content: center;
}


/* ---------- Bölümler ---------- */

.oo-eyebrow {
	font-weight: 600;
	margin-bottom: 0;
}
.oo-eyebrow + * {
	margin-block-start: 0.75rem !important;
}

.oo-lead {
	max-width: 40ch;
	line-height: 1.4;
	letter-spacing: -0.02em;
}
.oo-cta .oo-lead {
	margin-left: auto !important;
	margin-right: auto !important;
}

.oo-body {
	max-width: 62ch;
}

/* Bölüm ritmi: her bölümün üst/alt iç boşluğu "Bölüm" aralığıdır (theme.json, 40–64 px);
   ardışık bölümler arasında bu ikisi birleşir (80–128 px). Ek blok boşluğu eklenmez. */
.oo-main > .oo-section {
	margin-block-start: 0;
}
/* Tam ekran görselden sonraki ilk bölüm: görselin kenarından başlığa aynı nefes payı */
.oo-main > .oo-fullscreen + .oo-section {
	padding-top: calc(2 * var(--wp--preset--spacing--80)) !important;
}

.oo-section-head {
	margin-bottom: clamp(2rem, 5vw, 3rem);
}
.oo-section-head > * + * {
	margin-block-start: 0.75rem;
}
.oo-section-head h2,
.oo-hero-text > * {
	margin-top: 0;
}
.oo-hero-text > * + * {
	margin-block-start: 1.25rem;
}

/* Hero görseli */
.oo-hero-media img {
	border-radius: var(--oo-radius-l);
	background: var(--wp--preset--color--background-secondary);
}
@media (max-width: 600px) {
	.oo-hero-media img {
		aspect-ratio: 4 / 3 !important;
		border-radius: var(--oo-radius-m);
	}
}

/* Uzmanlık kartları */
body .oo-services.wp-block-group {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}
.oo-service {
	display: flex;
	flex-direction: column;
	/* Boşluk yalnızca görünen öğeler arasında: kapalı özet paragrafı kartın altına boşluk eklemesin */
	gap: 0;
	padding: 24px 20px;
	border-radius: var(--oo-radius-m);
	border: 1px solid var(--wp--preset--color--separator);
	background: transparent;
}
.oo-service > * { margin: 0 !important; }
.oo-service::before {
	content: "";
	flex: none;
	width: 32px;
	height: 32px;
	margin-bottom: 16px;
	background: var(--wp--preset--color--label);
	-webkit-mask: var(--oo-icon) center / contain no-repeat;
	mask: var(--oo-icon) center / contain no-repeat;
}
.oo-icon-design { --oo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 26l3.5-1 14-14-2.5-2.5-14 14z'/%3E%3Cpath d='M19 7.5l2.5-2.5 5.5 5.5-2.5 2.5'/%3E%3Cpath d='M5 27h22'/%3E%3C/svg%3E"); }
.oo-icon-engineering { --oo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='4'/%3E%3Cpath d='M16 4v4M16 24v4M4 16h4M24 16h4M7.5 7.5l2.8 2.8M21.7 21.7l2.8 2.8M7.5 24.5l2.8-2.8M21.7 10.3l2.8-2.8'/%3E%3C/svg%3E"); }
.oo-icon-visual { --oo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4l11 6v12l-11 6-11-6V10z'/%3E%3Cpath d='M5 10l11 6 11-6M16 16v12'/%3E%3C/svg%3E"); }
.oo-icon-sheet { --oo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l12-6 12 6-12 6z'/%3E%3Cpath d='M4 17l12 6 12-6'/%3E%3Cpath d='M4 22l12 6 12-6'/%3E%3C/svg%3E"); }
.oo-icon-cnc { --oo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='24' height='24' rx='3'/%3E%3Cpath d='M4 12h24M4 20h24M12 4v24M20 4v24'/%3E%3C/svg%3E"); }
@media (max-width: 900px) {
	body .oo-services.wp-block-group { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	body .oo-services.wp-block-group { grid-template-columns: minmax(0, 1fr); gap: 8px; }
	.oo-service { flex-direction: row; align-items: center; padding: 16px; column-gap: 14px; }
	.oo-service::before { width: 28px; height: 28px; margin-bottom: 0; }
}

/* Proje ızgarası: masaüstünde ve mobilde 2 sütun */
body .oo-projects.wp-block-group {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	/* Başlıklar görselin altından kalktığı için satır ve sütun boşluğu eşit */
	gap: clamp(12px, 2.5vw, 24px);
}
.oo-project {
	position: relative;
}
/* Başlık görünmez ama DOM'da kalır: kart başlığı ve bağlantısı buradan okunur,
   ekran okuyucular ve JS'siz kullanım için de bağlantı çalışır. Editörde görünür. */
body:not(.editor-styles-wrapper) .oo-project > h3 {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px !important;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}
.oo-project > * { margin: 0 !important; }
.oo-project > * + * { margin-top: 12px !important; }
.oo-project .wp-block-image {
	overflow: hidden;
	border-radius: var(--oo-radius-m);
	background: var(--wp--preset--color--background-secondary);
}
.oo-project .wp-block-image img {
	width: 100%;
	/* Kareler: her genişlikte 1:1 */
	aspect-ratio: 1 / 1 !important;
	object-fit: cover;
	border-radius: 0;
	transition: transform 0.6s var(--oo-ease);
}
.oo-project .wp-block-image:hover img {
	transform: scale(1.03);
}
@media (max-width: 640px) {
	.oo-project .wp-block-image { border-radius: var(--oo-radius-s); }
	.oo-project > * + * { margin-top: 8px !important; }
	.oo-project h3 { font-size: var(--wp--preset--font-size--small) !important; line-height: 1.25; }
}

/* Projeler sayfası: dalgalı (organik) ızgara. Kartlar 1:1 kalır; sütunlar kademeli kayar.
   Mobil 2 sütun: ikinci sütun aşağıdan başlar. Masaüstü 3 sütun: üç farklı kayma. */
body .oo-projects--organic.wp-block-group {
	padding-bottom: clamp(24px, 6vw, 72px); /* kayan sütunun altta boşluk bırakması için */
}
.oo-projects--organic > .oo-project:nth-child(even) {
	margin-top: clamp(28px, 9vw, 72px) !important;
}
.oo-projects--organic > .oo-project:nth-child(even) {
	margin-bottom: calc(-1 * clamp(28px, 9vw, 72px));
}
@media (min-width: 900px) {
	body .oo-projects--organic.wp-block-group {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.oo-projects--organic > .oo-project:nth-child(n) { margin-top: 0 !important; margin-bottom: 0; }
	.oo-projects--organic > .oo-project:nth-child(3n + 2) { margin-top: 72px !important; margin-bottom: -72px; }
	.oo-projects--organic > .oo-project:nth-child(3n) { margin-top: 36px !important; margin-bottom: -36px; }
}
/* Vurgu metni */
.oo-statement {
	max-width: 900px;
}
.oo-statement > * { margin: 0; }

/* İki sütunlu metin bölümleri */
.oo-split .wp-block-column > :first-child { margin-top: 0; }

/* Kart blok stili (Grup → Stiller → Kart) */
.wp-block-group.is-style-card {
	padding: clamp(1.25rem, 3vw, 2rem);
	border-radius: var(--oo-radius-m);
	background: var(--oo-card);
}

/* ---------- Yazılar ---------- */

body .oo-post-grid.wp-block-post-template {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(28px, 4vw, 40px) clamp(16px, 2.5vw, 24px);
}
@media (max-width: 900px) {
	body .oo-post-grid.wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	body .oo-post-grid.wp-block-post-template { grid-template-columns: minmax(0, 1fr); }
}
.oo-post-card > * { margin: 0 !important; }
.oo-post-card > * + * { margin-top: 10px !important; }
.oo-post-card .wp-block-post-featured-image { margin-bottom: 6px !important; }
.oo-post-card .wp-block-post-title a { color: var(--wp--preset--color--label); }
.oo-post-card .wp-block-post-title a:hover { color: var(--wp--preset--color--accent); text-decoration: none; }
.oo-posts { margin-top: clamp(2rem, 5vw, 3rem) !important; }

.oo-pagination {
	margin-top: clamp(2.5rem, 6vw, 4rem) !important;
	gap: 4px;
}
.oo-pagination a,
.oo-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 12px;
	border-radius: 999px;
}
.oo-pagination .page-numbers.current {
	background: var(--wp--preset--color--background-tertiary);
	font-weight: 600;
}

.oo-post-nav a {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
}

/* Arama kutusu */
.wp-block-search .wp-block-search__input {
	min-height: 44px;
	padding: 0 18px;
	border: 1px solid var(--wp--preset--color--separator);
	border-radius: 999px;
	background: var(--wp--preset--color--background);
	color: var(--wp--preset--color--label);
	font: inherit;
}
.wp-block-search .wp-block-search__inside-wrapper {
	gap: 8px;
}
.oo-search {
	margin-top: var(--wp--preset--spacing--50) !important;
}

/* ---------- Footer ---------- */

.oo-footer-inner {
	line-height: 1.5;
	border-top: 1px solid var(--wp--preset--color--separator);
}
.oo-footer-inner p { margin: 0; }
.oo-footer-inner a {
	color: var(--wp--preset--color--label-secondary);
}
.oo-footer-inner a:hover {
	color: var(--wp--preset--color--label);
}
.oo-footer-top {
	gap: 24px 48px !important;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--wp--preset--color--separator);
}
.oo-footer-about > * + * { margin-top: 4px !important; }
.oo-footer-brand {
	color: var(--wp--preset--color--label);
	font-size: var(--wp--preset--font-size--body);
	font-weight: 600;
}
.oo-footer-cols { gap: 24px 56px !important; }
.oo-footer-col h2 {
	margin: 0 0 4px;
	color: var(--wp--preset--color--label);
	font-weight: 600;
	letter-spacing: -0.01em;
}
.oo-footer-col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.oo-footer-col li a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}
.oo-footer-bottom {
	padding-top: 20px;
}

/* ---------- Kaydırınca belirme ----------
   js-reveal sınıfını <head> içindeki küçük script ekler; JS çalışmazsa içerik hep görünür. */

.js-reveal .oo-reveal {
	opacity: 0;
	transform: translate3d(0, 32px, 0);
	transition:
		opacity 0.8s var(--oo-ease-out),
		transform 0.8s var(--oo-ease-out);
	transition-delay: var(--oo-reveal-delay, 0s);
}
.js-reveal .oo-reveal.is-in {
	opacity: 1;
	transform: none;
}

/* ---------- Hareketi azalt ---------- */

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.js-reveal .oo-reveal { opacity: 1; transform: none; transition: none; }
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
	.oo-project .wp-block-image:hover img { transform: none; }
}


/* ---------- Proje kartı (galeriden açılan pencere) ---------- */

/* Kart açıklaması yalnızca kartta görünür; editörde düzenlenebilsin diye orada gizlenmez */
body:not(.editor-styles-wrapper) .oo-project-desc {
	display: none;
}
.oo-project h3 a {
	color: inherit;
	text-decoration: none;
}
.oo-project h3 a:hover {
	text-decoration: underline;
}
.oo-project .wp-block-image[role="button"] {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.oo-project .wp-block-image[role="button"]:focus-visible {
	outline: 3px solid var(--oo-focus);
	outline-offset: 3px;
}

html.oo-card-open {
	overflow: hidden;
	/* Kaydırma çubuğu kalkınca sayfa genişleyip galeri kayıyordu (açılışta "zoom", kapanışta sıçrama) */
	scrollbar-gutter: stable;
}
.oo-card {
	box-sizing: border-box;
	width: min(520px, calc(100vw - 32px));
	max-width: none;
	max-height: min(90svh, 820px);
	margin: auto;
	padding: 0;
	overflow: auto;
	overscroll-behavior: contain;
	border: 0;
	border-radius: var(--oo-radius-l);
	background: var(--oo-card);
	color: var(--wp--preset--color--label);
	box-shadow: 0 0 0 0.5px var(--oo-glass-border), 0 30px 80px rgba(0, 0, 0, 0.35);
}
/* Açılış/kapanış: kart, galerideki görselin yerinden büyür ve oraya geri küçülür (theme.js, yay eğrisi);
   içerik ve arka perde menüdeki gibi kısa bir gecikmeyle solar. */
.oo-card::backdrop {
	background: rgba(0, 0, 0, 0.45);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	opacity: 0;
	transition: opacity var(--oo-motion-fade) ease;
}
.oo-card.is-shown::backdrop {
	opacity: 1;
}
.oo-card__body,
.oo-card__close {
	opacity: 0;
	transition: opacity var(--oo-motion-fade) ease;
}
.oo-card.is-shown .oo-card__body,
.oo-card.is-shown .oo-card__close {
	opacity: 1;
	transition: opacity var(--oo-motion-fade) ease var(--oo-motion-fade-delay);
}
.oo-card__media {
	position: relative;
}
.oo-card__image {
	display: block;
	width: 100%;
	/* Galerideki kartlarla aynı kare oran: küçük görselle kart görseli birebir örtüşür.
	   Kısa ekranlarda yüksekliği sınırlanır (kırpılarak), kart kaydırma gerektirmez. */
	aspect-ratio: 1 / 1;
	max-height: 46svh;
	object-fit: cover;
	background: var(--wp--preset--color--background-secondary);
}
.oo-card__close {
	position: absolute;
	top: 12px;
	right: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.32);
	box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.35);
	-webkit-backdrop-filter: blur(14px) saturate(1.6);
	backdrop-filter: blur(14px) saturate(1.6);
	cursor: pointer;
	transition: transform 0.12s var(--oo-ease), background-color 0.2s var(--oo-ease);
	-webkit-tap-highlight-color: transparent;
}
.oo-card__close:hover {
	background: rgba(0, 0, 0, 0.45);
}
.oo-card__close:active {
	transform: scale(0.94);
}
.oo-card__close svg {
	width: 16px;
	height: 16px;
}
.oo-card__body {
	padding: clamp(1.25rem, 4vw, 1.75rem);
}
.oo-card__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--title-2);
	line-height: 1.15;
	letter-spacing: -0.02em;
}
.oo-card__text {
	margin: 0.6rem 0 0;
	color: var(--wp--preset--color--label-secondary);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
}
.oo-card__pill {
	margin-top: 1.5rem;
	width: 100%;
}
.oo-card__pill::after {
	content: "";
	flex: none;
	width: 0.55em;
	height: 0.85em;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath d='M2 2l6 6-6 6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath d='M2 2l6 6-6 6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (max-width: 480px) {
	.oo-card {
		width: calc(100vw - 24px);
	}
}
@media (prefers-reduced-motion: reduce) {
	.oo-card::backdrop,
	.oo-card__body,
	.oo-card__close {
		transition: none;
	}
}

/* Ürün sayfası şablonu */
.oo-product-content > * + * {
	margin-top: 1.25rem;
}
.oo-product-content p {
	font-size: var(--wp--preset--font-size--lead);
	line-height: 1.45;
	letter-spacing: -0.015em;
}


/* ---------- Uzmanlık kartları: üzerine gelince (dokunmatikte dokununca) genişler, özet açılır ---------- */

.oo-service {
	position: relative;
	align-self: start;
	transition: border-color var(--oo-motion-fade) ease, background-color var(--oo-motion-fade) ease;
}
.oo-service-desc {
	max-height: 0;
	margin: 0 !important;
	overflow: hidden;
	opacity: 0;
	color: var(--wp--preset--color--label-secondary);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.45;
	transition: max-height var(--oo-motion-time) var(--oo-motion-spring), opacity var(--oo-motion-fade) ease, margin-top var(--oo-motion-time) var(--oo-motion-spring);
}
.oo-service:is(:focus-visible, .is-open) {
	border-color: var(--wp--preset--color--accent);
	background: var(--wp--preset--color--background-secondary);
}
.oo-service:is(:focus-visible, .is-open) .oo-service-desc {
	max-height: 14em;
	margin-top: 8px !important;
	opacity: 1;
	transition-delay: 0s, var(--oo-motion-fade-delay), 0s;
}
.oo-service:focus-visible {
	outline: 3px solid var(--oo-focus);
	outline-offset: 2px;
}
body.editor-styles-wrapper .oo-service-desc {
	max-height: none;
	opacity: 1;
}

/* Masaüstü: kart yana doğru da genişler, komşular daralır */
@media (min-width: 901px) {
	body .oo-services.wp-block-group {
		display: flex;
		align-items: flex-start;
		gap: 12px;
	}
	.js-reveal .oo-services .oo-service.oo-reveal,
	.oo-services .oo-service {
		flex: var(--oo-grow, 1) 1 0;
		min-width: 0;
	}
	.js-reveal .oo-services .oo-service.oo-reveal {
		transition:
			opacity 0.8s var(--oo-ease-out) var(--oo-reveal-delay, 0s),
			transform 0.8s var(--oo-ease-out) var(--oo-reveal-delay, 0s),
			flex-grow var(--oo-motion-time) var(--oo-motion-spring) 0s,
			border-color var(--oo-motion-fade) ease 0s,
			background-color var(--oo-motion-fade) ease 0s;
	}
	.oo-services .oo-service {
		transition: flex-grow var(--oo-motion-time) var(--oo-motion-spring), border-color var(--oo-motion-fade) ease, background-color var(--oo-motion-fade) ease;
	}
	.oo-services .oo-service:is(:focus-visible, .is-open) {
		--oo-grow: 2.4;
	}
}

/* Tablet: ızgara kalır, kart aşağı doğru açılır; telefon: simge ve başlığın altında tam genişlik */
@media (max-width: 560px) {
	.oo-service { flex-wrap: wrap; }
	.oo-service-desc { flex: 0 0 100%; }
	.oo-service:is(:focus-visible, .is-open) .oo-service-desc { margin-top: 8px !important; }
}


/* Fare: üzerine gelince aynı açılma (dokunmatikte :hover yapışkan olduğu için .is-open kullanılır) */
@media (hover: hover) {
	.oo-service:hover {
		border-color: var(--wp--preset--color--accent);
		background: var(--wp--preset--color--background-secondary);
	}
	.oo-service:hover .oo-service-desc {
		max-height: 14em;
		margin-top: 8px !important;
		opacity: 1;
		transition-delay: 0s, var(--oo-motion-fade-delay), 0s;
	}
}
@media (hover: hover) and (min-width: 901px) {
	.oo-services .oo-service:hover { --oo-grow: 2.4; }
}
@media (hover: hover) and (max-width: 560px) {
	.oo-service:hover .oo-service-desc { margin-top: 8px !important; }
}

/* Kart açıkken galerideki görsel yakınlaşmaz: kapanışta kart görselle birebir örtüşsün */
html:is(.oo-card-open, .oo-card-settling) .oo-project .wp-block-image img {
	transform: none !important;
	/* Yumuşakça normale döner: anında sıçrama (açılışta "zoom") olmaz */
	transition: transform var(--oo-motion-time) var(--oo-motion-spring) !important;
}

/* Altbilgideki satır içi e-posta bağlantısı: görünüm aynı, dokunma alanı 44 px (HIG) */
footer a[href^="mailto:"] {
	display: inline-block;
	padding-block: 13px;
	margin-block: -13px;
}

/* ---------- Uzmanlıklar sayfası ---------- */
.oo-expertise-list > .oo-expertise {
	padding-top: var(--wp--preset--spacing--60);
	border-top: 1px solid var(--wp--preset--color--separator);
}
.oo-expertise-list > .oo-expertise + .oo-expertise {
	margin-top: clamp(2.5rem, 6vw, 4.5rem);
}
.oo-expertise-list > .oo-expertise:first-child {
	padding-top: 0;
	border-top: 0;
}
.oo-expertise .oo-eyebrow { margin: 0 0 8px; }
.oo-expertise h2 { margin-top: 0; }
.oo-expertise-items {
	margin: var(--wp--preset--spacing--40) 0 0;
	padding-left: 1.2em;
	color: var(--wp--preset--color--label-secondary);
}
.oo-expertise-items li + li { margin-top: 6px; }

body .oo-engage.wp-block-group {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}
.oo-engage-item {
	padding: 24px 20px;
	border: 1px solid var(--wp--preset--color--separator);
	border-radius: var(--oo-radius-m);
}
.oo-engage-item > * { margin: 0 !important; }
.oo-engage-item > * + * { margin-top: 8px !important; }
@media (max-width: 700px) {
	body .oo-engage.wp-block-group { grid-template-columns: minmax(0, 1fr); gap: 8px; }
	.oo-engage-item { padding: 16px; }
}