/*
Theme Name: Beyond the Bridge
Theme URI: https://mertkankarabacak.com
Author: Mertkan Karabacak
Description: Mertkan Karabacak — Beyond the Bridge için hazırlanmış denizcilik temalı blok teması. Lacivert + altın palet, self-host fontlar (Türkçe karakterler dahil), tam ekran görsel bölümleri ve “Uğraklar” harita eklentisiyle uyumlu. Her şey WordPress’in kendi blok editöründen düzenlenir; ayrı bir sayfa oluşturucuya gerek yoktur.
Version:           1.2.0
Requires at least: 6.6
Tested up to: 6.9
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: btb
Tags: blog, photography, full-site-editing, block-patterns, one-column, wide-blocks, custom-colors, custom-menu
*/

/* Renkler theme.json'dan gelir; burada yalnızca blok editörünün üretemediği
   düzen ve etkileşim detayları var. Renk/tipografi değiştirmek için
   Görünüm → Düzenleyici → Stiller kullanılmalı, bu dosya değil. */

:root {
	--btb-cizgi: rgba(146, 178, 200, .18);
	--btb-sans: var(--wp--preset--font-family--body);
	--btb-serif: var(--wp--preset--font-family--baslik);
	--btb-mono: var(--wp--preset--font-family--mono);
	--btb-perde: rgba(5, 12, 20, .86);
	--btb-golge: 0 26px 60px -24px rgba(0, 0, 0, .85);
	--btb-hiz: cubic-bezier(.22, .7, .28, 1);
}

/* ---------- aydınlık tema ----------
   theme.json renkleri gövdede CSS değişkeni olarak yayınlıyor; burada aynı
   değişkenleri eziyoruz. Böylece tema düğmesi tek hamlede bütün blokları,
   desenleri ve eklenti arayüzünü çeviriyor — ayrı bir açık tema yazmaya
   gerek kalmıyor. */
html[data-tema="acik"] body,
html[data-tema="acik"] .editor-styles-wrapper {
	--wp--preset--color--gece: #F4F1E9;
	--wp--preset--color--lacivert: #EAE4D6;
	--wp--preset--color--kart: #FFFFFF;
	--wp--preset--color--murekkep: #14232F;
	--wp--preset--color--soluk: #566875;
	--wp--preset--color--altin: #9A6B1E;
	--wp--preset--color--altin-parlak: #7C5514;
	--wp--preset--color--cizgi: #D8D0BE;
}
html[data-tema="acik"] {
	--btb-cizgi: rgba(30, 50, 66, .17);
	--btb-perde: rgba(250, 248, 243, .88);
	--btb-golge: 0 24px 54px -26px rgba(24, 40, 54, .38);
	color-scheme: light;
}
html[data-tema="acik"] body { background: var(--wp--preset--color--gece); }
html[data-tema="acik"] img:not(.btb-hero img):not(.wp-block-cover img) { filter: none; }

/* Tema değişirken tek seferlik yumuşak geçiş (btb.js ekleyip kaldırıyor). */
html.btb-tema-gecis, html.btb-tema-gecis * {
	transition: background-color .35s ease, color .35s ease, border-color .35s ease !important;
}
html.btb-kilit, html.btb-kilit body { overflow: hidden; }

