/* Tema 3.3.4 başlık düzeni: marka boyutları, simetrik işaret, masaüstü taşma ve mobil menü düzeltmeleri.
   Tasarım CSS'lerinden sonra yüklenir. */

/* ---------- işaret: marka yazısının büyük harf yüksekliği kadar (yazıyla simetrik) */
.spx3-brand--mark { display: inline-flex; align-items: center; }
.spx3-brand--mark .spx3-brand-mark { width: .78em; height: .78em; min-width: 22px; min-height: 22px; max-width: 40px; max-height: 40px; margin-right: .28em; border-radius: 0; }
.spx3-footer .spx3-brand--mark .spx3-brand-mark { max-width: 28px; max-height: 28px; }

/* ---------- Manşet: marka küçük ve tek satır; slogan ile tarih yan yana, çakışmasız */
.f-manset .spx3-bar { min-height: 96px; gap: 24px; }
.f-manset .spx3-mast { min-width: 0; flex: 1 1 auto; gap: 16px; }
.f-manset .spx3-top .spx3-brand { font-size: 56px; white-space: nowrap; }
.f-manset .spx3-top .spx3-brand--l { font-size: 48px; }
.f-manset .spx3-top .spx3-brand--xl { font-size: 40px; }
.f-manset .spx3-tag { flex: 0 0 130px; max-width: 130px; font-size: 10.5px; line-height: 1.35; }
.f-manset .spx3-act { flex: none; }
.f-manset .spx3-today { flex: none; width: 84px; max-width: 84px; }
.f-manset .spx3-search input { width: 120px; }
@media (max-width: 1180px) { .f-manset .spx3-tag { display: none; } }
@media (max-width: 960px) { .f-manset .spx3-today { display: none; } }

/* ---------- Dergi: ortalanmış marka biraz küçük */
.f-dergi .spx3-top .spx3-brand { font-size: 50px; }
.f-dergi .spx3-top .spx3-brand--l { font-size: 44px; }
.f-dergi .spx3-top .spx3-brand--xl { font-size: 38px; }

/* ---------- Odak: marka küçük; slogan dar ekranda gizli; "Keşfet" taşmaz */
.f-odak .spx3-top .spx3-brand { font-size: 34px; }
.f-odak .spx3-top .spx3-brand--l, .f-odak .spx3-top .spx3-brand--xl { font-size: 30px; }
.f-odak .spx3-bar { gap: 28px; }
.f-odak .spx3-act { gap: 18px; min-width: 0; }
.f-odak .spx3-nav .wp-block-navigation__container { gap: 20px; }
.f-odak .spx3-explore { white-space: nowrap; }
@media (max-width: 1320px) { .f-odak .spx3-bar .spx3-tag { display: none; } .f-odak .spx3-bar { grid-template-columns: auto 1fr; } .f-odak .spx3-act { justify-self: end; } }

/* ---------- genel: menü tek satır, taşarsa kırpılır; başlık öğeleri küçülmez */
.spx3-act > * { flex-shrink: 0; }
.spx3-nav { min-width: 0; }

