/* Atlantika hareket sistemi — Aşama 9. Yalnız transform/opacity; tema renk tokenları. */
:root {
	--atl-m-fast: 180ms;
	--atl-m-base: 260ms;
	--atl-m-enter: 480ms;
	--atl-m-ease: cubic-bezier(.2, .7, .2, 1);
	--atl-m-ease-out: cubic-bezier(.16, 1, .3, 1);
	--atl-m-shift: 14px;
	--atl-m-lift: -4px;
}
@media (max-width: 767px) { :root { --atl-m-shift: 8px; --atl-m-lift: -2px; } }

/* 2 — Bölüm girişleri (Aşama 10): kapsayıcı yalnız opaklık; öğeler (etiket, başlık, kart, görsel) kısa kademeli yükselme */
.atl-hareket-js .atl-r:not(.atl-r-in) { opacity: 0; }
.atl-hareket-js .atl-r.atl-r-in { opacity: 1; transition: opacity 420ms var(--atl-m-ease-out); }
.atl-hareket-js .atl-r .atl-ri { opacity: 0; transform: translate3d(0, var(--atl-m-shift), 0); }
.atl-hareket-js .atl-r.atl-r-in .atl-ri {
	opacity: 1; transform: none;
	transition: opacity var(--atl-m-enter) var(--atl-m-ease-out), transform var(--atl-m-enter) var(--atl-m-ease-out);
	transition-delay: calc(80ms + var(--atl-i, 0) * 55ms);
}
.atl-hareket-js .atl-r .atl-ri.atl-ri-img { transform: scale(.98); }
.atl-hareket-js .atl-r .atl-ri.atl-ri-o { transform: none; }
.atl-hareket-js .atl-r.atl-r-in .atl-ri.atl-ri-img, .atl-hareket-js .atl-r.atl-r-in .atl-ri.atl-ri-o { transform: none; }
/* Üst etiket çizgisi soldan genişler; ekip ülke başlığı çizgisi de */
.atl-hareket-js .atl-r .atl-ri-k::before, .atl-hareket-js .atl-r h2::after { transform: scaleX(0); transform-origin: left center; }
.atl-hareket-js .atl-r.atl-r-in .atl-ri-k::before, .atl-hareket-js .atl-r.atl-r-in h2::after { transform: scaleX(1); transition: transform 520ms var(--atl-m-ease-out) 160ms; }
/* Hukuki: bölüm başlıkları tek tek yalnız opaklık */
.atl-hareket-js .wp-block-group[id].atl-r.atl-r-in { transition-duration: 360ms; }

/* 2b — Hero: sayfa başlığı ve ana sayfa hero içeriği kısa sıralı giriş (opaklık .01'den: ilk ekran boş kalmaz) */
@keyframes atl-m-in { from { opacity: .01; transform: translate3d(0, 10px, 0); } to { opacity: 1; transform: none; } }
.atl-hareket-js .wp-block-post-title,
.atl-hareket-js .atl-h > * { animation: atl-m-in 440ms var(--atl-m-ease-out) both; }
.atl-hareket-js .atl-h > *:nth-child(2) { animation-delay: 90ms; }
.atl-hareket-js .atl-h > *:nth-child(3) { animation-delay: 180ms; }
.atl-hareket-js .atl-h > *:nth-child(n+4) { animation-delay: 270ms; }
@media (max-width: 767px) { .atl-hareket-js .wp-block-post-title, .atl-hareket-js .atl-h > * { animation-duration: 360ms; } }

/* 3 — Metin bağlantıları (içerik alanı paragraf/liste içindekiler) */
.wp-block-post-content :is(p, li) > a:not(.wp-block-button__link) {
	text-decoration-thickness: 1px; text-underline-offset: .2em;
	transition: color var(--atl-m-fast) var(--atl-m-ease), text-decoration-color var(--atl-m-fast) var(--atl-m-ease);
}