body { -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { max-width: 100%; height: auto; }

/* Üst menü ve başlık kuralları dosyanın sonundaki “üst bölüm” bölümünde. */

/* ---------- ortak parçalar ---------- */
/* Bölüm üstü küçük etiket: “— GİTTİĞİM YERLER” */
.btb-ust {
	display: flex; align-items: center; gap: 12px; margin-bottom: 14px;
	font-family: var(--btb-mono); font-size: 11px; font-weight: 500;
	letter-spacing: .24em; text-transform: uppercase;
	color: var(--wp--preset--color--altin);
}
.btb-ust::before { content: ""; width: 26px; height: 1px; background: currentColor; opacity: .7; }

.btb-lede { color: var(--wp--preset--color--soluk); font-size: 17.5px; }
.btb-mono {
	font-family: var(--btb-mono); font-size: 11.5px; letter-spacing: .14em;
	text-transform: uppercase; color: var(--wp--preset--color--soluk);
}

/* Kenarlıksız tam genişlik bölümler için */
.btb-bolum { padding-block: clamp(64px, 8vw, 104px); }
.btb-cizgi-ust { border-top: 1px solid var(--btb-cizgi); }
.btb-cizgi-alt { border-bottom: 1px solid var(--btb-cizgi); }

/* ---------- hero ---------- */
.btb-hero { position: relative; }
.btb-hero.wp-block-cover { min-height: min(92vh, 840px); }
.btb-hero .wp-block-cover__background { opacity: 1 !important; }
.btb-hero h1 { max-width: 14ch; }
.btb-hero .btb-hero-metin { max-width: 52ch; color: #C3D3DF; font-size: 18.5px; }

/* ---------- istatistik şeridi ---------- */
.btb-sayilar { border-block: 1px solid var(--btb-cizgi); background: var(--wp--preset--color--lacivert); }
.btb-sayilar .wp-block-column {
	padding: 32px 22px; text-align: center; border-right: 1px solid var(--btb-cizgi);
}
.btb-sayilar .wp-block-column:last-child { border-right: 0; }
.btb-sayilar p:first-child {
	font-family: var(--btb-serif); font-size: clamp(36px, 4.4vw, 52px); line-height: 1;
	color: var(--wp--preset--color--altin); margin: 0;
}
.btb-sayilar p:last-child {
	margin: 9px 0 0; font-family: var(--btb-mono); font-size: 10.5px; font-weight: 500;
	letter-spacing: .22em; text-transform: uppercase; color: var(--wp--preset--color--soluk);
}
@media (max-width: 780px) {
	.btb-sayilar .wp-block-column:nth-child(-n+2) { border-bottom: 1px solid var(--btb-cizgi); }
	.btb-sayilar .wp-block-column:nth-child(2n) { border-right: 0; }
}

/* ---------- yazı kartları ---------- */
.btb-kartlar .wp-block-post-template {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
	background: var(--btb-cizgi); border: 1px solid var(--btb-cizgi); list-style: none; margin: 0; padding: 0;
}
.btb-kartlar .wp-block-post {
	background: var(--wp--preset--color--gece); margin: 0;
	display: flex; flex-direction: column; transition: background .3s;
}
.btb-kartlar .wp-block-post:hover { background: var(--wp--preset--color--kart); }
.btb-kartlar .wp-block-post-featured-image { margin: 0; overflow: hidden; aspect-ratio: 16 / 10; }
.btb-kartlar .wp-block-post-featured-image img {
	width: 100%; height: 100%; object-fit: cover; opacity: .88;
	transition: transform .6s cubic-bezier(.2, .7, .3, 1), opacity .4s;
}
.btb-kartlar .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.06); opacity: 1; }
.btb-kartlar .btb-kart-govde { padding: 24px 24px 28px; flex: 1; display: flex; flex-direction: column; }
.btb-kartlar .wp-block-post-title { font-size: 24px; line-height: 1.2; margin: 0 0 10px; }
.btb-kartlar .wp-block-post-title a { color: var(--wp--preset--color--murekkep); text-decoration: none; }
.btb-kartlar .wp-block-post-excerpt { color: var(--wp--preset--color--soluk); font-size: 14.5px; margin: 0; flex: 1; }
.btb-kartlar .wp-block-post-excerpt__more-text { display: none; }
.btb-kartlar .btb-kart-alt {
	margin-top: 18px; font-family: var(--btb-mono); font-size: 11px;
	letter-spacing: .14em; text-transform: uppercase; color: #6E8496;
}
.btb-kartlar .btb-kart-alt a { color: var(--wp--preset--color--altin); text-decoration: none; }
@media (max-width: 1080px) { .btb-kartlar .wp-block-post-template { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .btb-kartlar .wp-block-post-template { grid-template-columns: 1fr; } }

/* ---------- tek yazı ---------- */
.btb-yazi-hero { position: relative; }
.btb-yazi-hero img { width: 100%; max-height: 62vh; object-fit: cover; }
.btb-icerik > * { margin-block: 26px; }
.btb-icerik h2 { margin-top: 52px; }
.btb-icerik h3 { margin-top: 40px; }
.btb-icerik p { font-size: 17.5px; line-height: 1.8; color: #D3DFE8; }
.btb-icerik figure figcaption { text-align: center; }
.btb-icerik blockquote {
	border-left: 2px solid var(--wp--preset--color--altin);
	padding: 4px 0 4px 22px; margin-inline: 0;
}
.btb-icerik .wp-block-image img { border-radius: 2px; }

/* ---------- fotoğraf ızgarası ---------- */
.btb-foto.wp-block-gallery.has-nested-images figure.wp-block-image {
	margin: 0; overflow: hidden;
}
.btb-foto.wp-block-gallery.has-nested-images figure.wp-block-image img {
	transition: transform .55s, opacity .4s; opacity: .85;
}
.btb-foto.wp-block-gallery.has-nested-images figure.wp-block-image:hover img {
	transform: scale(1.05); opacity: 1;
}

/* ---------- hakkımda görseli — altın çerçeve ---------- */
.btb-cerceve { position: relative; }
.btb-cerceve img { position: relative; z-index: 1; }
.btb-cerceve::after {
	content: ""; position: absolute; inset: 18px -18px -18px 18px; z-index: 0;
	border: 1px solid var(--wp--preset--color--altin); opacity: .55; pointer-events: none;
}
@media (max-width: 780px) { .btb-cerceve::after { display: none; } }

/* ---------- bülten ---------- */
.btb-bulten { position: relative; overflow: hidden; border: 1px solid var(--btb-cizgi); }
.btb-bulten::before {
	content: ""; position: absolute; right: -90px; top: -90px; width: 320px; height: 320px;
	border-radius: 50%; pointer-events: none;
	background: radial-gradient(circle, rgba(215, 165, 76, .14), transparent 68%);
}
.btb-bulten > * { position: relative; }
.btb-bulten input[type="email"], .btb-bulten input[type="text"] {
	background: var(--wp--preset--color--gece); border: 1px solid var(--btb-cizgi);
	color: var(--wp--preset--color--murekkep); padding: 14px 18px; border-radius: 2px;
	font-family: var(--btb-sans); font-size: 15px; width: 100%;
}
.btb-bulten input:focus { outline: 0; border-color: var(--wp--preset--color--altin); }

/* ---------- alt bölüm ---------- */
.btb-footer { background: var(--wp--preset--color--lacivert); border-top: 1px solid var(--btb-cizgi); }
.btb-footer .wp-block-heading {
	font-family: var(--btb-mono); font-size: 10.5px; font-weight: 500;
	letter-spacing: .22em; text-transform: uppercase; color: var(--wp--preset--color--murekkep);
}
.btb-footer .wp-block-navigation { font-size: 14px; }
.btb-footer .wp-block-navigation a { color: var(--wp--preset--color--soluk); text-decoration: none; }
.btb-footer .wp-block-navigation a:hover { color: var(--wp--preset--color--altin); }
.btb-footer .wp-block-social-links .wp-social-link { background: rgba(255, 255, 255, .07); }
.btb-panel-arac--kisa .btb-arac-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 900px) { .btb-panel-arac--kisa .btb-arac-izgara { grid-template-columns: 1fr; } }

/* ---------- iletişim formu ---------- */
.btb-form-sar { margin: 32px 0; max-width: 680px; }
.btb-form-alan { display: block; margin-bottom: 18px; }
.btb-form-alan > span {
	display: block; margin-bottom: 7px; color: var(--wp--preset--color--soluk);
	font: 500 11px var(--btb-mono); letter-spacing: .12em; text-transform: uppercase;
}
.btb-form input[type="text"], .btb-form input[type="email"],
.btb-form select, .btb-form textarea {
	width: 100%; background: var(--wp--preset--color--kart); border: 1px solid var(--btb-cizgi);
	color: var(--wp--preset--color--murekkep); border-radius: 3px; padding: 13px 15px;
	font: 400 15.5px/1.6 inherit; transition: border-color .2s;
}
.btb-form textarea { resize: vertical; min-height: 150px; }
.btb-form select { appearance: none; cursor: pointer;
	background-image: linear-gradient(45deg, transparent 50%, var(--wp--preset--color--soluk) 50%), linear-gradient(135deg, var(--wp--preset--color--soluk) 50%, transparent 50%);
	background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%;
	background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;
}
.btb-form input:focus, .btb-form select:focus, .btb-form textarea:focus {
	outline: 0; border-color: var(--wp--preset--color--altin);
}
.btb-form-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.btb-form-kabi { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.btb-form-alt { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 6px; }
.btb-form-dugme {
	flex: none; background: var(--wp--preset--color--altin); color: #0A1420; border: 0;
	border-radius: 3px; padding: 14px 34px; cursor: pointer;
	font: 600 13px inherit; letter-spacing: .06em; text-transform: uppercase; transition: .2s;
}
.btb-form-dugme:hover { filter: brightness(1.1); transform: translateY(-1px); }
.btb-form-not { margin: 0; flex: 1 1 220px; color: var(--wp--preset--color--soluk); font-size: 12.5px; line-height: 1.6; }
.btb-form-ok {
	display: flex; gap: 15px; align-items: flex-start;
	padding: 22px 24px; border-radius: 8px;
	background: rgba(215, 165, 76, .07); border: 1px solid rgba(215, 165, 76, .3);
}
.btb-form-ok svg { flex: none; color: var(--wp--preset--color--altin); margin-top: 2px; }
.btb-form-ok p { margin: 0; color: var(--wp--preset--color--murekkep); font-size: 15.5px; line-height: 1.7; }
.btb-form-hata {
	margin-bottom: 22px; padding: 15px 20px; border-radius: 6px;
	background: rgba(224, 137, 74, .09); border-left: 2px solid #E0894A;
}
.btb-form-hata ul { margin: 0; padding-left: 18px; color: #E0894A; font-size: 14px; line-height: 1.7; }
@media (max-width: 600px) { .btb-form-ikili { grid-template-columns: 1fr; gap: 0; } }

.btb-footer-alt {
	border-top: 1px solid var(--btb-cizgi); padding-top: 24px; color: #5C7185;
	font-family: var(--btb-mono); font-size: 11.5px; letter-spacing: .06em;
}
.btb-footer-alt a { color: #5C7185; text-decoration: none; border-bottom: 1px solid rgba(92, 113, 133, .4); }
.btb-footer-alt a:hover { color: var(--wp--preset--color--altin); border-bottom-color: var(--wp--preset--color--altin); }

/* ---------- sayfalama, arama ---------- */
.wp-block-query-pagination { font-family: var(--btb-mono); font-size: 12.5px; letter-spacing: .1em; }
.wp-block-query-pagination a { color: var(--wp--preset--color--soluk); text-decoration: none; }
.wp-block-query-pagination a:hover { color: var(--wp--preset--color--altin); }
.wp-block-search__input {
	background: var(--wp--preset--color--kart); border: 1px solid var(--btb-cizgi);
	color: var(--wp--preset--color--murekkep); border-radius: 2px; padding: 12px 16px;
}

/* Ekran okuyucu için gizli başlıklar */
.btb-gizli {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
	.btb-kartlar img, .btb-foto img { transition: none !important; }
}

/* ---------- üst menüdeki ülke mega menüsü ----------
   Eklentiden gelen .gy-mega-sar başlığı, menü bağlantılarıyla aynı görünsün. */
.btb-nav { row-gap: 8px; }
.btb-header .gy-mega-sar { font-size: 13.5px; font-weight: 500; line-height: 1; }
.btb-header .gy-mega-ac { color: var(--wp--preset--color--soluk); }
.btb-header .gy-mega-ac:hover { color: var(--wp--preset--color--murekkep); }
.btb-header .gy-mega-sar.acik .gy-mega-ac { color: var(--wp--preset--color--murekkep); }
/* Mega menü şeridin altına, sayfanın ortasına açılsın. */
.btb-header .gy-mega { top: calc(100% + 20px); }
@media (max-width: 1080px) {
	.btb-header .gy-mega-sar { order: 2; }
	.btb-header .gy-mega-ac::after { display: none; }
}

/* Mobil menü paneli */
.btb-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: 28px 24px;
}
.btb-header .wp-block-navigation__responsive-container.is-menu-open a { font-size: 20px; }

/* ---------- dil değiştirici ---------- */
.btb-dil { display: flex; border: 1px solid var(--btb-cizgi); border-radius: 2px; overflow: hidden; }
.btb-dil a {
	padding: 7px 12px; font-family: var(--btb-mono); font-size: 11.5px; font-weight: 600;
	letter-spacing: .1em; color: var(--wp--preset--color--soluk); text-decoration: none; transition: .2s;
}
.btb-dil a:hover { color: var(--wp--preset--color--murekkep); }
.btb-dil a.on { background: var(--wp--preset--color--altin); color: var(--wp--preset--color--gece); }
.btb-dil-yok a { font-size: 10.5px; opacity: .55; }

/* ---------- ilgili yazılar ---------- */
.btb-ilgili { margin: 72px 0 0; padding-top: 44px; border-top: 1px solid var(--btb-cizgi); }
.btb-ilgili > .btb-ust { margin-bottom: 26px; }
.btb-ilgili-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.btb-ilgili-kart { text-decoration: none; display: block; }
.btb-ilgili-g {
	display: block; aspect-ratio: 16 / 10; overflow: hidden; margin-bottom: 14px;
	background: var(--wp--preset--color--kart);
}
.btb-ilgili-g img { width: 100%; height: 100%; object-fit: cover; opacity: .85; transition: .5s; }
.btb-ilgili-kart:hover .btb-ilgili-g img { opacity: 1; transform: scale(1.05); }
.btb-ilgili-kart h3 {
	font-family: var(--btb-serif); font-size: 20px; font-weight: 400; line-height: 1.25;
	margin: 0 0 8px; color: var(--wp--preset--color--murekkep);
}
.btb-ilgili-alt {
	font-family: var(--btb-mono); font-size: 11px; letter-spacing: .14em;
	text-transform: uppercase; color: #6E8496;
}
@media (max-width: 900px) { .btb-ilgili-izgara { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .btb-ilgili-izgara { grid-template-columns: 1fr; } }

/* Editörde sunucu tarafından çizilen blokların yer tutucusu */
.btb-blok-yer {
	display: inline-flex; align-items: baseline; gap: 6px;
	padding: 4px 10px; border: 1px dashed rgba(146, 178, 200, .4); border-radius: 3px;
	font-size: 13px; color: #93A9BA;
}
.btb-blok-yer strong { color: #D7A54C; font-weight: 500; }
.btb-blok-yer em { font-style: normal; font-size: 12px; }

/* =========================================================================
 * ÜST BÖLÜM — logo, menü, açılır paneller, dil ve tema düğmeleri
 * ========================================================================= */

/* Açılır menü panelleri gibi mutlak konumlu ögeler sayfada yatay kaydırma
   çubuğu oluşturmasın. clip, hidden'ın aksine sticky başlığı bozmaz. */
html { overflow-x: clip; }

.btb-header {
	position: sticky; top: 0; z-index: 900;
	background: var(--btb-perde);
	-webkit-backdrop-filter: blur(18px) saturate(150%);
	backdrop-filter: blur(18px) saturate(150%);
	border-bottom: 1px solid var(--btb-cizgi);
	transition: box-shadow .3s, border-color .3s;
}
.btb-header.kayik { box-shadow: 0 14px 34px -26px rgba(0, 0, 0, .9); }
.btb-header-ic {
	gap: 26px; padding-block: 10px; flex-wrap: nowrap !important;
}
.btb-marka { flex: 0 0 auto; }
.btb-header .wp-block-site-logo { margin: 0; line-height: 0; }
.btb-header .wp-block-site-logo img {
	height: clamp(40px, 3vw, 48px); width: auto; max-width: none;
	transition: transform .35s var(--btb-hiz), opacity .3s;
}
.btb-header .wp-block-site-logo a:hover img { transform: translateY(-1px); opacity: .92; }
.btb-header-sag { flex: 0 0 auto; gap: 10px; }

/* ---- menü ---- */
/* Konumlanma bağlamı navigasyonun kendisi: mega paneller öğeye değil menüye
   göre hizalanır, böylece sağdaki öğelerde panel ekranın dışına taşmaz. */
.btb-nav { position: relative; flex: 1 1 auto; min-width: 0; display: flex; justify-content: flex-start; margin-left: 8px; }
.btb-nav-liste {
	display: flex; align-items: center; gap: 2px;
	list-style: none; margin: 0; padding: 0;
}
/* Öğe ile açılır oku yan yana dursun; yoksa ok alt satıra düşüyordu. */
.btb-nav-oge { position: static; margin: 0; display: flex; align-items: center; }
.btb-nav-oge > a {
	display: block; padding: 10px 13px; border-radius: 3px;
	color: var(--wp--preset--color--soluk); text-decoration: none;
	font-size: 13.5px; font-weight: 500; letter-spacing: .015em; white-space: nowrap;
	transition: color .22s, background-color .22s;
}
.btb-nav-oge > a::after {
	content: ""; display: block; height: 1px; margin-top: 5px;
	background: var(--wp--preset--color--altin);
	transform: scaleX(0); transform-origin: left;
	transition: transform .32s var(--btb-hiz);
}
.btb-nav-oge:hover > a, .btb-nav-oge:focus-within > a { color: var(--wp--preset--color--murekkep); }
.btb-nav-oge:hover > a::after, .btb-nav-oge.acik > a::after, .btb-nav-oge.on > a::after { transform: scaleX(1); }
.btb-nav-oge.on > a { color: var(--wp--preset--color--murekkep); }

.btb-nav-acilir > a { padding-right: 4px; }
.btb-nav-ok {
	background: none; border: 0; cursor: pointer; padding: 10px 8px 10px 2px;
	color: var(--wp--preset--color--soluk); line-height: 0;
	transition: transform .28s var(--btb-hiz), color .22s;
}
.btb-nav-acilir:hover .btb-nav-ok, .btb-nav-acilir.acik .btb-nav-ok { color: var(--wp--preset--color--altin); }
.btb-nav-acilir.acik .btb-nav-ok { transform: rotate(180deg); }

/* Açılan panel: masaüstünde konumlandırılır, mobilde akordiyon olur. */
.btb-nav-panel {
	position: absolute; top: calc(100% + 12px); left: 0; z-index: 40;
	opacity: 0; visibility: hidden; transform: translateY(-8px);
	transition: opacity .22s ease, transform .28s var(--btb-hiz), visibility .28s;
	pointer-events: none;
}
.btb-nav-acilir.acik .btb-nav-panel {
	opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;
}
/* Bağlantı ile panel arasındaki boşlukta fare kaybolmasın. */
.btb-nav-panel::before { content: ""; position: absolute; inset: -14px 0 auto 0; height: 14px; }

.btb-panel {
	background: var(--wp--preset--color--kart);
	border: 1px solid var(--btb-cizgi); border-radius: 6px;
	box-shadow: var(--btb-golge); padding: 20px;
}
.btb-panel-alt {
	display: flex; align-items: center; justify-content: space-between; gap: 18px;
	margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--btb-cizgi);
	font-family: var(--btb-mono); font-size: 11.5px; letter-spacing: .06em;
}
.btb-panel-alt b { color: var(--wp--preset--color--soluk); font-weight: 500; }
.btb-panel-alt a { color: var(--wp--preset--color--altin); text-decoration: none; white-space: nowrap; }
.btb-panel-alt a:hover { text-decoration: underline; }

/* ---- araçlar paneli ---- */
.btb-panel-arac { width: min(660px, 92vw); }
.btb-arac-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.btb-arac-oge {
	display: grid; grid-template-columns: 34px 1fr; gap: 11px; align-items: start;
	padding: 10px 11px; border-radius: 4px; text-decoration: none;
	color: var(--wp--preset--color--murekkep);
	transition: background-color .2s, transform .2s var(--btb-hiz);
}
.btb-arac-oge:hover { background: color-mix(in srgb, var(--wp--preset--color--altin) 12%, transparent); }
.btb-arac-simge {
	display: grid; place-items: center; width: 34px; height: 34px; border-radius: 4px;
	background: color-mix(in srgb, var(--wp--preset--color--altin) 13%, transparent);
	color: var(--wp--preset--color--altin);
	transition: transform .3s var(--btb-hiz);
}
.btb-arac-oge:hover .btb-arac-simge { transform: translateY(-2px) rotate(-4deg); }
.btb-arac-yazi { display: block; min-width: 0; }
.btb-arac-yazi b { display: block; font-size: 14px; font-weight: 500; line-height: 1.3; }
.btb-arac-yazi em {
	display: block; margin-top: 3px; font-style: normal; font-size: 12.5px; line-height: 1.45;
	color: var(--wp--preset--color--soluk);
}

/* ---- dil ve tema düğmeleri ---- */
.btb-dil {
	display: inline-flex; align-items: center;
	border: 1px solid var(--btb-cizgi); border-radius: 999px; overflow: hidden;
}
.btb-dil a {
	padding: 6px 12px; font-family: var(--btb-mono); font-size: 11.5px; font-weight: 500;
	letter-spacing: .1em; color: var(--wp--preset--color--soluk); text-decoration: none;
	transition: background-color .22s, color .22s;
}
.btb-dil a:hover { color: var(--wp--preset--color--murekkep); }
.btb-dil a.on {
	background: var(--wp--preset--color--altin);
	color: var(--wp--preset--color--gece);
}
.btb-dil-yok a { white-space: nowrap; }

.btb-tema {
	display: grid; place-items: center; width: 34px; height: 34px; padding: 0;
	background: none; border: 1px solid var(--btb-cizgi); border-radius: 999px;
	color: var(--wp--preset--color--soluk); cursor: pointer;
	transition: color .22s, border-color .22s, transform .3s var(--btb-hiz);
}
.btb-tema:hover { color: var(--wp--preset--color--altin); border-color: var(--wp--preset--color--altin); }
.btb-tema:active { transform: scale(.92); }
.btb-tema-i { position: relative; display: grid; place-items: center; width: 17px; height: 17px; }
.btb-tema-i svg { position: absolute; transition: opacity .28s, transform .38s var(--btb-hiz); }
.btb-tema-gunes { opacity: 0; transform: rotate(-70deg) scale(.6); }
html[data-tema="acik"] .btb-tema-ay { opacity: 0; transform: rotate(70deg) scale(.6); }
html[data-tema="acik"] .btb-tema-gunes { opacity: 1; transform: none; }

/* ---- hamburger ---- */
.btb-nav-ac { display: none; }

/* =========================================================================
 * Kaydırınca beliren bölümler
 * ========================================================================= */
.btb-belirecek { opacity: 0; transform: translateY(22px); }
.btb-belir {
	opacity: 1; transform: none;
	transition: opacity .7s ease, transform .8s var(--btb-hiz);
}
@media (prefers-reduced-motion: reduce) {
	.btb-belirecek, .btb-belir { opacity: 1; transform: none; transition: none; }
}

/* =========================================================================
 * Seyir defteri kartları — görsel ağırlıklı ızgara
 * ========================================================================= */
.btb-kartlar .wp-block-post { position: relative; overflow: hidden; }
.btb-kartlar .wp-block-post-featured-image { position: relative; }
.btb-kartlar .wp-block-post-featured-image::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(180deg, transparent 42%, rgba(4, 10, 17, .72) 100%);
	opacity: .55; transition: opacity .45s ease;
}
.btb-kartlar .wp-block-post:hover .wp-block-post-featured-image::after { opacity: .9; }
.btb-kartlar .wp-block-post-featured-image img { transform: scale(1.001); }
.btb-kartlar .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.075); }
.btb-kartlar .btb-kart-govde { position: relative; }
.btb-kartlar .wp-block-post-title a {
	background-image: linear-gradient(var(--wp--preset--color--altin), var(--wp--preset--color--altin));
	background-size: 0 1px; background-repeat: no-repeat; background-position: 0 100%;
	transition: background-size .4s var(--btb-hiz), color .25s;
	padding-bottom: 2px;
}
.btb-kartlar .wp-block-post:hover .wp-block-post-title a { background-size: 100% 1px; }
.btb-kartlar .btb-kart-alt { transition: color .3s; }
.btb-kartlar .wp-block-post::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	border: 1px solid transparent; transition: border-color .35s;
}
.btb-kartlar .wp-block-post:hover::after { border-color: color-mix(in srgb, var(--wp--preset--color--altin) 42%, transparent); }