/* ================================================================ telefon */
@media (max-width: 781px) {
	/* ortak: marka satırda sığar, menü/arama düğmeleri sağda */
	.spx3-top .spx3-brand, .spx3-top .spx3-brand--l, .spx3-top .spx3-brand--xl { font-size: clamp(20px, 6.6vw, 28px) !important; }
	.spx3-brand--mark .spx3-brand-mark { min-width: 20px; min-height: 20px; }
	.spx3-bar { min-height: 64px !important; }

	/* Manşet: siyah şeritte menü düğmesi görünür (beyaz), marka tek satır */
	.f-manset .spx3-navrow .wp-block-navigation__responsive-container-open { color: #fff; padding: 12px 0; }
	.f-manset .spx3-navrow .wp-block-navigation__responsive-container-open svg { width: 28px; height: 28px; }
	.f-manset .spx3-bar { gap: 12px; }
	.f-manset .spx3-act .spx3-explore { display: none; }

	/* Dergi: menü düğmesi marka satırının sağında; taşan arama kutusu gizli */
	.f-dergi .spx3-header { position: relative; }
	.f-dergi .spx3-act { display: none !important; }
	.f-dergi .spx3-bar { grid-template-columns: 1fr !important; padding-right: 56px; }
	.f-dergi .spx3-navrow { position: absolute; top: 0; right: var(--pad); height: 64px; display: flex; align-items: center; }
	.f-dergi .spx3-navrow .spx-wrap { border: 0 !important; width: auto !important; padding: 0; max-width: none; }
	.f-dergi .spx3-top { border-bottom: 1px solid var(--ink); }

	/* Odak: marka + düğmeler tek satırda */
	.f-odak .spx3-act { gap: 12px; }
	.f-odak .spx3-act .spx3-explore { display: none; }
}

/* ================================================================ 3.3.5 */
/* masaüstü: Manşet ve Dergi markası daha ölçülü */
.f-manset .spx3-top .spx3-brand { font-size: 46px; }
.f-manset .spx3-top .spx3-brand--l { font-size: 40px; }
.f-manset .spx3-top .spx3-brand--xl { font-size: 34px; }
.f-manset .spx3-bar { min-height: 88px; }
.f-dergi .spx3-top .spx3-brand { font-size: 44px; }
.f-dergi .spx3-top .spx3-brand--l { font-size: 40px; }
.f-dergi .spx3-top .spx3-brand--xl { font-size: 34px; }

/* Dergi/Manşet: iki sütun (son yazılar + kenar) dar ekranda tek sütuna iner */
@media (max-width: 1080px) {
	.f-dergi .spx3-cols, .f-manset .spx3-cols { grid-template-columns: minmax(0, 1fr); gap: 44px; }
	.f-dergi .spx3-main, .f-manset .spx3-main { padding-right: 0; border-right: 0; }
	.f-dergi .spx3-side, .f-manset .spx3-side { padding-left: 0; }
}

/* mobil menü katmanı: tasarımın zemin/yazı rengi, okunur boyut */
.wp-block-navigation__responsive-container.is-menu-open { background: var(--bg) !important; color: var(--ink) !important; padding: 20px var(--pad, 20px) 32px !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { color: var(--ink); top: 18px; right: var(--pad, 20px); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg { width: 28px; height: 28px; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 56px !important; align-items: stretch !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 0 !important; width: 100%; align-items: stretch !important; max-height: none !important; overflow: visible !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; border-bottom: 1px solid var(--line); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.f-manset .spx3-navrow .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color: var(--ink) !important; font: 600 20px/1.2 var(--fb) !important; padding: 16px 0 !important; box-shadow: none !important; width: 100%; }
.wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content { color: var(--acc) !important; }

@media (max-width: 781px) {
	/* Gece / Spektrum: marka solda; arama + menü düğmesi sağda, menü en sonda */
	.f-gece .spx3-bar, .f-spektrum .spx3-bar { gap: 8px; }
	.f-gece .spx3-bar > .spx3-brand, .f-spektrum .spx3-bar > .spx3-brand { margin-right: auto; min-width: 0; }
	.f-gece .spx3-bar > .spx3-nav, .f-spektrum .spx3-bar > .spx3-nav { order: 3; flex: none; }
	.f-gece .spx3-act, .f-spektrum .spx3-act { margin-left: 0; gap: 4px; }
	/* Odak: act içinde menü düğmesi aramadan sonra */
	.f-odak .spx3-act { gap: 4px; }
	.f-odak .spx3-act > .spx3-nav { order: 3; }
	/* düğme boyutları eş: 40px dokunma alanı */
	.spx3-top .wp-block-navigation__responsive-container-open { width: 40px; height: 40px; display: inline-grid; place-items: center; padding: 0; }
	.spx3-top .wp-block-navigation__responsive-container-open svg { width: 26px; height: 26px; }

	/* Manşet: menü düğmesi marka satırında (siyah şerit yerine kalın siyah alt çizgi) */
	.f-manset .spx3-header { position: relative; }
	.f-manset .spx3-top { border-bottom: 4px solid var(--black, #000); }
	.f-manset .spx3-bar { padding-right: 52px; min-height: 64px !important; }
	.f-manset .spx3-top .spx3-brand, .f-manset .spx3-top .spx3-brand--l, .f-manset .spx3-top .spx3-brand--xl { font-size: clamp(18px, 6vw, 24px) !important; }
	.f-manset .spx3-navrow { position: absolute; top: 0; right: var(--pad); height: 64px; display: flex; align-items: center; background: transparent; }
	.f-manset .spx3-navrow .spx-wrap { width: auto; padding: 0; max-width: none; }
	.f-manset .spx3-navrow .wp-block-navigation__responsive-container-open { color: var(--ink); width: 40px; height: 40px; display: inline-grid; place-items: center; padding: 0; }
	.f-manset .spx3-navrow .wp-block-navigation__responsive-container-open svg { width: 26px; height: 26px; }
}

/* ================================================================ alt bilgi bağlantıları (connector)
   Connector nav'ı footer template part'ının sonuna, .spx3-footer'dan SONRA basar.
   Sade: .sitepilot-footer-links (tek satır bağlantılar). Ağ: + --network (logo + ad + slogan kartları). */
footer > .spx3-footer ~ .sitepilot-footer-links, .spx3-footer .sitepilot-footer-links {
	--fl-pad: max(var(--pad, 20px), calc((100% - 1280px) / 2 + var(--pad, 20px)));
	box-sizing: border-box; width: 100%; max-width: none; margin: 0; padding: 0 var(--fl-pad) 28px;
	display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 18px;
	font: 400 12.5px/1.5 var(--fb); color: var(--mute);
}
footer > .spx3-footer ~ .sitepilot-footer-links::before { content: "Bağlantılar"; flex: none; font: 700 10.5px/1.5 var(--fm); letter-spacing: .16em; text-transform: uppercase; color: var(--mute); }
footer > .spx3-footer ~ .sitepilot-footer-links:has(.sitepilot-footer-links__t)::before { content: none; }
.sitepilot-footer-links .sitepilot-footer-links__t { margin: 0; flex: none; font: 700 10.5px/1.5 var(--fm); letter-spacing: .16em; text-transform: uppercase; color: var(--mute); }
footer > .spx3-footer ~ .sitepilot-footer-links ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; min-width: 0; }
footer > .spx3-footer ~ .sitepilot-footer-links a { color: var(--mute); text-decoration: none; overflow-wrap: anywhere; transition: color .15s, border-color .15s, background-color .15s; }
footer > .spx3-footer ~ .sitepilot-footer-links a:hover { color: var(--acc); }

/* ağ bandı: başlık + kart ızgarası */
footer > .spx3-footer ~ .sitepilot-footer-links--network { display: block; padding-top: 0; padding-bottom: 36px; }
footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__t { display: block; margin: 0 0 14px; color: var(--ink); }
footer > .spx3-footer ~ .sitepilot-footer-links--network ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
footer > .spx3-footer ~ .sitepilot-footer-links--network li { min-width: 0; display: flex; }
footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__a {
	flex: 1; min-width: 0; display: grid; grid-template-columns: 32px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 12px; row-gap: 2px; align-items: center; align-content: center;
	padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--r, 10px); background: var(--card); color: var(--ink); min-height: 64px; box-sizing: border-box;
}
footer .sitepilot-footer-links--network .sitepilot-footer-links__logo { grid-row: 1 / span 2; width: 32px; height: 32px; object-fit: contain; border-radius: 6px; display: block; }
footer .sitepilot-footer-links--network .sitepilot-footer-links__name { grid-column: 2; font: 700 15.5px/1.2 var(--fd); letter-spacing: -.01em; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .15s; }
footer .sitepilot-footer-links--network .sitepilot-footer-links__desc { grid-column: 2; opacity: 1; font: 400 12.5px/1.35 var(--fb); color: var(--mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
footer .sitepilot-footer-links--network .sitepilot-footer-links__a:not(:has(.sitepilot-footer-links__logo)) > span { grid-column: 1 / -1; }
footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__a:hover { border-color: var(--acc); }
footer .sitepilot-footer-links--network .sitepilot-footer-links__a:hover .sitepilot-footer-links__name { color: var(--acc); }

/* tasarıma göre */
/* Spektrum: hafif vurgulu (mor/aksan) yumuşak kart */
.f-spektrum footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__a { background: color-mix(in srgb, var(--acc) 6%, var(--card)); border-color: color-mix(in srgb, var(--acc) 16%, var(--line)); border-radius: 14px; }
/* Modüller: yuvarlak kart */
.f-moduller footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__a { border-radius: 16px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.f-moduller footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__logo { border-radius: 8px; }
/* Dergi / Odak: serif, ince çizgiler, zemin yok */
.f-dergi footer > .spx3-footer ~ .sitepilot-footer-links--network ul,
.f-odak footer > .spx3-footer ~ .sitepilot-footer-links--network ul { gap: 0; border-top: 1px solid var(--ink); }
.f-dergi footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__a,
.f-odak footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__a { background: none; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 16px 18px 16px 0; }
.f-dergi footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__name,
.f-odak footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__name { font-weight: 600; font-size: 17px; }
.f-dergi footer .sitepilot-footer-links--network .sitepilot-footer-links__logo, .f-odak footer .sitepilot-footer-links--network .sitepilot-footer-links__logo { border-radius: 0; }
/* Gece: koyu yüzey */
.f-gece footer > .spx3-footer ~ .sitepilot-footer-links { background: var(--bg); }
.f-gece footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__a { background: color-mix(in srgb, var(--card) 70%, var(--bg)); }
.f-gece footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__a:hover { box-shadow: 0 0 0 1px var(--acc), 0 8px 30px color-mix(in srgb, var(--acc) 18%, transparent); }
/* Manşet: siyah alt bilgi üstünde beyaz; kartlar dikey çizgilerle ayrılır */
.f-manset footer > .spx3-footer ~ .sitepilot-footer-links { background: var(--black, #0a0a0a); color: rgba(255, 255, 255, .7); }
.f-manset footer > .spx3-footer ~ .sitepilot-footer-links::before, .f-manset .sitepilot-footer-links a, .f-manset .sitepilot-footer-links .sitepilot-footer-links__t { color: rgba(255, 255, 255, .7); }
.f-manset footer > .spx3-footer ~ .sitepilot-footer-links a:hover { color: var(--acc); }
.f-manset footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__t { color: var(--acc); }
.f-manset footer > .spx3-footer ~ .sitepilot-footer-links--network ul { gap: 0; border-top: 2px solid #fff; }
.f-manset footer > .spx3-footer ~ .sitepilot-footer-links--network li + li .sitepilot-footer-links__a { border-left: 1px solid rgba(255, 255, 255, .15); }
.f-manset footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__a { background: none; border: 0; border-radius: 0; padding: 16px 18px; }
.f-manset footer > .spx3-footer ~ .sitepilot-footer-links--network li:first-child .sitepilot-footer-links__a { padding-left: 0; }
.f-manset footer .sitepilot-footer-links--network .sitepilot-footer-links__name { color: #fff; font-weight: 900; font-stretch: 110%; }
.f-manset footer .sitepilot-footer-links--network .sitepilot-footer-links__desc { color: rgba(255, 255, 255, .6); }
.f-manset footer .sitepilot-footer-links--network .sitepilot-footer-links__logo { border-radius: 0; }

@media (max-width: 781px) {
	footer > .spx3-footer ~ .sitepilot-footer-links { flex-direction: column; align-items: flex-start; gap: 8px; padding-bottom: 24px; }
	footer > .spx3-footer ~ .sitepilot-footer-links--network ul { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.f-dergi footer > .spx3-footer ~ .sitepilot-footer-links--network ul, .f-odak footer > .spx3-footer ~ .sitepilot-footer-links--network ul, .f-manset footer > .spx3-footer ~ .sitepilot-footer-links--network ul { gap: 0; }
	.f-manset footer > .spx3-footer ~ .sitepilot-footer-links--network li + li .sitepilot-footer-links__a { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .15); }
	.f-manset footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__a { padding-left: 0; }
}

/* ---------- sponsor şeridi (--featured): ortalı başlık + logo dizisi.
   spx.js onu .spx3-footer .spx-wrap içinde .spx3-fbot'un önüne taşır; JS yoksa footer altında kalır. */
footer .sitepilot-footer-links.sitepilot-footer-links--featured {
	display: block; box-sizing: border-box; width: 100%; max-width: none; margin: 0;
	padding: 30px 0 32px; border-top: 1px solid var(--line); text-align: center; background: none;
}
footer > .spx3-footer ~ .sitepilot-footer-links.sitepilot-footer-links--featured { padding: 30px var(--fl-pad) 32px; }
.f-gece footer > .spx3-footer ~ .sitepilot-footer-links.sitepilot-footer-links--featured { background: var(--bg); }
.f-manset footer > .spx3-footer ~ .sitepilot-footer-links.sitepilot-footer-links--featured { background: var(--black, #0a0a0a); }
.f-manset footer .sitepilot-footer-links.sitepilot-footer-links--featured { border-top-color: rgba(255, 255, 255, .15); }
footer .sitepilot-footer-links--featured .sitepilot-footer-links__t { display: block; margin: 0 0 20px; font: 700 10.5px/1.4 var(--fm); letter-spacing: .22em; text-transform: uppercase; color: var(--mute); }
.f-manset footer .sitepilot-footer-links--featured .sitepilot-footer-links__t { color: rgba(255, 255, 255, .6); }
footer .sitepilot-footer-links.sitepilot-footer-links--featured ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px 56px; }
footer .sitepilot-footer-links--featured li { display: flex; margin: 0; }
footer .sitepilot-footer-links.sitepilot-footer-links--featured .sitepilot-footer-links__a {
	display: inline-flex; align-items: center; justify-content: center; gap: 0; padding: 4px; border: 0; background: none;
	opacity: .8; filter: saturate(.85); transition: opacity .18s, filter .18s, transform .18s;
}
footer .sitepilot-footer-links.sitepilot-footer-links--featured .sitepilot-footer-links__a:hover,
footer .sitepilot-footer-links.sitepilot-footer-links--featured .sitepilot-footer-links__a:focus-visible { opacity: 1; filter: none; transform: translateY(-1px); }
footer .sitepilot-footer-links.sitepilot-footer-links--featured .sitepilot-footer-links__a:focus-visible { outline: 2px solid var(--acc); outline-offset: 4px; }
footer .sitepilot-footer-links--featured .sitepilot-footer-links__logo { display: block; width: auto; height: 44px; max-width: 160px; object-fit: contain; border-radius: 0; flex: none; }
/* isim/açıklama görsel olarak gizli, ekran okuyucuda kalır */
footer .sitepilot-footer-links--featured .sitepilot-footer-links__name, footer .sitepilot-footer-links--featured .sitepilot-footer-links__desc {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
/* logosu olmayan kart: adı görünür kalsın */
footer .sitepilot-footer-links--featured .sitepilot-footer-links__a:not(:has(img)) .sitepilot-footer-links__name { position: static !important; width: auto; height: auto; margin: 0; clip: auto; overflow: visible; font: 700 16px/1.2 var(--fd); color: var(--ink); }
/* koyu alt bilgi (Manşet, Gece): logolar açık çipte */
.f-manset footer .sitepilot-footer-links.sitepilot-footer-links--featured .sitepilot-footer-links__a,
.f-gece footer .sitepilot-footer-links.sitepilot-footer-links--featured .sitepilot-footer-links__a { background: rgba(255, 255, 255, .94); padding: 10px 16px; border-radius: 10px; opacity: .88; }
.f-manset footer .sitepilot-footer-links.sitepilot-footer-links--featured .sitepilot-footer-links__a { border-radius: 0; }
.f-manset footer .sitepilot-footer-links--featured .sitepilot-footer-links__a:not(:has(img)) .sitepilot-footer-links__name,
.f-gece footer .sitepilot-footer-links--featured .sitepilot-footer-links__a:not(:has(img)) .sitepilot-footer-links__name { color: #111; }
@media (max-width: 781px) {
	footer .sitepilot-footer-links.sitepilot-footer-links--featured { padding: 24px 0 26px; }
	footer > .spx3-footer ~ .sitepilot-footer-links.sitepilot-footer-links--featured { padding: 24px var(--pad, 20px) 26px; flex-direction: initial; }
	footer .sitepilot-footer-links.sitepilot-footer-links--featured ul { gap: 16px 32px; }
	footer .sitepilot-footer-links--featured .sitepilot-footer-links__logo { height: 36px; max-width: 132px; }
}

/* ---------- ağ kartları sade: yalnız logo + marka adı, tek satır, kompakt */
footer .sitepilot-footer-links--network .sitepilot-footer-links__desc { display: none !important; }
footer > .spx3-footer ~ .sitepilot-footer-links--network ul { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
footer > .spx3-footer ~ .sitepilot-footer-links--network .sitepilot-footer-links__a { grid-template-rows: auto; min-height: 56px; padding: 11px 14px; }
footer .sitepilot-footer-links--network .sitepilot-footer-links__logo { grid-row: 1; }
footer .sitepilot-footer-links--network .sitepilot-footer-links__name { align-self: center; }
@media (max-width: 781px) { footer > .spx3-footer ~ .sitepilot-footer-links--network ul { grid-template-columns: minmax(0, 1fr); gap: 8px; } }