/* 4 — Kartlar: ızgara içindeki zeminli kartlar, sorgu kartları, kaydırıcı öğeleri */
.atl-kart { transition: translate var(--atl-m-base) var(--atl-m-ease), box-shadow var(--atl-m-base) var(--atl-m-ease); }
.atl-kart :is(figure, .wp-block-cover, .wp-block-post-featured-image) { overflow: hidden; }
.atl-kart :is(figure img, .wp-block-post-featured-image img) { transition: scale 420ms var(--atl-m-ease); }
.atl-kart :is(h3, h4, .wp-block-post-title a) { transition: color var(--atl-m-fast) var(--atl-m-ease); }
@media (hover: hover) and (pointer: fine) {
	.atl-kart:hover { translate: 0 var(--atl-m-lift); box-shadow: 0 14px 30px -18px color-mix(in srgb, var(--wp--preset--color--bbe-primary-950, #0a1f5c) 45%, transparent); }
	.atl-kart:hover :is(figure img, .wp-block-post-featured-image img) { scale: 1.02; }
	.atl-kart:hover :is(h3, h4, .wp-block-post-title a) { color: var(--wp--preset--color--bbe-primary-700); }
}
.atl-kart:focus-within { box-shadow: 0 0 0 2px var(--wp--preset--color--bbe-primary-500); }
/* Zeminsiz kart: gölge/odak çizgisi kartın 16px dışındaki zemine çizilir; yerleşim değişmez */
.atl-kart--yalin { position: relative; isolation: isolate; }
.atl-kart--yalin::before { content: ""; position: absolute; inset: -16px -16px -20px; z-index: -1; border-radius: 14px; background: #fff; opacity: 0; pointer-events: none; transition: opacity var(--atl-m-base) var(--atl-m-ease), box-shadow var(--atl-m-base) var(--atl-m-ease); }
@media (hover: hover) and (pointer: fine) {
	.atl-kart--yalin:hover { box-shadow: none; }
	.atl-kart--yalin:hover::before { opacity: 1; box-shadow: 0 18px 36px -20px color-mix(in srgb, var(--wp--preset--color--bbe-primary-950, #001151) 40%, transparent), 0 0 0 1px var(--wp--preset--color--bbe-neutral-100, #f1f5f9); }
}
.atl-kart--yalin:focus-within { box-shadow: none; }
/* Kaydırıcı dikeyde kırpar: çerçeve sığsın diye üst/alt pay (negatif margin ile yerleşim aynı kalır) */
.nsContent:has(> .atl-kart--yalin) { padding-block: 24px; margin-block: -24px; }
.atl-kart--yalin:focus-within::before { opacity: 1; box-shadow: 0 0 0 2px var(--wp--preset--color--bbe-primary-500); }

/* 5 — Butonlar */
.wp-block-button__link { transition: background-color var(--atl-m-fast) var(--atl-m-ease), color var(--atl-m-fast) var(--atl-m-ease), border-color var(--atl-m-fast) var(--atl-m-ease), translate var(--atl-m-fast) var(--atl-m-ease), box-shadow var(--atl-m-fast) var(--atl-m-ease); }
@media (hover: hover) and (pointer: fine) { .wp-block-button__link:hover { translate: 0 -2px; box-shadow: 0 8px 18px -12px color-mix(in srgb, var(--wp--preset--color--bbe-primary-950, #0a1f5c) 55%, transparent); } }
.wp-block-button__link:active { translate: none; }
.wp-block-button__link:focus-visible { outline: 2px solid var(--wp--preset--color--bbe-primary-500); outline-offset: 3px; }

/* 6 — Header: menü alt çizgisi, alt menü açılışı */
.wp-block-navigation .wp-block-navigation-item__content { background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: 0 100%; background-size: 0 1px; transition: background-size var(--atl-m-base) var(--atl-m-ease), color var(--atl-m-fast) var(--atl-m-ease); }
@media (hover: hover) and (pointer: fine) { .wp-block-navigation .wp-block-navigation-item__content:hover { background-size: 100% 1px; } }
.wp-block-navigation .wp-block-navigation-item__content:focus-visible { background-size: 100% 1px; }
.wp-block-navigation .wp-block-navigation__submenu-container { transition: opacity var(--atl-m-fast) var(--atl-m-ease), transform var(--atl-m-fast) var(--atl-m-ease) !important; }
.wp-block-navigation .has-child:not(.open-on-click):not(:hover):not(:focus-within) > .wp-block-navigation__submenu-container { transform: translate3d(0, 6px, 0); }
.wp-block-navigation__responsive-container.is-menu-open { animation: atl-m-fade var(--atl-m-base) var(--atl-m-ease) both; }
@keyframes atl-m-fade { from { opacity: 0; } to { opacity: 1; } }

/* 7 — FAQ: açılan içerik kısa opaklık geçişi (aria/yükseklik davranışı temada kalır) */
.wp-block-accordion-item.is-open .wp-block-accordion-panel { animation: atl-m-fade var(--atl-m-base) var(--atl-m-ease) both; }
.wp-block-accordion-heading__toggle { transition: color var(--atl-m-fast) var(--atl-m-ease); }
@media (hover: hover) and (pointer: fine) { .wp-block-accordion-heading__toggle:hover { color: var(--wp--preset--color--bbe-primary-700); } }

/* 9 — Form alanları ve onay kutuları */
.wpcf7 :is(input[type=checkbox], input[type=radio]) { transition: box-shadow var(--atl-m-fast) var(--atl-m-ease); }
.wpcf7 :is(input[type=checkbox], input[type=radio]):focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--bbe-primary-500, #1e6ef5) 30%, transparent); }
.wpcf7 .wpcf7-not-valid-tip { animation: atl-m-fade var(--atl-m-base) var(--atl-m-ease) both; }
.wpcf7 :is(input[type=text], input[type=email], input[type=tel], select, textarea) { transition: border-color var(--atl-m-fast) var(--atl-m-ease), box-shadow var(--atl-m-fast) var(--atl-m-ease); }
/* Odak rengi/halkası tema kitinin CF7 bloğundan gelir (fieldTextAccentColor); burada yalnız yumuşak geçiş. */
.wpcf7-form.submitting [type=submit] { opacity: .7; cursor: progress; }

/* 10 — Footer bağlantıları ve sosyal ikonlar */
footer.wp-block-template-part a:not(.wp-block-button__link) { transition: color var(--atl-m-fast) var(--atl-m-ease); }
footer.wp-block-template-part .wp-social-link { transition: translate var(--atl-m-fast) var(--atl-m-ease); }
@media (hover: hover) and (pointer: fine) {
	footer.wp-block-template-part a:not(.wp-block-button__link):not(.wp-social-link-anchor):hover { color: var(--wp--preset--color--bbe-primary-600); }
	footer.wp-block-template-part .wp-social-link:hover { translate: 0 -2px; }
}

/* 11 — Hareket azaltma: tüm yeni hareketler kapalı, içerik anında görünür */
@media (prefers-reduced-motion: reduce) {
	[data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; }
	.atl-hareket-js .atl-r, .atl-hareket-js .atl-r .atl-ri, .atl-hareket-js .atl-r .atl-ri-k::before, .atl-hareket-js .atl-r h2::after { opacity: 1 !important; transform: none !important; transition: none !important; }
	.wpcf7 .wpcf7-not-valid-tip { animation: none !important; }
	.atl-hareket-js .wp-block-post-title, .atl-hareket-js .atl-h > *, .wp-block-accordion-item.is-open .wp-block-accordion-panel, .wp-block-navigation__responsive-container.is-menu-open { animation: none !important; }
	.atl-kart, .atl-kart *, .wp-block-button__link, .wp-block-navigation .wp-block-navigation-item__content, footer.wp-block-template-part .wp-social-link, .atl-sector-modal, .atl-sector-modal * { transition: none !important; }
	.atl-kart:hover, .wp-block-button__link:hover, footer.wp-block-template-part .wp-social-link:hover { translate: none !important; } .atl-kart:hover img { scale: none !important; }
}

/* Aşama 13 — klavyeyle yazılıyor efekti: hayalet metin yeri tutar, kopya üstüne yazılır; imleç marka mavisi */
.atl-yz { position: relative; }
.atl-yz .atl-yz-hayalet { visibility: hidden; }
.atl-yz .atl-yz-tip { position: absolute; inset: 0; text-align: inherit; }
.atl-yz .atl-yz-tip::after { content: ""; display: inline-block; width: .06em; height: .95em; margin-left: .06em; vertical-align: -.08em; background: var(--wp--preset--color--bbe-primary-500); animation: atl-imlec 1s steps(1) infinite; }
.atl-yz.atl-yz-bitti .atl-yz-tip::after { opacity: 0; animation: none; transition: opacity .4s; }
.atl-yz-bekle { color: transparent !important; }
@keyframes atl-imlec { 50% { opacity: 0; } }

/* İçgörüler / blog kartları — sade (müşteri isteği, 15a): hareket, alt çizgi ve ok yok; üzerine gelince yalnız başlık marka mavisi */
.wp-block-post-template > li { border-radius: 16px; }
.wp-block-post-template > li.atl-kart { transition: none; }
.wp-block-post-template > li.atl-kart:hover { translate: none; box-shadow: 0 0 0 1px var(--wp--preset--color--bbe-primary-100), 0 18px 40px -28px rgb(0 17 81 / .4); }
.wp-block-post-template > li.atl-kart:hover :is(figure img, .wp-block-post-featured-image img) { scale: none; }
.wp-block-post-template > li .wp-block-post-featured-image { overflow: hidden; }
.wp-block-post-template > li .wp-block-post-title a { text-decoration: none; transition: color .2s; }
.wp-block-post-template > li:is(:hover, :focus-within) .wp-block-post-title a { color: var(--wp--preset--color--bbe-primary-600); }
.wp-block-post-template > li .wp-block-post-title a:focus-visible { outline: 2px solid var(--wp--preset--color--bbe-primary-600); outline-offset: 3px; border-radius: 4px; }

/* Aşama 13 — görsel perde açılışı (JS yalnız ilk ekran dışındaki görsellere ekler) */
.atl-hareket-js img.atl-perde { clip-path: inset(0 100% 0 0); transition: clip-path 1.1s cubic-bezier(.65, 0, .25, 1); }
.atl-hareket-js img.atl-perde.atl-perde-acik { clip-path: inset(0 0 0 0); }

/* Aşama 13 — hafif parallax: görsel %8 büyütülür, kaydırmayla dikey kayar (boşluk görünmez) */
img.atl-px { transform: translate3d(0, var(--atl-py, 0px), 0) scale(1.08); transition: none; will-change: transform; }

/* Aşama 13 — okuma ilerleme çubuğu */
.atl-ilerleme { position: fixed; inset: 0 0 auto 0; height: 3px; z-index: 100002; transform-origin: 0 50%; transform: scaleX(0); background: var(--wp--preset--color--bbe-primary-500); pointer-events: none; }

/* Aşama 13 — butonlar: hover'da hafif yükselme, ışık süpürmesi; ok işaretli butonlarda ok ileri kayar */
.wp-block-button__link { position: relative; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.wp-block-button__link::after { content: ""; position: absolute; inset: 0; transform: translateX(-120%) skewX(-20deg); background: linear-gradient(90deg, transparent, rgb(255 255 255 / .28), transparent); pointer-events: none; }
.wp-block-button__link:is(:hover, :focus-visible) { transform: translateY(-2px); box-shadow: 0 10px 22px -10px rgb(0 100 237 / .55); }
.wp-block-button__link:is(:hover, :focus-visible)::after { transform: translateX(120%) skewX(-20deg); transition: transform .7s ease; }

/* Aşama 13 — kart içi ikonlar/numaralar: kart üzerine gelince hafif zıplar */
.wp-block-post-content .wp-block-group.has-border-color :is(figure.wp-block-image:first-child img, .wp-block-image.is-resized img) { transition: transform .35s cubic-bezier(.34, 1.56, .64, 1); }
.wp-block-post-content .wp-block-group.has-border-color:hover :is(figure.wp-block-image:first-child img, .wp-block-image.is-resized img) { transform: translateY(-3px) scale(1.08); }

@media (prefers-reduced-motion: reduce) {
	.atl-hareket-js img.atl-perde { clip-path: none; transition: none; }
	img.atl-px { transform: none; }
	.atl-ilerleme { display: none; }
	.wp-block-button__link, .wp-block-button__link::after { transition: none; }
	.wp-block-button__link:is(:hover, :focus-visible) { transform: none; }
	.wp-block-button__link::after { display: none; }
	.wp-block-post-content .wp-block-group.has-border-color:hover img { transform: none; }
}
figure:has(> img.atl-px) { overflow: hidden; }

/* Aşama 13 — metin katlama: özet yüksekliği + alt kısımda yumuşak solma; "Devamını oku" metin bağlantısı görünümünde */
.atl-katli:not(.atl-acik) { max-height: var(--atl-katla-h, 200px); overflow: hidden; -webkit-mask-image: linear-gradient(#000 60%, transparent); mask-image: linear-gradient(#000 60%, transparent); }
.atl-katla-dugme {
	display: inline-flex; align-items: center; gap: .4rem; margin-top: .75rem; padding: .35rem 0; border: 0; background: none; cursor: pointer;
	font: inherit; font-size: .95rem; font-weight: 600; color: var(--wp--preset--color--bbe-primary-600);
}
.atl-katla-dugme::after { content: ""; width: .5rem; height: .5rem; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg); transition: transform .25s ease; }
.atl-katla-dugme[aria-expanded="true"]::after { transform: translateY(2px) rotate(-135deg); }
.atl-katla-dugme:hover { color: var(--wp--preset--color--bbe-primary-800); text-decoration: underline; text-underline-offset: 4px; }
.atl-katla-dugme:focus-visible { outline: 2px solid var(--wp--preset--color--bbe-primary-500); outline-offset: 3px; border-radius: 4px; }
@media (prefers-reduced-motion: reduce) { .atl-katla-dugme::after { transition: none; } }
.atl-katla-dugme { flex: 0 0 100%; justify-content: flex-start; align-self: flex-start; width: max-content; }
:has(> .atl-katla-dugme) { flex-wrap: wrap; }
/* sütun yönlü (flex-direction: column) kartlarda düğme tam yükseklik kaplamasın */
.wp-block-group.has-border-color > .atl-katla-dugme { flex: none; height: auto; }
.atl-katla-dugme--izgara { position: absolute; margin: 0; }