/* İlk kart geniş: seyir defteri sayfasında öne çıkan yazı. */
.btb-defter .wp-block-post-template > li:first-child { grid-column: span 2; }
.btb-defter .wp-block-post-template > li:first-child .wp-block-post-featured-image { aspect-ratio: 21 / 9; }
.btb-defter .wp-block-post-template > li:first-child .wp-block-post-title { font-size: clamp(28px, 3vw, 38px); }
@media (max-width: 1080px) { .btb-defter .wp-block-post-template > li:first-child { grid-column: span 2; } }
@media (max-width: 640px)  { .btb-defter .wp-block-post-template > li:first-child { grid-column: span 1; } }

/* =========================================================================
 * Duyarlı düzen — 15,6" dizüstü ve altı
 * ========================================================================= */

/* 1600 px altı: menü yazıları biraz kısılır, logo küçülür. */
@media (max-width: 1500px) {
	.btb-header-ic { gap: 18px; }
	.btb-nav-oge > a { padding: 10px 10px; font-size: 13px; }
	.btb-header .wp-block-site-logo img { height: clamp(38px, 3.2vw, 46px); }
}
/* Tipik 15,6" dizüstü (1366–1440 px kullanılabilir genişlik). */
@media (max-width: 1360px) {
	.btb-nav-oge > a { padding: 9px 8px; font-size: 12.5px; letter-spacing: 0; }
	.btb-header-ic { gap: 12px; }
	.btb-dil a { padding: 5px 9px; font-size: 11px; }
	.btb-tema { width: 31px; height: 31px; }
	.btb-panel-arac { width: min(600px, 92vw); }
}

