/* 01 GECE — koyu zemin, tek vurgu rengi, tam ekran slider. */
body.f-gece { --r: 6px; --r-img: 6px; }
.f-gece .spx3-top { border-bottom: 1px solid var(--line); }
.f-gece .spx3-brand { font-size: 30px; font-weight: 800; }
.f-gece .spx3-nav .wp-block-navigation-item__content { color: color-mix(in srgb, var(--ink) 86%, transparent); }
.f-gece .spx3-nav .current-menu-item > .wp-block-navigation-item__content { color: var(--acc); }
.f-gece .spx3-sub { border-top: 0; background: color-mix(in srgb, var(--card) 60%, var(--bg)); }
.f-gece .spx3-ticker a { color: color-mix(in srgb, var(--ink) 80%, transparent); }
.f-gece .spx3-ticker a:hover { color: var(--ink); }

/* kategori rozeti: çerçeveli */
.f-gece .spx3-kick a { display: inline-block; border: 1px solid var(--acc); color: var(--acc); padding: 3px 7px 2px; border-radius: 3px; font-size: 10.5px; }

/* slider */
.f-gece .spx3-slider { background: var(--acc2); border-bottom: 1px solid var(--line); }
.f-gece .spx3-slides > li { min-height: 600px; color: #fff; }
.f-gece .spx3-slides .spx3-bg { background: linear-gradient(120deg, var(--acc2), color-mix(in srgb, var(--acc) 30%, var(--acc2))); }
.f-gece .spx3-slides > li::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: linear-gradient(90deg, color-mix(in srgb, var(--bg) 92%, transparent) 0%, color-mix(in srgb, var(--bg) 55%, transparent) 42%, transparent 72%),
		linear-gradient(0deg, color-mix(in srgb, var(--bg) 70%, transparent), transparent 40%); }
.f-gece .spx3-slmeta .spx3-meta { color: rgba(255, 255, 255, .78); }
.f-gece .spx3-slt { color: #fff; }
.f-gece .spx3-slex { color: rgba(255, 255, 255, .82); }
.f-gece .spx3-ctrl { color: #fff; }
.f-gece .spx3-ctrl button { color: #fff; }
.f-gece .spx3-ctrl button:hover { background: rgba(255, 255, 255, .12); }

/* kartlar */
.f-gece .spx3-row { padding-top: 40px; }
.f-gece .spx3-row .spx3-ct { font-size: 22px; }
.f-gece .spx3-latest { border-top: 1px solid var(--line); margin-top: 56px; padding-top: 48px; }
.f-gece .spx3-cols { gap: 0; }
.f-gece .spx3-main { padding-right: 48px; border-right: 1px solid var(--line); }
.f-gece .spx3-side { padding-left: 40px; }
.f-gece .spx3-h2 { font-size: 34px; }
.f-gece .spx3-list .spx3-ct { font-size: 21px; }
.f-gece .spx3-more { color: var(--acc); }
.f-gece .spx3-num.wp-block-post-template > li::before { font-size: 30px; }
.f-gece .spx3-chips a { border-radius: 4px; padding: 9px 14px; }

/* bülten bandı: gezegen ışıltısı */
.f-gece .spx3-nlband { position: relative; overflow: hidden; border-block: 1px solid var(--line);
	background: radial-gradient(120% 140% at 88% 120%, color-mix(in srgb, var(--acc) 38%, transparent) 0%, transparent 42%), var(--acc2); }
.f-gece .spx3-nlband::before { content: ""; position: absolute; right: -22%; bottom: -230%; width: 62%; aspect-ratio: 1; border-radius: 50%;
	border-top: 2px solid color-mix(in srgb, var(--acc) 70%, #fff); box-shadow: 0 -20px 80px color-mix(in srgb, var(--acc) 45%, transparent); pointer-events: none; }
.f-gece .spx3-nlband-in { position: relative; }
.f-gece .spx3-nl { background: rgba(0, 0, 0, .25); }
.f-gece .spx3-follow-text::before { content: "Bülten"; display: block; margin-bottom: 10px; font: 700 11px/1 var(--fm); letter-spacing: .16em; text-transform: uppercase; color: var(--acc); }

/* alt bilgi */
.f-gece .spx3-footer { background: var(--bg); }

/* yazı sayfası (koyu) */
.spx3-single--dark .spx3-crumbs a { color: var(--acc); }
.spx3-single--dark .spx3-title { max-width: 18ch; }
.spx3-single--dark .spx3-artfig { max-width: none; padding: 0; margin-top: 8px; }
.spx3-single--dark .spx3-artimg { border-radius: 0; }
.spx3-single--dark .spx3-artimg img { max-height: 560px; }
.spx3-single--dark .spx3-cap { max-width: 1280px; margin: 10px auto 0; padding-inline: var(--pad); box-sizing: border-box; }
.spx3-single--dark .spx3-aside .sp-toc, .spx3-single--dark .spx3-nlbox { border: 1px solid var(--line); border-radius: var(--r); padding: 20px; background: var(--card); }
.spx3-single--dark .spx3-prose blockquote { background: transparent; }
.spx3-single--dark .spx3-tags a { border-color: var(--acc); color: var(--acc); border-radius: 3px; }
.spx3-single--dark .spx3-publisher { border: 1px solid var(--line); border-radius: var(--r); padding: 20px; background: var(--card); }
.f-gece .spx3-nlband .spx3-nl { background: var(--bg); }
.f-gece .spx3-archband { background: var(--card); }