/* 07 Forum — açık tema: beyaz başlık + ince çizgi, açık gri zemin, beyaz kart satırları, turuncu vurgu (manifest
   birincil rengi). Portal ana sayfası (spf-*) + klasik forum arayüzü (wpForo 2026 teması, "Simplified" düzen).
   Değişkenler: --bg --card --ink --mute --acc --on-acc --line --fd --fb --fm (style.css / manifest). */

body.f-forum {
	--r: 8px; --r-img: 8px;
	--bg2: #f3f4f6;
	--line2: #e5e7eb;
	--soft: color-mix(in srgb, var(--acc) 8%, #fff);
	--soft2: color-mix(in srgb, var(--acc) 4%, #fff);
	background: var(--bg2);
	color: var(--ink);
}
.f-forum .spx-wrap { max-width: 1280px; }
.f-forum a { text-underline-offset: 3px; }

/* ================================================================ başlık (beyaz) + gezinme çubuğu (açık) */
.f-forum .spf-header { background: #fff; border-bottom: 1px solid var(--line2); position: relative; z-index: 30; }
.spf-topbar { display: flex; align-items: center; gap: 24px; min-height: 68px; }
.f-forum .spf-header .spx3-brand { font-size: 25px; font-weight: 800; color: var(--ink); letter-spacing: -.02em; flex: none; }
.f-forum .spf-header .spx3-brand i { color: var(--acc); }
.spf-search-form { flex: 1; max-width: 520px; margin-left: 12px; display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid var(--line2); border-radius: 999px; background: var(--bg2); color: var(--mute); }
.spf-search-form:focus-within { border-color: var(--acc); background: #fff; box-shadow: 0 0 0 3px color-mix(in srgb, var(--acc) 18%, transparent); }
.spf-search-form input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: 400 14.5px/1 var(--fb); color: var(--ink); }
.spf-auth { margin-left: auto; display: flex; align-items: center; gap: 14px; flex: none; }
.spf-link { font: 600 14px/1 var(--fb); color: var(--ink); }
.spf-link:hover { color: var(--acc); }
.spf-me { display: inline-flex; align-items: center; gap: 8px; font: 600 14px/1 var(--fb); color: var(--ink); }
.spf-me .spf-av { border-radius: 50%; }
.spf-navrow { background: var(--soft2); border-top: 1px solid var(--line2); }
.spf-navbar { display: flex; align-items: center; gap: 16px; min-height: 46px; }
.f-forum .spf-nav { flex: 1; min-width: 0; }
.f-forum .spf-nav .wp-block-navigation__container { gap: 2px; }
.f-forum .spf-nav .wp-block-navigation-item__content { color: var(--ink); font: 600 14.5px/1 var(--fb); padding: 15px 14px 13px; border-bottom: 2px solid transparent; }
.f-forum .spf-nav .wp-block-navigation-item__content:hover { color: var(--acc); }
.f-forum .spf-nav .current-menu-item > .wp-block-navigation-item__content { color: var(--acc); border-bottom-color: var(--acc); box-shadow: none; }
.f-forum .spf-header .wp-block-navigation__responsive-container.is-menu-open { background: #fff !important; color: var(--ink) !important; }
.f-forum .spf-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 19px; padding: 12px 0; }
.f-forum .spf-ask { display: inline-flex; align-items: center; gap: 7px; background: var(--acc); color: var(--on-acc) !important; font: 700 13.5px/1 var(--fb); padding: 9px 14px; border-radius: 7px; white-space: nowrap; flex: none; }
.f-forum .spf-ask:hover { filter: brightness(1.05); }

/* ================================================================ düğmeler */
.spf-btn { display: inline-flex; align-items: center; gap: 8px; font: 700 14.5px/1 var(--fb); padding: 12px 18px; border-radius: 8px; white-space: nowrap; transition: filter .15s, border-color .15s, color .15s; }
.spf-btn--sm { padding: 9px 14px; font-size: 13.5px; }
.spf-btn--acc { background: var(--acc); color: var(--on-acc) !important; }
.spf-btn--acc:hover { filter: brightness(1.06); }
.spf-btn--line, .spf-btn--ghost { border: 1px solid var(--line2); background: #fff; color: var(--ink); }
.spf-btn--line:hover, .spf-btn--ghost:hover { border-color: var(--acc); color: var(--acc); }

/* ================================================================ bölümler (ana sayfa) */
.f-forum .spx3-sec { padding-top: 40px; }
.f-forum .spx3-sec.spf-catsec:has(.spf-cat), .f-forum .spx3-sec.spf-joinsec, .f-forum .spx3-sec.spf-listsec, .f-forum .spx3-sec.spf-asksec, .f-forum .spx3-sec.spf-portalsec:has(.spf-pc) { display: block; }
.spf-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.spf-head .spx3-h2 { font-size: 21px; margin: 0; letter-spacing: -.01em; }
.f-forum .spf-head .spx3-more { color: var(--acc); font-weight: 700; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; }
.spf-sub { margin: 4px 0 0; color: var(--mute); font-size: 14.5px; }

/* portal: manşet + kategori satırları */
.spf-manset { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 16px; }
.spf-pc { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line2); border-radius: 10px; overflow: hidden; }
.spf-pc-img { display: block; aspect-ratio: 16 / 9; background: linear-gradient(135deg, var(--soft), #fff); overflow: hidden; }
.spf-pc-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.spf-pc-img--none { display: grid; place-items: center; color: var(--acc); }
.spf-pc-img--none .spf-i { width: 44px; height: 44px; opacity: .7; }
.spf-pc-b { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; }
.spf-kick { font: 700 11px/1 var(--fm); letter-spacing: .08em; text-transform: uppercase; color: var(--acc); }
.spf-pc-t { font: 700 17px/1.3 var(--fd); margin: 0; }
.spf-pc-t a { color: var(--ink); }
.spf-pc-t a:hover { color: var(--acc); }
.spf-pc-ex { margin: 0; color: var(--mute); font-size: 14px; line-height: 1.5; }
.spf-pc-m { margin: 0; color: var(--mute); font-size: 12.5px; }
.spf-pc--lead .spf-pc-t { font-size: 27px; line-height: 1.15; letter-spacing: -.02em; }
.spf-pc--lead .spf-pc-b { padding: 18px 20px 20px; }
.spf-manset-side { display: flex; flex-direction: column; gap: 12px; }
.spf-pc--row { flex-direction: row; }
.spf-pc--row .spf-pc-img { flex: 0 0 38%; aspect-ratio: auto; min-height: 104px; }
.spf-pc--row .spf-pc-t { font-size: 15.5px; }
.spf-catrow { margin-top: 32px; }
.spf-grid4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.spf-askband { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 26px; border-radius: 12px; background: var(--soft); border: 1px solid color-mix(in srgb, var(--acc) 25%, var(--line2)); }
.spf-askband h2 { font: 800 21px/1.2 var(--fd); margin: 0; }
.spf-askband p { margin: 6px 0 0; color: var(--mute); }
.spf-askband-act { display: flex; gap: 10px; flex-wrap: wrap; flex: none; }

/* forum kategorileri ızgarası (ana sayfa) */
.spf-cats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.spf-cat { --c: var(--acc); position: relative; display: flex; gap: 14px; padding: 16px; background: #fff; border: 1px solid var(--line2); border-radius: 10px; }
.spf-cat:hover { border-color: color-mix(in srgb, var(--c) 50%, var(--line2)); }
.spf-cat-ic { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: color-mix(in srgb, var(--c) 12%, #fff); color: var(--c); }
.spf-cat-ic .spf-i { width: 24px; height: 24px; }
.spf-cat-b { min-width: 0; }
.spf-cat-t { font: 700 16px/1.25 var(--fd); margin: 0; }
.spf-cat-t a { color: var(--ink); }
.spf-cat-t a::after { content: ""; position: absolute; inset: 0; }
.spf-cat-d { margin: 4px 0 0; color: var(--mute); font-size: 13.5px; line-height: 1.45; }
.spf-cat-m { margin: 8px 0 0; font: 600 12px/1 var(--fm); color: var(--mute); }
.spf-cat-last { display: none; }

/* konu listeleri */
.spf-cols { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.spf-topics { list-style: none; margin: 0; padding: 0; background: #fff; border: 1px solid var(--line2); border-radius: 10px; overflow: hidden; }
.spf-topic { display: flex; align-items: center; gap: 14px; padding: 12px 16px; min-height: 64px; }
.spf-topic + .spf-topic { border-top: 1px solid var(--line2); }
.spf-topic:hover { background: var(--soft2); }
.spf-topic-b { flex: 1; min-width: 0; }
.spf-topic-f { font: 700 10.5px/1 var(--fm); letter-spacing: .08em; text-transform: uppercase; color: var(--acc); }
.spf-topic-t { font: 600 15.5px/1.3 var(--fb); margin: 4px 0 0; }
.spf-topic-t a { color: var(--ink); }
.spf-topic-t a:hover { color: var(--acc); }
.spf-topic-m { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin: 4px 0 0; font-size: 12.5px; color: var(--mute); }
.spf-topic-m > span + span:not(.spf-team)::before { content: "·"; margin-right: 8px; }
.spf-team { display: inline-flex; align-items: center; padding: 2px 6px; border-radius: 4px; background: var(--acc); color: var(--on-acc); font: 700 10px/1.2 var(--fm); letter-spacing: .04em; text-transform: uppercase; }
.spf-rep { flex: none; display: grid; justify-items: center; min-width: 52px; padding: 6px; border-radius: 8px; background: var(--bg2); color: var(--ink); }
.spf-rep b { font: 700 16px/1 var(--fd); }
.spf-rep small { margin-top: 2px; font-size: 11px; color: var(--mute); }
.spf-rep.is-wait { background: var(--soft); }
.spf-rep.is-wait b { color: var(--acc); }
.spf-empty { display: grid; justify-items: start; gap: 12px; padding: 20px; border: 1px dashed var(--line2); border-radius: 10px; background: #fff; }
.spf-empty p { margin: 0; color: var(--mute); }
.spf-how { display: none; }
.spf-join { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 28px; border-radius: 12px; background: #fff; border: 1px solid var(--line2); }
.spf-join-t { font: 800 22px/1.2 var(--fd); margin: 0; }
.spf-join p { margin: 6px 0 0; color: var(--mute); max-width: 60ch; }
.spf-join-act { display: flex; gap: 10px; flex-wrap: wrap; flex: none; }
.spf-join .spf-btn--ghost { color: var(--ink); }
.f-forum .spf-joinsec { padding-bottom: 56px; }
.spf-hero { display: none; }

/* portal yazısı: "forumda tartış" */
.spf-discuss { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 36px; padding: 18px 20px; border-radius: 10px; background: var(--soft); border: 1px solid color-mix(in srgb, var(--acc) 25%, var(--line2)); }
.spf-discuss b { font: 800 17px/1.2 var(--fd); }
.spf-discuss p { margin: 4px 0 0; color: var(--mute); font-size: 14.5px; }
.f-forum .spx3-single { background: #fff; }

/* ================================================================ alt bilgi (açık) */
.f-forum .spx3-footer--forum { background: #fff; border-top: 1px solid var(--line2); margin-top: 0; }

/* ================================================================ forum sayfası (wpForo, klasik) */
.f-forum .spf-main { padding-block: 18px 56px; }
.f-forum #wpforo #wpforo-wrap { font: 400 14.5px/1.5 var(--fb); padding: 0; color: var(--ink); background: transparent; }
.f-forum #wpforo #wpforo-wrap a { color: var(--ink); }
.f-forum #wpforo #wpforo-wrap a:hover { color: var(--acc); }
.f-forum #wpforo #wpforo-wrap h1, .f-forum #wpforo #wpforo-wrap h2, .f-forum #wpforo #wpforo-wrap h3 { font-family: var(--fd); letter-spacing: -.005em; }
/* wpForo'nun kendi menü çubuğu gizli: gezinme sitenin başlığında */
.f-forum #wpforo #wpforo-wrap #wpforo-menu { display: none; }
.f-forum #wpforo #wpforo-wrap .wpforo-subtop { margin: 0 0 8px; }
.f-forum #wpforo #wpforo-wrap .wpf-breadcrumb { font-size: 13px; }
.f-forum #wpforo #wpforo-wrap .wpf-breadcrumb a, .f-forum #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-item-element { color: var(--mute); background: transparent !important; }
.f-forum #wpforo #wpforo-wrap .wpf-breadcrumb .active a { color: var(--ink); }
.f-forum #wpforo #wpforo-wrap #wpforo-title { font: 800 26px/1.2 var(--fd); color: var(--ink); margin: 6px 0 14px; letter-spacing: -.015em; }
.f-forum #wpforo #wpforo-wrap .wpforo-feed { font: 500 12.5px/1 var(--fb); }
.f-forum #wpforo #wpforo-wrap .wpforo-feed a { color: var(--mute); }
.f-forum #wpforo #wpforo-wrap .wpforo-main { display: flex; gap: 20px; align-items: flex-start; }
.f-forum #wpforo #wpforo-wrap .wpforo-content { flex: 1; min-width: 0; width: auto !important; }

/* bölüm (kategori) başlığı */
.f-forum #wpforo #wpforo-wrap [class*="wpfl-"] .wpforo-category { background: #fff !important; border: 1px solid var(--line2) !important; border-bottom: 2px solid var(--acc) !important; border-radius: 10px 10px 0 0; margin: 0; }
.f-forum #wpforo #wpforo-wrap .wpforo-cat-panel { background: transparent !important; padding: 10px 16px; }
.f-forum #wpforo #wpforo-wrap .wpforo-category .cat-title, .f-forum #wpforo #wpforo-wrap .wpforo-category .cat-name { color: var(--ink) !important; font: 800 15px/1.2 var(--fd); text-transform: none; }
.f-forum #wpforo #wpforo-wrap .wpforo-category .wpf-button, .f-forum #wpforo #wpforo-wrap .wpforo-category .add_wpftopic { background: var(--acc) !important; border: 0 !important; color: var(--on-acc) !important; border-radius: 7px; font-weight: 700; box-shadow: none !important; padding: 7px 12px; font-size: 13px; }
.f-forum #wpforo #wpforo-wrap .wpforo-section { margin-bottom: 18px; }

/* forum satırları (Simplified): ikon | ad + açıklama + alt forumlar | sayılar | son mesaj */
.f-forum #wpforo #wpforo-wrap .wpfl-2 .forum-wrap { background: #fff; border: 1px solid var(--line2); border-top: 0; margin: 0; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .forum-wrap:last-child { border-radius: 0 0 10px 10px; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .forum-wrap:hover { background: var(--soft2); }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum { display: flex; align-items: center; gap: 14px; padding: 12px 16px; min-height: 64px; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon { flex: none; width: 44px; float: none; padding: 0; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon > div { width: 40px !important; height: 40px !important; border-radius: 10px !important; border: 0 !important; background: var(--soft); }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon i { font-size: 18px; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-info { flex: 1; min-width: 0; float: none; width: auto; padding: 0; }
.f-forum #wpforo #wpforo-wrap .wpforo-forum-title { font: 700 15.5px/1.3 var(--fb); margin: 0; }
.f-forum #wpforo #wpforo-wrap .wpforo-forum-title a { color: var(--ink); }
.f-forum #wpforo #wpforo-wrap .wpforo-forum-description { color: var(--mute); font-size: 13px; margin-top: 2px; line-height: 1.4; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-stat { flex: none; width: 150px; float: none; display: flex; gap: 16px; justify-content: center; font-size: 12.5px; color: var(--mute); padding: 0; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-stat .wpft-row { display: flex; flex-direction: column-reverse; align-items: center; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-stat .wpft-cell-right { font: 700 15px/1.2 var(--fd); color: var(--ink); }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post { flex: 0 0 260px; float: none; width: auto; padding: 0 0 0 14px; border-left: 1px solid var(--line2); font-size: 12.5px; color: var(--mute); }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post a { color: var(--ink); font-weight: 600; font-size: 13px; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post-avatar { display: none; }
.f-forum #wpforo #wpforo-wrap .wpforo-subforum { font-size: 12.5px; margin-top: 4px; }
.f-forum #wpforo #wpforo-wrap .wpforo-subforum li.first { color: var(--mute); }

/* konu listesi (forum sayfası) */
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-head, .f-forum #wpforo #wpforo-wrap .wpfl-2 .wpf-head-bar { background: #fff; border: 1px solid var(--line2); border-radius: 10px 10px 0 0; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .topic-wrap { background: #fff; border: 1px solid var(--line2); border-top: 0; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .topic-wrap:hover { background: var(--soft2); }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic { padding: 10px 16px; min-height: 60px; display: flex; align-items: center; gap: 12px; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-title, .f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-title a { font: 600 15px/1.35 var(--fb); color: var(--ink); }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-stat-posts, .f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-stat-views { font: 600 13px/1.2 var(--fb); color: var(--mute); text-align: center; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-status .wpf-sticky, .f-forum #wpforo #wpforo-wrap .wpf-sticky-label { color: var(--acc); }

/* konu sayfası: klasik mesaj kartı (solda kullanıcı, sağda gövde) */
.f-forum #wpforo #wpforo-wrap .wpforo-post-head { background: #fff; border: 1px solid var(--line2); border-radius: 10px; margin-bottom: 12px; }
.f-forum #wpforo #wpforo-wrap .wpf-post-head-top, .f-forum #wpforo #wpforo-wrap .wpforo-topic-head-wrap { background: #fff !important; border-left: 3px solid var(--acc) !important; border-radius: 10px; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .post-wrap { margin-bottom: 12px; counter-increment: spn; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-post { display: flex; background: #fff; border: 1px solid var(--line2); border-radius: 10px; overflow: hidden; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left { flex: 0 0 190px; float: none; width: auto; padding: 18px 14px; text-align: center; background: var(--soft2); border-right: 1px solid var(--line2); }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right { flex: 1; min-width: 0; float: none; width: auto; padding: 0; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .author-avatar img { width: 72px !important; height: 72px !important; border-radius: 50%; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .author-name { font: 700 14.5px/1.3 var(--fb); margin-top: 8px; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .author-name a { color: var(--ink); }
.f-forum #wpforo #wpforo-wrap .wpf-author-nicename, .f-forum #wpforo #wpforo-wrap .wpf-member-profile-buttons { display: none; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .author-posts { font-size: 12px; color: var(--mute); margin-top: 6px; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .author-title .wpf-member-title { font-size: 11px; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-post-content-top { display: flex; align-items: center; gap: 10px; padding: 10px 18px; border-bottom: 1px solid var(--line2); font-size: 12.5px; color: var(--mute); }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-post-content-top::before { content: "#" counter(spn); order: 9; margin-left: auto; font: 700 12px/1 var(--fm); color: var(--mute); }
.f-forum #wpforo #wpforo-wrap .wpforo-post-content { padding: 16px 18px 12px; font-size: 15.5px; line-height: 1.7; color: var(--ink); }
.f-forum #wpforo #wpforo-wrap .wpf-post-button-actions { border-top: 1px dashed var(--line2); padding-top: 10px; margin-top: 14px; }
.f-forum #wpforo #wpforo-wrap .wpf-post-button-actions .wpf-action, .f-forum #wpforo #wpforo-wrap .wpf-post-button-actions span { color: var(--mute); }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-post-content-bottom { padding: 8px 18px 12px; font-size: 12px; color: var(--mute); }
.f-forum #wpforo #wpforo-wrap .wpforo-topic-starter, .f-forum #wpforo #wpforo-wrap .wpf-topic-starter { color: var(--acc) !important; }

/* düğmeler ve formlar */
.f-forum #wpforo #wpforo-wrap .wpf-button, .f-forum #wpforo #wpforo-wrap input[type="submit"], .f-forum #wpforo #wpforo-wrap button.wpf-button { background: var(--acc); border-color: var(--acc); color: var(--on-acc) !important; border-radius: 7px; font-weight: 700; box-shadow: none; }
.f-forum #wpforo #wpforo-wrap .wpf-button-secondary, .f-forum #wpforo #wpforo-wrap .wpf-button-outlined { background: #fff; border: 1px solid var(--line2); color: var(--ink) !important; border-radius: 7px; }
.f-forum #wpforo #wpforo-wrap input[type="text"], .f-forum #wpforo #wpforo-wrap input[type="email"], .f-forum #wpforo #wpforo-wrap input[type="password"], .f-forum #wpforo #wpforo-wrap textarea, .f-forum #wpforo #wpforo-wrap select { border: 1px solid var(--line2); border-radius: 8px; background: #fff; color: var(--ink); }
.f-forum #wpforo #wpforo-wrap input:focus, .f-forum #wpforo #wpforo-wrap textarea:focus { border-color: var(--acc); outline: 2px solid color-mix(in srgb, var(--acc) 22%, transparent); outline-offset: 0; }
.f-forum #wpforo #wpforo-wrap #wpforo-footer, .f-forum #wpforo #wpforo-wrap #wpforo-stat-body { background: #fff; border: 1px solid var(--line2); border-radius: 10px; }
.f-forum #wpforo #wpforo-wrap #wpforo-poweredby, .f-forum #wpforo #wpforo-wrap .wpf-poweredby, .f-forum #wpforo #wpforo-wrap #wpforo-footer .wpf-cp { display: none !important; }

/* sağ kenar çubuğu (forum-sidebar alanı) */
.f-forum #wpforo .wpforo-right-sidebar { flex: 0 0 300px; width: 300px !important; float: none; padding: 0; margin: 0; }
.f-forum #wpforo .wpforo-right-sidebar .widget, .f-forum #wpforo .wpforo-right-sidebar > section, .f-forum #wpforo .wpforo-right-sidebar > div { background: transparent; border: 0; padding: 0; margin: 0; }
.spf-side { display: flex; flex-direction: column; gap: 12px; }
.spf-side-new { justify-content: center; width: 100%; }
.spf-box { background: #fff; border: 1px solid var(--line2); border-radius: 10px; padding: 14px 16px; }
.spf-box h2 { font: 800 14px/1.2 var(--fd); margin: 0 0 10px; display: flex; justify-content: space-between; }
.spf-box h2 small { font: 600 12px/1 var(--fm); color: var(--mute); }
.spf-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 0; }
.spf-stats div { text-align: center; background: var(--bg2); border-radius: 8px; padding: 8px 4px; }
.spf-stats dt { font-size: 11.5px; color: var(--mute); }
.spf-stats dd { margin: 2px 0 0; font: 800 17px/1.1 var(--fd); color: var(--ink); }
.spf-newest, .spf-online, .spf-muted { margin: 10px 0 0; font-size: 13px; color: var(--mute); }
.spf-box .spf-online, .spf-box .spf-muted { margin: 0; }
.spf-newest b { color: var(--ink); }
.spf-mini { list-style: none; margin: 0; padding: 0; }
.spf-mini li { padding: 8px 0; border-top: 1px solid var(--line2); }
.spf-mini li:first-child { border-top: 0; padding-top: 0; }
.spf-mini a { display: block; font: 600 13.5px/1.35 var(--fb); color: var(--ink); }
.spf-mini a:hover { color: var(--acc); }
.spf-mini small { display: block; margin-top: 2px; font-size: 12px; color: var(--mute); }

/* rütbe + rozetler (connector) */
.sp-rankbox { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-top: 8px; }
.sp-rank { --rc: #94a3b8; display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px 3px 6px; border-radius: 999px; background: color-mix(in srgb, var(--rc) 14%, #fff); color: color-mix(in srgb, var(--rc) 78%, #000); font: 700 11.5px/1.2 var(--fb); white-space: nowrap; border: 1px solid color-mix(in srgb, var(--rc) 35%, #fff); }
.sp-rank--team { background: var(--acc); color: var(--on-acc); border-color: var(--acc); }
.sp-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
.sp-badge { --bc: #94a3b8; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: color-mix(in srgb, var(--bc) 15%, #fff); color: var(--bc); }
.sp-badge--lg { width: 40px; height: 40px; border-radius: 10px; }
.sp-showcase { background: #fff; border: 1px solid var(--line2); border-radius: 10px; padding: 16px; margin: 16px 0; }
.sp-showcase h3 { font: 800 16px/1.2 var(--fd); margin: 0 0 8px; }
.sp-next { color: var(--mute); font-size: 13px; }
.sp-badgegrid { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.sp-badgegrid li { display: grid; justify-items: center; text-align: center; gap: 4px; padding: 12px 8px; border: 1px solid var(--line2); border-radius: 10px; }
.sp-badgegrid li b { font-size: 13px; }
.sp-badgegrid li small { font-size: 11.5px; color: var(--mute); }
.sp-badgegrid li.is-off { opacity: .45; filter: grayscale(1); }

/* ================================================================ duyarlı */
@media (max-width: 1100px) {
	.spf-grid4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.spf-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post { flex-basis: 200px; }
}
@media (max-width: 960px) {
	.f-forum #wpforo #wpforo-wrap .wpforo-main { flex-direction: column; }
	.f-forum #wpforo .wpforo-right-sidebar { width: 100% !important; flex-basis: auto; }
	.spf-cols, .spf-manset { grid-template-columns: minmax(0, 1fr); }
	.spf-askband, .spf-join, .spf-discuss { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 781px) {
	.spf-topbar { gap: 10px; min-height: 58px; flex-wrap: wrap; padding-block: 8px; }
	.f-forum .spf-header .spx3-brand { font-size: 21px !important; }
	.spf-search-form { order: 3; flex: 1 0 100%; max-width: none; margin: 0; height: 38px; }
	.spf-auth { gap: 10px; }
	.spf-me span { display: none; }
	.spf-navbar { min-height: 44px; }
	.f-forum .spf-ask { padding: 8px 11px; }
	.spf-grid4, .spf-cats { grid-template-columns: minmax(0, 1fr); }
	.spf-pc--lead .spf-pc-t { font-size: 22px; }
	.spf-pc--row .spf-pc-img { flex-basis: 34%; }
	.f-forum .spx3-sec { padding-top: 28px; }
	/* forum satırları kartlaşır: sayılar ve son mesaj küçük satırda */
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum { flex-wrap: wrap; gap: 8px 12px; }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-info { flex: 1 1 calc(100% - 60px); }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-stat { width: auto; justify-content: flex-start; margin-left: 56px; }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-stat .wpft-row { flex-direction: row-reverse; gap: 4px; }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post { flex: 1 1 100%; margin-left: 56px; border-left: 0; padding: 0; }
	/* konu sayfası: kullanıcı kartı mesajın üstünde yatay */
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-post { flex-direction: column; }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left { flex-basis: auto; display: flex; align-items: center; gap: 10px; text-align: left; padding: 10px 14px; border-right: 0; border-bottom: 1px solid var(--line2); }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .author-avatar img { width: 40px !important; height: 40px !important; }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .author-data { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .author-name { margin: 0; }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .author-posts { margin: 0; }
	.sp-rankbox { flex-direction: row; margin: 0; }
	.f-forum #wpforo #wpforo-wrap .wpforo-post-content { font-size: 15px; padding: 12px 14px; }
}
@media (max-width: 420px) {
	.f-forum .spf-ask span { display: none; }
	.spf-auth .spf-link { font-size: 13px; }
}

/* wpForo'nun yüksek özgüllüklü kurallarını ezen düzeltmeler */
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right { margin: 0 !important; background: #fff !important; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-post-content-top { padding: 10px 18px !important; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-post-content { padding: 16px 18px 12px !important; }
.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-post-content-bottom { margin: 0 !important; background: #fff !important; }
.f-forum #wpforo #wpforo-wrap .sp-rank { padding: 3px 9px 3px 7px !important; background: color-mix(in srgb, var(--rc) 14%, #fff) !important; border-radius: 999px !important; margin: 0; }
.f-forum #wpforo #wpforo-wrap .sp-rank--team { background: var(--acc) !important; color: var(--on-acc) !important; }
.f-forum #wpforo #wpforo-wrap .sp-badge { padding: 0 !important; background: color-mix(in srgb, var(--bc) 15%, #fff) !important; }
.f-forum #wpforo .spf-side .spf-btn { padding: 12px 16px !important; line-height: 1 !important; height: auto !important; font-size: 14.5px !important; border-radius: 8px !important; }
.f-forum #wpforo .spf-box { background: #fff !important; border: 1px solid var(--line2) !important; border-radius: 10px !important; padding: 14px 16px !important; margin: 0 !important; }
.f-forum #wpforo .spf-box h2 { font: 800 14px/1.2 var(--fd) !important; margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; }
.f-forum #wpforo .spf-stats dt, .f-forum #wpforo .spf-stats dd { margin: 0; padding: 0; }
.f-forum #wpforo .spf-mini li { list-style: none; margin: 0; }
.f-forum #wpforo .spf-mini a { font-size: 13.5px !important; }
/* sayılar kenar çubuğunda: wpForo'nun alt istatistik kutusu (farklı sayım yöntemi) gizli */
.f-forum #wpforo #wpforo-wrap #wpforo-footer { display: none !important; }
.f-forum #wpforo #wpforo-wrap .sp-rank, .f-forum #wpforo #wpforo-wrap .sp-rank span { font: 700 11.5px/1.2 var(--fb) !important; }
@media (max-width: 960px) {
	.f-forum #wpforo #wpforo-wrap .wpforo-content { width: 100% !important; min-width: 0 !important; max-width: 100% !important; flex: none; }
	.f-forum #wpforo #wpforo-wrap .wpforo-post-head, .f-forum #wpforo #wpforo-wrap .wpf-post-head-top { max-width: 100%; overflow: hidden; }
}
@media (max-width: 781px) {
	.spf-search-form { box-sizing: border-box; width: 100%; min-width: 0; }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum { display: flex !important; flex-wrap: wrap !important; }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-info { flex: 1 1 calc(100% - 60px) !important; width: auto !important; }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-stat { display: none !important; }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post { display: flex !important; align-items: center; gap: 8px; flex: 1 1 100% !important; width: auto !important; max-width: none !important; margin: 0 0 0 58px !important; padding: 8px 0 0 !important; border-left: 0 !important; border-top: 1px dashed var(--line2); }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post * { width: auto !important; max-width: none !important; }
	.f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post img, .f-forum #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post .avatar { display: none !important; }
}
/* profil: rozet vitrini tam genişlik */
.f-forum #wpforo #wpforo-wrap .sp-showcase { flex: 1 1 100% !important; width: 100% !important; max-width: none !important; box-sizing: border-box; background: #fff !important; border: 1px solid var(--line2) !important; border-radius: 10px !important; padding: 16px 18px !important; margin: 16px 0 !important; }
.f-forum #wpforo #wpforo-wrap .sp-showcase h3 { font: 800 16px/1.2 var(--fd) !important; margin: 0 0 8px !important; color: var(--ink) !important; }
.f-forum #wpforo #wpforo-wrap .sp-showcase p { margin: 0 0 6px !important; font-size: 13.5px !important; }
.f-forum #wpforo #wpforo-wrap .sp-badgegrid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important; gap: 10px !important; margin: 12px 0 0 !important; padding: 0 !important; }
.f-forum #wpforo #wpforo-wrap .sp-badgegrid li { list-style: none !important; margin: 0 !important; display: grid !important; justify-items: center; align-content: start; gap: 4px; padding: 12px 8px !important; border: 1px solid var(--line2) !important; border-radius: 10px !important; text-align: center; }
.f-forum #wpforo #wpforo-wrap .sp-badgegrid li b { font: 700 13px/1.25 var(--fb) !important; color: var(--ink); }
.f-forum #wpforo #wpforo-wrap .sp-badgegrid li small { font-size: 11.5px !important; line-height: 1.35; color: var(--mute) !important; }
.f-forum #wpforo #wpforo-wrap .sp-badge--lg { width: 40px !important; height: 40px !important; border-radius: 10px !important; }
.f-forum #wpforo #wpforo-wrap .sp-badge, .f-forum #wpforo #wpforo-wrap .sp-badge svg { color: var(--bc) !important; } .f-forum #wpforo #wpforo-wrap .sp-rank svg { color: inherit !important; }

/* ================================================================ portal (otomotiv dergi) — 3.4.3
   Gövde: manşet + son yazılar + kategori blokları; forum yalnız kenar kutusu (spp-fbox). */
.f-forum .spx3-sec.spf-portalsec { display: block; padding-top: 28px; }
.spp-tag { color: var(--mute); font-size: 13px; max-width: 240px; line-height: 1.35; border-left: 1px solid var(--line2); padding-left: 16px; }
.f-forum .spp-search { flex: 1; max-width: 460px; margin-left: auto; }
.f-forum .spp-search .wp-block-search__inside-wrapper { border: 1px solid var(--line2); border-radius: 999px; background: var(--bg2); padding: 3px 4px 3px 14px; }
.f-forum .spp-search .wp-block-search__input { border: 0; background: transparent; font: 400 14.5px/1 var(--fb); color: var(--ink); min-height: 34px; }
.f-forum .spp-search .wp-block-search__button { background: var(--acc); color: var(--on-acc); border-radius: 999px; padding: 6px 10px; margin: 0; }
.spp-today { color: var(--mute); font-size: 13px; white-space: nowrap; }
.f-forum .spf-ask .spf-i { width: 17px; height: 17px; }

.spp-hero { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 22px; }
.spp-card { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line2); border-radius: 12px; overflow: hidden; transition: box-shadow .2s, transform .2s; }
.spp-card:hover { box-shadow: 0 10px 28px -14px rgba(17, 24, 39, .28); transform: translateY(-2px); }
.spp-img { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: linear-gradient(135deg, var(--soft), #fff); }
.spp-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
.spp-card:hover .spp-img img { transform: scale(1.03); }
.spp-img--none { display: grid; place-items: center; color: var(--acc); }
.spp-img--none .spf-i { width: 46px; height: 46px; opacity: .65; }
.spp-b { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 7px; flex: 1; }
.spp-kick { align-self: flex-start; font: 800 11px/1 var(--fb); letter-spacing: .08em; text-transform: uppercase; color: var(--acc); }
.spp-t { margin: 0; font: 750 18px/1.28 var(--fd); letter-spacing: -.01em; }
.spp-t a { color: var(--ink); }
.spp-t a::after { content: ""; position: absolute; inset: 0; }
.spp-kick { position: relative; z-index: 1; }
.spp-t a:hover { color: var(--acc); }
.spp-ex { margin: 0; color: var(--mute); font-size: 14.5px; line-height: 1.55; }
.spp-meta { margin: auto 0 0; display: flex; gap: 10px; color: var(--mute); font-size: 12.5px; }
.spp-meta span::before { content: "·"; margin-right: 10px; }
/* manşet */
.spp-card--lead .spp-img { aspect-ratio: 16 / 9; }
.spp-card--lead .spp-b { padding: 20px 24px 22px; gap: 10px; }
.spp-card--lead .spp-t { font-size: clamp(24px, 2.6vw, 34px); line-height: 1.12; letter-spacing: -.025em; }
.spp-card--lead .spp-ex { font-size: 16px; }
.spp-herolist { display: flex; flex-direction: column; gap: 12px; }
.spp-label { margin: 0 0 2px; font: 800 12px/1 var(--fb); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); display: flex; align-items: center; gap: 8px; }
.spp-label::before { content: ""; width: 18px; height: 3px; border-radius: 2px; background: var(--acc); }
.spp-card--row { flex-direction: row; flex: 1; }
.spp-card--row .spp-img { flex: 0 0 40%; aspect-ratio: auto; min-height: 112px; }
.spp-card--row .spp-b { padding: 12px 14px; gap: 6px; }
.spp-card--row .spp-t { font-size: 15.5px; }
/* sütunlar */
.spp-cols { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 28px; margin-top: 36px; align-items: start; }
.spp-sec + .spp-sec { margin-top: 40px; }
.spp-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid var(--ink); }
.spp-head h2 { margin: 0; font: 800 22px/1.1 var(--fd); letter-spacing: -.015em; position: relative; }
.spp-more { display: inline-flex; align-items: center; gap: 6px; color: var(--acc) !important; font: 700 13.5px/1 var(--fb); white-space: nowrap; }
.spp-more .spx3-i { width: 16px; height: 16px; }
.spp-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.spp-catdesc { margin: -6px 0 14px; color: var(--mute); font-size: 14.5px; }
.spp-catgrid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 18px; }
.spp-catlist { display: flex; flex-direction: column; gap: 12px; }
.spp-card--mini { flex-direction: row; border: 0; border-bottom: 1px solid var(--line2); border-radius: 0; background: transparent; padding-bottom: 12px; }
.spp-card--mini:hover { box-shadow: none; transform: none; }
.spp-card--mini .spp-img { flex: 0 0 34%; aspect-ratio: 4 / 3; border-radius: 8px; }
.spp-card--mini .spp-b { padding: 0 0 0 14px; gap: 5px; }
.spp-card--mini .spp-t { font-size: 15.5px; }
.spp-card--feat .spp-t { font-size: 21px; }
/* kenar */
.spp-side { display: flex; flex-direction: column; gap: 18px; position: sticky; top: 18px; }
.spp-fbox, .spp-box { background: #fff; border: 1px solid var(--line2); border-radius: 12px; padding: 16px 18px; }
.spp-fbox { border-top: 3px solid var(--acc); }
.spp-fbox-h { display: flex; align-items: center; gap: 9px; color: var(--acc); margin-bottom: 8px; }
.spp-fbox-h .spf-i { width: 20px; height: 20px; }
.spp-fbox h2, .spp-box h2 { margin: 0; font: 800 16px/1.2 var(--fd); color: var(--ink); }
.spp-box h2 { margin-bottom: 10px; }
.spp-flist { list-style: none; margin: 0; padding: 0; }
.spp-flist li { padding: 10px 0; border-bottom: 1px solid var(--line2); }
.spp-flist li:last-child { border-bottom: 0; }
.spp-flist a { display: block; color: var(--ink); font: 650 14px/1.35 var(--fb); }
.spp-flist a:hover { color: var(--acc); }
.spp-flist small { display: block; margin-top: 4px; color: var(--mute); font-size: 12px; }
.spp-flist small b { color: var(--acc); font-weight: 700; }
.spp-fbox-act { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line2); }
.spp-flink { font: 700 13.5px/1 var(--fb); color: var(--ink); }
.spp-flink:hover { color: var(--acc); }
.spp-muted { color: var(--mute); font-size: 14px; margin: 6px 0; }
.spp-cats { list-style: none; margin: 0; padding: 0; }
.spp-cats a { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line2); color: var(--ink); font: 600 14px/1.3 var(--fb); }
.spp-cats li:last-child a { border-bottom: 0; }
.spp-cats a:hover { color: var(--acc); }
.spp-cats b { color: var(--mute); font-weight: 600; font-size: 12.5px; background: var(--bg2); border-radius: 999px; padding: 2px 8px; }
.spp-empty { background: #fff; border: 1px dashed var(--line2); border-radius: 12px; padding: 28px; }
.spp-empty h2 { margin: 0 0 6px; font: 800 20px/1.2 var(--fd); }
.spp-empty p { margin: 0; color: var(--mute); }

@media (max-width: 1100px) {
	.spp-cols { grid-template-columns: minmax(0, 1fr) 290px; gap: 22px; }
	.spp-grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.spp-tag { display: none; }
}
@media (max-width: 960px) {
	.spp-hero, .spp-cols, .spp-catgrid { grid-template-columns: minmax(0, 1fr); }
	.spp-side { position: static; }
}
@media (max-width: 781px) {
	.f-forum .spp-search { order: 3; flex-basis: 100%; max-width: none; margin: 0; }
	.spp-today { display: none; }
	.spp-grid3 { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.spp-card--lead .spp-b { padding: 16px 16px 18px; }
	.spp-card--row .spp-img { flex-basis: 36%; min-height: 96px; }
	.spp-card--row .spp-t, .spp-card--mini .spp-t { font-size: 15px; }
	.spp-head h2 { font-size: 20px; }
	.spp-cols { margin-top: 26px; }
}
.spp-catgrid--solo { grid-template-columns: minmax(0, 1fr); }
.spp-card--wide { flex-direction: row; }
.spp-card--wide .spp-img { flex: 0 0 46%; aspect-ratio: 16 / 10; }
.spp-card--wide .spp-b { padding: 18px 20px; }
.spp-card--wide .spp-t { font-size: 21px; }
.spp-hero { align-items: start; }
@media (max-width: 781px) {
	.spp-card--wide { flex-direction: column; }
	.spp-card--wide .spp-img { flex-basis: auto; }
}
@media (max-width: 960px) {
	/* Mobilde forum kutusu "Son yazılar"dan hemen sonra (en alta düşmesin). */
	.spp-cols { display: flex; flex-direction: column; gap: 0; }
	.spp-main { display: contents; }
	.spp-main > .spp-sec { order: 3; margin-top: 36px; }
	.spp-main > .spp-sec:first-child { order: 1; margin-top: 0; }
	.spp-side { order: 2; margin-top: 30px; }
}