/* Mobil ve tablet: menü tam ekran akordiyona döner. */
@media (max-width: 1000px) {
	/* backdrop-filter, position:fixed için içeren blok oluşturur ve tam ekran
	   mobil menüyü başlığın içine hapseder (yalnızca ilk öğe görünürdü). Mobilde
	   bulanıklığı kaldırıp başlığa opak bir zemin veriyoruz; menü artık ekranı
	   kaplıyor. Masaüstünde bulanıklık korunur. */
	.btb-header {
		-webkit-backdrop-filter: none; backdrop-filter: none;
		background: var(--wp--preset--color--gece);
	}
	.btb-header-ic { gap: 12px; }
	.btb-nav { margin-left: 0; }
	.btb-nav-ac {
		display: grid; place-items: center; width: 40px; height: 40px; padding: 0;
		background: none; border: 1px solid var(--btb-cizgi); border-radius: 4px;
		color: var(--wp--preset--color--murekkep); cursor: pointer;
	}
	.btb-nav-cizgi, .btb-nav-cizgi::before, .btb-nav-cizgi::after {
		display: block; width: 17px; height: 1.6px; background: currentColor; border-radius: 2px;
		transition: transform .3s var(--btb-hiz), opacity .2s;
	}
	.btb-nav-cizgi::before, .btb-nav-cizgi::after { content: ""; position: absolute; }
	.btb-nav-cizgi::before { transform: translateY(-5.5px); }
	.btb-nav-cizgi::after  { transform: translateY(5.5px); }
	.btb-nav.menu-acik .btb-nav-cizgi { background: transparent; }
	.btb-nav.menu-acik .btb-nav-cizgi::before { transform: rotate(45deg); }
	.btb-nav.menu-acik .btb-nav-cizgi::after  { transform: rotate(-45deg); }

	.btb-nav-liste {
		position: fixed; inset: 0; top: var(--btb-basY, 68px); z-index: 890;
		flex-direction: column; align-items: stretch; gap: 0;
		padding: 12px 20px 60px; overflow-y: auto;
		background: var(--wp--preset--color--gece);
		border-top: 1px solid var(--btb-cizgi);
		opacity: 0; visibility: hidden; transform: translateY(-10px);
		transition: opacity .25s, transform .3s var(--btb-hiz), visibility .3s;
	}
	.btb-nav.menu-acik .btb-nav-liste { opacity: 1; visibility: visible; transform: none; }
	.btb-nav-oge { display: grid; grid-template-columns: 1fr auto; align-items: center; border-bottom: 1px solid var(--btb-cizgi); }
	.btb-nav-oge > a { padding: 16px 2px; font-size: 17px; }
	.btb-nav-oge > a::after { display: none; }
	.btb-nav-ok { padding: 16px 6px; }
	.btb-nav-panel {
		position: static; grid-column: 1 / -1;
		display: none; opacity: 1; visibility: visible; transform: none; pointer-events: auto;
	}
	.btb-nav-acilir.acik .btb-nav-panel { display: block; }
	.btb-panel { border: 0; box-shadow: none; padding: 0 0 18px; background: none; }
	.btb-panel-arac { width: auto; }
	.btb-arac-izgara { grid-template-columns: 1fr; }
	.btb-nav-panel .gy-mega {
		position: static; opacity: 1; visibility: visible; transform: none;
		width: auto; box-shadow: none; border: 0; padding: 0 0 14px; background: none;
		grid-template-columns: 1fr;
	}
}
@media (max-width: 560px) {
	.btb-header .wp-block-site-logo img { height: 40px; }
	.btb-header-sag { gap: 6px; }
}

/* Editörde menü bloğunun görünümü */
.btb-nav-editor-liste {
	display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0; padding: 0;
}
.btb-nav-editor-liste li {
	display: inline-flex; align-items: center; gap: 5px; margin: 0;
	padding: 8px 12px; border: 1px dashed var(--btb-cizgi); border-radius: 3px;
	font-size: 13px; color: var(--wp--preset--color--soluk);
}
.btb-nav-editor-liste li.tip-ugraklar, .btb-nav-editor-liste li.tip-araclar {
	border-style: solid; border-color: var(--wp--preset--color--altin);
	color: var(--wp--preset--color--altin);
}

/* Araç sayfasındaki sayı şeridi — normal şeritten biraz daha sıkı. */
.btb-arac-sayilar .wp-block-column { padding: 22px 16px; }
.btb-arac-sayilar p:first-child { font-size: clamp(28px, 3vw, 38px); }
@media (max-width: 1360px) {
	.btb-arac-sayilar .wp-block-column { padding: 16px 12px; }
	.btb-arac-sayilar p:last-child { font-size: 9.5px; letter-spacing: .16em; }
}

/* ====================================================================
   Ana sayfa hero — hareketli (video benzeri) deniz arka planı
   Marka paleti: lacivert / altın / deniz mavisi. Sürekli ama ölçülü
   hareket; okunabilirliği bozmaz. prefers-reduced-motion'da durur.
   ==================================================================== */
.btb-hero{position:relative;overflow:hidden;isolation:isolate}
.btb-hero>.wp-block-cover__background{
  background:
    radial-gradient(1000px 520px at 76% 22%, rgba(215,165,76,.20), transparent 60%),
    radial-gradient(1300px 780px at 16% 4%, rgba(110,151,171,.22), transparent 62%),
    linear-gradient(180deg,#08192a 0%,#071523 54%,#04090f 100%)!important;
  opacity:1!important}
.btb-hero::before{content:"";position:absolute;inset:-25% -15%;z-index:1;pointer-events:none;
  background:
    radial-gradient(640px 380px at 22% 32%, rgba(110,151,171,.22), transparent 62%),
    radial-gradient(580px 340px at 80% 20%, rgba(215,165,76,.20), transparent 60%),
    radial-gradient(420px 260px at 58% 66%, rgba(143,182,201,.12), transparent 66%);
  filter:blur(6px);animation:btb-aurora 32s ease-in-out infinite alternate}
.btb-hero::after{content:"";position:absolute;left:-8%;right:-8%;bottom:0;height:52%;z-index:1;
  pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271440%27%20height%3D%27240%27%20viewBox%3D%270%200%201440%20240%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0.0%20100.0%20L17.1%20103.6%20L34.3%20106.9%20L51.4%20110.0%20L68.6%20112.5%20L85.7%20114.4%20L102.9%20115.6%20L120.0%20116.0%20L137.1%20115.6%20L154.3%20114.4%20L171.4%20112.5%20L188.6%20110.0%20L205.7%20106.9%20L222.9%20103.6%20L240.0%20100.0%20L257.1%2096.4%20L274.3%2093.1%20L291.4%2090.0%20L308.6%2087.5%20L325.7%2085.6%20L342.9%2084.4%20L360.0%2084.0%20L377.1%2084.4%20L394.3%2085.6%20L411.4%2087.5%20L428.6%2090.0%20L445.7%2093.1%20L462.9%2096.4%20L480.0%20100.0%20L497.1%20103.6%20L514.3%20106.9%20L531.4%20110.0%20L548.6%20112.5%20L565.7%20114.4%20L582.9%20115.6%20L600.0%20116.0%20L617.1%20115.6%20L634.3%20114.4%20L651.4%20112.5%20L668.6%20110.0%20L685.7%20106.9%20L702.9%20103.6%20L720.0%20100.0%20L737.1%2096.4%20L754.3%2093.1%20L771.4%2090.0%20L788.6%2087.5%20L805.7%2085.6%20L822.9%2084.4%20L840.0%2084.0%20L857.1%2084.4%20L874.3%2085.6%20L891.4%2087.5%20L908.6%2090.0%20L925.7%2093.1%20L942.9%2096.4%20L960.0%20100.0%20L977.1%20103.6%20L994.3%20106.9%20L1011.4%20110.0%20L1028.6%20112.5%20L1045.7%20114.4%20L1062.9%20115.6%20L1080.0%20116.0%20L1097.1%20115.6%20L1114.3%20114.4%20L1131.4%20112.5%20L1148.6%20110.0%20L1165.7%20106.9%20L1182.9%20103.6%20L1200.0%20100.0%20L1217.1%2096.4%20L1234.3%2093.1%20L1251.4%2090.0%20L1268.6%2087.5%20L1285.7%2085.6%20L1302.9%2084.4%20L1320.0%2084.0%20L1337.1%2084.4%20L1354.3%2085.6%20L1371.4%2087.5%20L1388.6%2090.0%20L1405.7%2093.1%20L1422.9%2096.4%20L1440.0%20100.0%27%20fill%3D%27none%27%20stroke%3D%27%25238fb6c9%27%20stroke-opacity%3D%270.55%27%20stroke-width%3D%272.0%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271200%27%20height%3D%27240%27%20viewBox%3D%270%200%201200%20240%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0.0%20122.0%20L20.0%20125.7%20L40.0%20129.3%20L60.0%20132.6%20L80.0%20135.4%20L100.0%20137.6%20L120.0%20139.1%20L140.0%20139.9%20L160.0%20139.9%20L180.0%20139.1%20L200.0%20137.6%20L220.0%20135.4%20L240.0%20132.6%20L260.0%20129.3%20L280.0%20125.7%20L300.0%20122.0%20L320.0%20118.3%20L340.0%20114.7%20L360.0%20111.4%20L380.0%20108.6%20L400.0%20106.4%20L420.0%20104.9%20L440.0%20104.1%20L460.0%20104.1%20L480.0%20104.9%20L500.0%20106.4%20L520.0%20108.6%20L540.0%20111.4%20L560.0%20114.7%20L580.0%20118.3%20L600.0%20122.0%20L620.0%20125.7%20L640.0%20129.3%20L660.0%20132.6%20L680.0%20135.4%20L700.0%20137.6%20L720.0%20139.1%20L740.0%20139.9%20L760.0%20139.9%20L780.0%20139.1%20L800.0%20137.6%20L820.0%20135.4%20L840.0%20132.6%20L860.0%20129.3%20L880.0%20125.7%20L900.0%20122.0%20L920.0%20118.3%20L940.0%20114.7%20L960.0%20111.4%20L980.0%20108.6%20L1000.0%20106.4%20L1020.0%20104.9%20L1040.0%20104.1%20L1060.0%20104.1%20L1080.0%20104.9%20L1100.0%20106.4%20L1120.0%20108.6%20L1140.0%20111.4%20L1160.0%20114.7%20L1180.0%20118.3%20L1200.0%20122.0%27%20fill%3D%27none%27%20stroke%3D%27%2523d7a54c%27%20stroke-opacity%3D%270.5%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271000%27%20height%3D%27240%27%20viewBox%3D%270%200%201000%20240%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0.0%20134.0%20L8.9%20136.9%20L17.9%20139.6%20L26.8%20142.1%20L35.7%20144.2%20L44.6%20145.7%20L53.6%20146.7%20L62.5%20147.0%20L71.4%20146.7%20L80.4%20145.7%20L89.3%20144.2%20L98.2%20142.1%20L107.1%20139.6%20L116.1%20136.9%20L125.0%20134.0%20L133.9%20131.1%20L142.9%20128.4%20L151.8%20125.9%20L160.7%20123.8%20L169.6%20122.3%20L178.6%20121.3%20L187.5%20121.0%20L196.4%20121.3%20L205.4%20122.3%20L214.3%20123.8%20L223.2%20125.9%20L232.1%20128.4%20L241.1%20131.1%20L250.0%20134.0%20L258.9%20136.9%20L267.9%20139.6%20L276.8%20142.1%20L285.7%20144.2%20L294.6%20145.7%20L303.6%20146.7%20L312.5%20147.0%20L321.4%20146.7%20L330.4%20145.7%20L339.3%20144.2%20L348.2%20142.1%20L357.1%20139.6%20L366.1%20136.9%20L375.0%20134.0%20L383.9%20131.1%20L392.9%20128.4%20L401.8%20125.9%20L410.7%20123.8%20L419.6%20122.3%20L428.6%20121.3%20L437.5%20121.0%20L446.4%20121.3%20L455.4%20122.3%20L464.3%20123.8%20L473.2%20125.9%20L482.1%20128.4%20L491.1%20131.1%20L500.0%20134.0%20L508.9%20136.9%20L517.9%20139.6%20L526.8%20142.1%20L535.7%20144.2%20L544.6%20145.7%20L553.6%20146.7%20L562.5%20147.0%20L571.4%20146.7%20L580.4%20145.7%20L589.3%20144.2%20L598.2%20142.1%20L607.1%20139.6%20L616.1%20136.9%20L625.0%20134.0%20L633.9%20131.1%20L642.9%20128.4%20L651.8%20125.9%20L660.7%20123.8%20L669.6%20122.3%20L678.6%20121.3%20L687.5%20121.0%20L696.4%20121.3%20L705.4%20122.3%20L714.3%20123.8%20L723.2%20125.9%20L732.1%20128.4%20L741.1%20131.1%20L750.0%20134.0%20L758.9%20136.9%20L767.9%20139.6%20L776.8%20142.1%20L785.7%20144.2%20L794.6%20145.7%20L803.6%20146.7%20L812.5%20147.0%20L821.4%20146.7%20L830.4%20145.7%20L839.3%20144.2%20L848.2%20142.1%20L857.1%20139.6%20L866.1%20136.9%20L875.0%20134.0%20L883.9%20131.1%20L892.9%20128.4%20L901.8%20125.9%20L910.7%20123.8%20L919.6%20122.3%20L928.6%20121.3%20L937.5%20121.0%20L946.4%20121.3%20L955.4%20122.3%20L964.3%20123.8%20L973.2%20125.9%20L982.1%20128.4%20L991.1%20131.1%20L1000.0%20134.0%27%20fill%3D%27none%27%20stroke%3D%27%25236e97ab%27%20stroke-opacity%3D%270.55%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E"),radial-gradient(560px 120px at 32% 62%, rgba(233,196,115,.16), transparent 70%),linear-gradient(180deg, transparent 40%, rgba(4,9,15,.55) 100%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271440%27%20height%3D%27240%27%20viewBox%3D%270%200%201440%20240%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0.0%20126.0%20L24.0%20130.2%20L48.0%20134.1%20L72.0%20137.8%20L96.0%20140.9%20L120.0%20143.3%20L144.0%20145.0%20L168.0%20145.9%20L192.0%20145.9%20L216.0%20145.0%20L240.0%20143.3%20L264.0%20140.9%20L288.0%20137.8%20L312.0%20134.1%20L336.0%20130.2%20L360.0%20126.0%20L384.0%20121.8%20L408.0%20117.9%20L432.0%20114.2%20L456.0%20111.1%20L480.0%20108.7%20L504.0%20107.0%20L528.0%20106.1%20L552.0%20106.1%20L576.0%20107.0%20L600.0%20108.7%20L624.0%20111.1%20L648.0%20114.2%20L672.0%20117.9%20L696.0%20121.8%20L720.0%20126.0%20L744.0%20130.2%20L768.0%20134.1%20L792.0%20137.8%20L816.0%20140.9%20L840.0%20143.3%20L864.0%20145.0%20L888.0%20145.9%20L912.0%20145.9%20L936.0%20145.0%20L960.0%20143.3%20L984.0%20140.9%20L1008.0%20137.8%20L1032.0%20134.1%20L1056.0%20130.2%20L1080.0%20126.0%20L1104.0%20121.8%20L1128.0%20117.9%20L1152.0%20114.2%20L1176.0%20111.1%20L1200.0%20108.7%20L1224.0%20107.0%20L1248.0%20106.1%20L1272.0%20106.1%20L1296.0%20107.0%20L1320.0%20108.7%20L1344.0%20111.1%20L1368.0%20114.2%20L1392.0%20117.9%20L1416.0%20121.8%20L1440.0%20126.0%20L1440.0%20240%20L0%20240%20Z%27%20fill%3D%27%2523050d16%27%20fill-opacity%3D%270.92%27%2F%3E%3C%2Fsvg%3E");background-size:1440px 240px,1200px 240px,1000px 240px,900px 240px,100% 100%,1440px 240px;
  background-repeat:repeat-x,repeat-x,repeat-x,repeat-x,no-repeat,repeat-x;background-position:0 100%,0 100%,0 100%,0 100%,0 100%,0 100%;
  animation:btb-swell 24s linear infinite}
.btb-hero>.wp-block-cover__inner-container{position:relative;z-index:3}
@keyframes btb-aurora{
  0%{transform:translate3d(-3%,-2%,0) scale(1.05)}
  50%{transform:translate3d(2%,1%,0) scale(1.13)}
  100%{transform:translate3d(4%,-1%,0) scale(1.06)}}
@keyframes btb-swell{from{background-position:0 100%,0 100%,0 100%,0 100%,0 100%,0 100%}to{background-position:-1440px 100%,-1200px 100%,-1000px 100%,-900px 100%,0 100%,-1440px 100%}}
/* Hero arka planı, istek üzerine her koşulda yumuşak şekilde akar — "reduce
   motion" ayarı açık olsa bile durmaz; hareket yavaş ve ölçülü tutulmuştur. */

/* ====================================================================
   Video arka planlı hero — deniz/fener videosu. Video hareketin kendisi
   olduğundan CSS dalga animasyonu gizlenir; başlığın okunabilmesi için
   sola/alta ağırlıklı koyu gradyan eklenir.
   ==================================================================== */
.btb-hero--video .wp-block-cover__video-background {
	position: absolute; inset: 0; width: 100%; height: 100%;
	object-fit: cover; z-index: 0; pointer-events: none;
}
.btb-hero--video::before, .btb-hero--video::after { display: none !important; }
.btb-hero--video > .wp-block-cover__background {
	background:
		linear-gradient(90deg, rgba(4,10,18,.80) 0%, rgba(4,10,18,.52) 40%, rgba(4,10,18,.14) 100%),
		linear-gradient(0deg, rgba(4,10,18,.62), transparent 54%) !important;
	opacity: 1 !important; z-index: 1;
}
.btb-hero--video > .wp-block-cover__inner-container { position: relative; z-index: 3; }