/*
Theme Name: İçini Dök
Theme URI: https://example.com/icini-dok-tema
Author: Siz
Author URI: https://example.com
Description: İnsanların dertlerini anonim veya açık kimlikle paylaşabildiği, forum benzeri ama sade ve duygusal bir platform teması.
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: icini-dok-tema
Tags: one-column, custom-colors, custom-menu, custom-logo, featured-images, blog, translation-ready, dark-mode
*/

/* CSS Variables - Forum teması */
:root {
	/* Colors */
	--primary-color: #4f46e5;
	--primary-hover: #4338ca;
	--secondary-color: #6366f1;
	--secondary-hover: #4f46e5;
	--tertiary-color: #7c3aed;
	--tertiary-hover: #6d28d9;
	--success-color: #10b981;
	--warning-color: #f59e0b;
	--error-color: #ef4444;

	/* Surfaces */
	--bg-color: #f8fafc;
	--text-color: #1e293b;
	--text-light: #64748b;
	--border-color: #e2e8f0;
	--card-bg: #ffffff;
	--forum-head-bg: #f1f5f9;
	--forum-row-alt: #f8fafc;

	/* Shadows */
	--shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
	--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
	--shadow-lg: 0 2px 8px rgba(0, 0, 0, 0.08);

	/* Radius */
	--radius-sm: 4px;
	--radius: 6px;
	--radius-lg: 8px;
	--radius-xl: 12px;
	--radius-full: 999px;

	/* Typography scale */
	--font-xs: 0.75rem;
	--font-sm: 0.875rem;
	--font-base: 1rem;
	--font-lg: 1.125rem;
	--font-xl: 1.25rem;
	--font-2xl: 1.5rem;
	--font-3xl: 1.875rem;
	--font-4xl: clamp(2rem, 4vw, 2.5rem);

	/* Spacing scale (8px system) */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--spacing: 1rem;
	--container-width: 1200px;

	/* Transitions */
	--transition-fast: 150ms ease;
	--transition-base: 200ms ease;
	--transition-slow: 300ms ease;
}

[data-theme="dark"] {
	--primary-hover: #6366f1;
	--secondary-hover: #818cf8;
	--tertiary-hover: #a78bfa;
	--bg-color: #0f172a;
	--text-color: #e2e8f0;
	--text-light: #94a3b8;
	--border-color: #334155;
	--card-bg: #1e293b;
	--forum-head-bg: #1e293b;
	--forum-row-alt: #172033;
	--shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.25);
	--shadow-lg: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* Skip link – klavye ile içeriğe atla */
.skip-link.screen-reader-text {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: 0.75rem 1.25rem;
	background: var(--primary-color);
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	border-radius: 0 0 var(--radius) 0;
	transition: left 0.2s;
}

.skip-link.screen-reader-text:focus {
	left: 0;
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* Odak stilleri – klavye gezintisi */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid var(--primary-color);
	outline-offset: 2px;
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
	outline: none;
}

/* Reset & Base */
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.6;
	color: var(--text-color);
	background-color: var(--bg-color);
	min-height: 100vh;
	transition: background-color 0.3s, color 0.3s;
	/* NOT: overflow-x:hidden body'de kullanılmaz — tüm tarayıcılarda overflow-y'ı da kilitler ve scroll bozulur. */
}

/* Container - 1200px genişlik tüm sayfalarda (auth sayfaları hariç) */
.site-container {
	max-width: var(--container-width) !important;
	margin: 0 auto !important;
	padding: 0 var(--spacing) !important;
	overflow-x: clip; /* body yerine burada yatay taşmayı engelle */
}

/* Auth sayfaları için daha geniş container */
.auth-page .site-container {
	max-width: 100% !important;
	padding: 0 2rem !important;
}

.site-main {
	padding-bottom: 2rem;
}

.paylasim-form-page {
	padding-top: 0;
}

/* Header */
.site-header {
	border-bottom: 1px solid var(--border-color);
	padding: var(--spacing) 0;
	margin-bottom: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--spacing);
}

.site-branding a {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--text-color);
	text-decoration: none;
}

/* Logonun yanında: Bildirimler, Giriş/Kayıt, Tema (mobilde hamburger dışında) */
.header-actions {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
}

.header-action-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0.4rem 0.85rem;
	border-radius: 999px;
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	color: var(--text-color);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	transition: all 0.2s ease;
	white-space: nowrap;
}

.header-action-link:hover {
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.header-action-link--login {
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.header-action-link--login:hover {
	background: var(--primary-color);
	color: #fff;
}

.header-action-toggle.theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-height: 40px;
	padding: 0;
	border-radius: 999px;
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	cursor: pointer;
	transition: background 0.2s, border-color 0.2s;
}

.header-action-toggle.theme-toggle:hover {
	background: var(--border-color);
	border-color: var(--primary-color);
}

.header-actions .nav-bildirim-wrap {
	margin: 0;
}

.header-actions .nav-bildirim-btn {
	min-height: 40px;
	padding: 0.4rem 0.5rem;
}

.site-navigation ul {
	list-style: none;
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.site-navigation a {
	color: var(--text-color);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.2s;
}

.site-navigation a:hover {
	color: var(--primary-color);
}

/* Mobil menü tetikleyici (hamburger) – masaüstünde gizli */
.nav-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--border-color);
	background: var(--card-bg);
	border-radius: var(--radius);
	cursor: pointer;
	transition: background 0.2s, border-color 0.2s;
}

.nav-toggle:hover,
.nav-toggle:focus-visible {
	background: var(--border-color);
	border-color: var(--primary-color);
	outline: none;
}

.nav-toggle-icon {
	display: block;
	width: 20px;
	height: 2px;
	background: var(--text-color);
	position: relative;
	transition: background 0.2s;
}

.nav-toggle-icon::before,
.nav-toggle-icon::after {
	content: '';
	position: absolute;
	left: 0;
	width: 20px;
	height: 2px;
	background: var(--text-color);
	transition: transform 0.25s, top 0.25s;
}

.nav-toggle-icon::before {
	top: -6px;
}

.nav-toggle-icon::after {
	top: 6px;
}

.site-header .nav-toggle.is-open .nav-toggle-icon {
	background: transparent;
}

.site-header .nav-toggle.is-open .nav-toggle-icon::before {
	top: 0;
	transform: rotate(45deg);
}

.site-header .nav-toggle.is-open .nav-toggle-icon::after {
	top: 0;
	transform: rotate(-45deg);
}

/* Kullanıcı menüsü (Profilim, Profil düzenle, Çıkış) */
.nav-user-wrap {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.nav-user-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 44px;
	padding: 0.5rem 0.9rem;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.9rem;
	color: var(--text-color);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	transition: all 0.2s ease;
	white-space: nowrap;
	box-sizing: border-box;
}

.nav-user-link:hover {
	background: var(--border-color);
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.nav-user-link--blog:hover,
.nav-user-link--profil:hover,
.nav-user-link--konular:hover {
	background: rgba(99, 102, 241, 0.1);
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.nav-user-link--edit:hover {
	background: rgba(139, 92, 246, 0.1);
	border-color: var(--secondary-color);
	color: var(--secondary-color);
}

.nav-user-link--logout:hover {
	background: rgba(239, 68, 68, 0.08);
	border-color: #ef4444;
	color: #dc2626;
}

.nav-user-link--login:hover,
.nav-user-link--register:hover {
	background: rgba(99, 102, 241, 0.1);
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.nav-user-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	line-height: 1;
	opacity: 0.9;
}

.theme-toggle.nav-user-link {
	cursor: pointer;
	font-family: inherit;
	padding: 0.5rem 0.75rem;
}

.theme-toggle .theme-toggle-icon {
	font-size: 1.15rem;
}

[data-theme="dark"] .nav-user-link--logout:hover {
	background: rgba(239, 68, 68, 0.15);
	color: #f87171;
}

/* ========== Forum tema ========== */
.forum-front .site-container {
	max-width: var(--container-width);
	padding-left: var(--spacing);
	padding-right: var(--spacing);
}


.forum-hero {
	text-align: center;
	padding: 1.5rem;
	margin-bottom: 2rem;
	border: 1px solid var(--border-color);
	background: var(--card-bg);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-md);
}

.forum-hero-title {
	font-size: 1.75rem;
	font-weight: 700;
	margin: 0 0 0.5rem;
	color: var(--text-color);
}

.forum-hero-sub {
	font-size: 1rem;
	color: var(--text-light);
	margin: 0 0 1.5rem;
}

.forum-hero-actions {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}

.forum-hero-actions .btn {
	flex: 1 1 auto;
	min-width: 140px;
	max-width: 250px;
	padding: 0.85rem 1.5rem;
	font-size: 1rem;
	width: auto;
	text-align: center;
	box-shadow: var(--shadow);
}

.forum-section-title {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0 0 1rem;
	color: var(--text-color);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

/* Forum panoları (kategoriler) */
.forum-boards {
	margin-bottom: 2rem;
}

.forum-board-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--card-bg);
}

.forum-board-item {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.25rem;
	text-decoration: none;
	color: inherit;
	border-bottom: 1px solid var(--border-color);
	transition: background 0.15s;
}

.forum-board-item:last-child {
	border-bottom: none;
}

.forum-board-item:hover {
	background: var(--forum-row-alt);
}

.forum-board-icon {
	font-size: 1.5rem;
	width: 2.5rem;
	text-align: center;
	flex-shrink: 0;
}

.forum-board-info {
	flex: 1;
	min-width: 0;
}

.forum-board-name {
	display: block;
	font-weight: 600;
	color: var(--text-color);
}

.forum-board-desc {
	font-size: 0.875rem;
	color: var(--text-light);
}

.forum-board-count {
	font-size: 0.875rem;
	color: var(--text-light);
	white-space: nowrap;
}

/* Konu listesi (tablo tarzı) */
.forum-topic-section,
.forum-archive {
	margin-bottom: 2rem;
}

.forum-topic-list {
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--card-bg);
}

.forum-topic-list-header {
	display: grid;
	grid-template-columns: 1fr 100px 140px 44px 44px 100px;
	gap: 0.75rem;
	padding: 0.65rem 1rem;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--text-light);
	background: var(--forum-head-bg);
	border-bottom: 1px solid var(--border-color);
}

.forum-topic-row {
	display: grid;
	grid-template-columns: 1fr 100px 140px 44px 44px 100px;
	gap: 0.75rem;
	align-items: center;
	padding: 0.75rem 1rem;
	font-size: 0.9rem;
	border-bottom: 1px solid var(--border-color);
	transition: background 0.15s;
}

.forum-topic-row:last-child {
	border-bottom: none;
}

.forum-topic-row:hover {
	background: var(--forum-row-alt);
}

.forum-topic-title {
	font-weight: 500;
	color: var(--text-color);
	text-decoration: none;
}

.forum-topic-title:hover {
	color: var(--primary-color);
}

.forum-topic-cat {
	display: inline-block;
	padding: 0.2rem 0.5rem;
	border-radius: 4px;
	font-size: 0.8rem;
	font-weight: 600;
}

.forum-topic-author {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	text-decoration: none;
	color: var(--text-color);
	font-size: 0.875rem;
}

.forum-topic-author:hover {
	color: var(--primary-color);
}

.forum-topic-avatar,
.forum-topic-author img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.forum-col-stats {
	text-align: center;
	font-size: 0.875rem;
	color: var(--text-light);
}

.forum-col-date {
	font-size: 0.8rem;
	color: var(--text-light);
}

.forum-more-wrap {
	margin-top: 1rem;
	text-align: center;
}

/* Konu listesi – mobil düzen (768px ve altı): sadece avatar + başlık, sayı/tarih gizli */
@media (max-width: 768px) {
	.forum-topic-list-header {
		display: none;
	}

	.forum-topic-row {
		display: flex;
		align-items: center;
		gap: 0.6rem;
		grid-template-columns: none;
		padding: 0.75rem 0.85rem;
	}

	.forum-col-author {
		order: 1;
		flex: 0 0 auto;
	}

	.forum-col-topic {
		order: 2;
		flex: 1 1 auto;
		min-width: 0;
	}

	.forum-col-cat,
	.forum-col-stats,
	.forum-col-date {
		display: none !important;
	}

	.forum-topic-author span {
		display: none;
	}
}

/* Tekil paylaşım: Cevap yaz altında "Son konular" tablosu */
.forum-son-konular {
	margin-top: 2.5rem;
	margin-bottom: 2rem;
	max-width: var(--container-width);
	margin-left: auto;
	margin-right: auto;
}

.forum-son-konular-title {
	font-size: 1.125rem;
	font-weight: 700;
	margin: 0 0 0.75rem;
	color: var(--text-color);
}

.forum-son-konular .forum-topic-list {
	border-radius: var(--radius-lg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.forum-son-konular-more {
	margin-top: 0.75rem;
	margin-bottom: 0;
	text-align: center;
}

/* Rastgele konular – Bölümler ile aynı kart stili (tek kutu, aynı arka plan ve kenarlar) */
.rastgele-konular-global {
	padding: 1.5rem 0;
	margin: 0;
	background: transparent;
}

/* .rastgele-konular-inner: Container genişliği .site-container tarafından yönetiliyor */

/* Bölümler (.forum-board-list) ile aynı kutu: tek kart */
.rastgele-konular-card {
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--card-bg);
}

.rastgele-konular-card .rastgele-konular-title {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0;
	padding: 0.75rem 1.25rem;
	color: var(--text-color);
	text-transform: uppercase;
	letter-spacing: 0.02em;
	background: var(--card-bg);
	border-bottom: 1px solid var(--border-color);
}

.rastgele-konular-global .forum-topic-list {
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: var(--card-bg);
}

.rastgele-konular-card .rastgele-konular-more {
	margin: 0;
	padding: 0.75rem 1.25rem;
	text-align: center;
	border-top: 1px solid var(--border-color);
	background: var(--card-bg);
}

.rastgele-konular-empty {
	margin: 0;
	padding: 1rem 1.25rem;
	color: var(--text-light);
	font-size: 0.9375rem;
	border-top: 1px solid var(--border-color);
}

.rastgele-konular-empty a {
	color: var(--primary-color);
	text-decoration: none;
	font-weight: 500;
}

.rastgele-konular-empty a:hover {
	text-decoration: underline;
}

/* En son açılan konular - rastgele konular ile aynı stil */
.son-konular-global {
	padding: 1.5rem 0;
	margin: 0 0 2rem;
	background: transparent;
}

/* .son-konular-inner: Container genişliği .site-container tarafından yönetiliyor */

.son-konular-card {
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--card-bg);
}

.son-konular-card .son-konular-title {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0;
	padding: 0.75rem 1.25rem;
	color: var(--text-color);
	text-transform: uppercase;
	letter-spacing: 0.02em;
	background: var(--card-bg);
	border-bottom: 1px solid var(--border-color);
}

.son-konular-global .forum-topic-list {
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: var(--card-bg);
}

.son-konular-card .son-konular-more {
	margin: 0;
	padding: 0.75rem 1.25rem;
	text-align: center;
	border-top: 1px solid var(--border-color);
	background: var(--card-bg);
}

.son-konular-empty {
	margin: 0;
	padding: 1rem 1.25rem;
	color: var(--text-light);
	font-size: 0.9375rem;
	border-top: 1px solid var(--border-color);
}

.son-konular-empty a {
	color: var(--primary-color);
	text-decoration: none;
	font-weight: 500;
}

.son-konular-empty a:hover {
	text-decoration: underline;
}

/* Forum arşiv başlık */
.forum-archive-header {
	margin-bottom: 1.5rem;
}

.forum-archive-title {
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 0 0.25rem;
	color: var(--text-color);
}

.forum-archive-cat-badge {
	display: inline-block;
	padding: 0.25rem 0.6rem;
	border-radius: 4px;
	font-size: 0.8rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.forum-archive-desc {
	margin: 0;
	font-size: 0.95rem;
	color: var(--text-light);
}

/* Kategori arşivde Bölüm sütunu yok */
.forum-archive-cat .forum-topic-list-header,
.forum-archive-cat .forum-topic-row {
	grid-template-columns: 1fr 140px 44px 44px 100px;
}

/* Forum konu (tekil) - post düzeni */
.forum-thread {
	margin-bottom: 2rem;
}

/* Breadcrumb: Konular / Kategori */
.forum-thread-breadcrumb {
	margin-bottom: 1rem;
	font-size: 0.875rem;
	color: var(--text-light);
}

.forum-thread-breadcrumb a {
	color: var(--primary-color);
	text-decoration: none;
	font-weight: 500;
}

.forum-thread-breadcrumb a:hover {
	text-decoration: underline;
}

.breadcrumb-sep {
	margin: 0 0.35rem;
	user-select: none;
}

.breadcrumb-cat {
	color: var(--text-color);
	font-weight: 500;
}

a.breadcrumb-cat {
	text-decoration: none;
}

a.breadcrumb-cat:hover {
	color: var(--primary-color);
}

/* ========== Konu + cevaplar: klasik forum düzeni ========== */
.forum-thread-card {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	overflow: hidden;
	margin-bottom: 0;
}

.forum-thread-header {
	margin: 0;
	padding: 0.75rem 1rem 0.85rem;
	background: var(--forum-head-bg);
	border-bottom: 1px solid var(--border-color);
}

.forum-thread-cat {
	display: inline-block;
	padding: 0.2rem 0.45rem;
	border-radius: 3px;
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 0.35rem;
	text-decoration: none;
	color: inherit;
}

a.forum-thread-cat:hover {
	opacity: 0.9;
	text-decoration: none;
}

.forum-thread-title {
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0 0 0.4rem;
	line-height: 1.3;
	color: var(--text-color);
}

.forum-thread-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.75rem;
	font-size: 0.75rem;
	color: var(--text-light);
}

.forum-thread-author {
	font-weight: 600;
	color: var(--text-color);
	text-decoration: none;
}

.forum-thread-author:hover {
	color: var(--primary-color);
}

.forum-thread-date {
	white-space: nowrap;
}

.forum-thread-comments-count {
	color: var(--primary-color);
	text-decoration: none;
	font-weight: 500;
}

.forum-thread-comments-count:hover {
	text-decoration: underline;
}

.forum-thread-reading-time {
	color: var(--text-light);
}

/* Paylaşım / cevap satırı: sol dar sütun (avatar + bilgi), sağ içerik */
.forum-post {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	border: none;
	border-bottom: 1px solid var(--border-color);
	background: var(--card-bg);
	min-height: 0;
}

.forum-thread-card .forum-post:last-child {
	border-bottom: none;
}

.forum-reply-list .forum-post--reply {
	border-top: none;
}

/* Sol sütun: küçük avatar, kullanıcı adı, tarih – kompakt */
.forum-post-sidebar {
	width: 90px;
	flex-shrink: 0;
	padding: 0.6rem 0.5rem;
	background: var(--forum-row-alt);
	border-right: 1px solid var(--border-color);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.forum-post-avatar-wrap {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	margin: 0 auto 0.4rem;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	background: var(--card-bg);
}

.forum-post-avatar-wrap .forum-avatar-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.forum-post--op .forum-post-avatar-wrap {
	width: 48px;
	height: 48px;
	margin-bottom: 0.35rem;
}

.forum-post-author-name {
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.25;
	word-break: break-word;
	color: var(--text-color);
}

.forum-post-author-name a,
a.forum-post-author-name {
	color: inherit;
	text-decoration: none;
}

.forum-post-author-name a:hover,
a.forum-post-author-name:hover {
	color: var(--primary-color);
	text-decoration: none;
}

.forum-post-meta {
	font-size: 0.65rem;
	color: var(--text-light);
	margin-top: 0.25rem;
	line-height: 1.3;
}

.forum-post-meta time,
.forum-post-meta .forum-post-time {
	white-space: nowrap;
}

.forum-post-user-meta--op .forum-post-meta--op {
	display: block;
	font-size: 0.65rem;
	margin-top: 0.2rem;
}

.forum-post-body {
	flex: 1;
	min-width: 0;
	padding: 0.75rem 1rem 0.85rem;
	display: flex;
	flex-direction: column;
}

.forum-post-content {
	flex: 1;
	font-size: 0.9375rem;
	line-height: 1.7;
	color: var(--text-color);
	max-width: 65ch;
}

.forum-post-content p {
	margin: 0 0 0.65em;
}

.forum-post-content p:last-child {
	margin-bottom: 0;
}

.forum-post-actions {
	display: flex;
	align-items: center;
	gap: 0.6rem 1rem;
	flex-wrap: wrap;
	margin-top: 0.6rem;
	padding-top: 0.6rem;
	border-top: 1px solid var(--border-color);
	font-size: 0.8rem;
}

.forum-post-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem 0.6rem;
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	border-top: 1px solid var(--border-color);
	font-size: 0.75rem;
}

.forum-post-share-label {
	font-weight: 600;
	color: var(--text-light);
}

/* Açılış gönderisi: tarih sidebar’da (meta--op göster), okunaklı içerik */
.forum-post--op .forum-post-body {
	padding: 0.85rem 1rem 1rem;
}

.forum-post--op .forum-post-content {
	font-size: 1rem;
	line-height: 1.72;
}

.forum-post-meta--op {
	display: block;
}

a.forum-post-avatar-wrap:hover {
	opacity: 0.9;
}

/* Eski sınıf uyumluluğu */
.forum-post-avatar,
.forum-post-avatar a,
.forum-post-avatar .forum-post-avatar-wrap {
	display: block;
}

.forum-avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.forum-post-meta a,
.forum-post-meta-link {
	color: var(--text-light);
	text-decoration: none;
}

.forum-post-meta a:hover {
	color: var(--primary-color);
}

/* Cevaplar: aynı klasik düzen, kompakt */
.forum-reply-list .forum-reply .forum-post--reply {
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid var(--border-color);
	border-radius: 0;
	box-shadow: none;
	background: var(--card-bg);
}

.forum-reply-list .forum-reply .forum-post--reply:hover {
	background: rgba(0, 0, 0, 0.02);
}

.forum-reply-list .forum-reply:last-child .forum-post--reply {
	border-bottom: none;
}

.forum-reply-list .forum-post-sidebar {
	width: 90px;
	padding: 0.55rem 0.5rem;
}

.forum-reply-list .forum-post-avatar-wrap {
	width: 36px;
	height: 36px;
	margin-bottom: 0.3rem;
}

.forum-reply-list .forum-post-author-name {
	font-size: 0.75rem;
}

.forum-reply-list .forum-post-meta {
	font-size: 0.65rem;
	margin-top: 0.2rem;
}

.forum-reply-list .forum-post-body {
	padding: 0.65rem 1rem 0.75rem;
}

.forum-reply-list .forum-post-content {
	font-size: 0.9375rem;
	line-height: 1.68;
	max-width: 65ch;
}

.forum-reply-list .forum-post-actions {
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	border-top: none;
	font-size: 0.8rem;
}

/* Eski sınıf uyumluluğu */
.forum-post-avatar {
	display: block;
	margin-bottom: 0.5rem;
}

.forum-post-avatar a,
.forum-post-avatar .forum-post-avatar-wrap {
	display: block;
}

.forum-avatar-img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.forum-post--op .forum-avatar-img {
	width: 100%;
	height: 100%;
}

/* Açılış gönderisinde kullanıcı adı/tarih: masaüstünde gizli (header’da var), mobilde gösterilir */
/* .forum-post-user-meta--op: masaüstünde de göster (avatar + isim satırı); tarih üst barda */


/* Cevaplar içinde Yanıtla üstü çizgi yok; sadece boşluk */
.forum-reply-list .forum-post-actions {
	border-top: none;
	padding-top: 0.75rem;
	margin-top: 0.75rem;
}

.forum-post-reply-link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--primary-color);
	text-decoration: none;
	padding: 0.5rem 1rem;
	border-radius: var(--radius);
	transition: background 0.2s, color 0.2s;
	box-sizing: border-box;
}

.forum-post-reply-link:hover {
	background: rgba(79, 70, 229, 0.1);
	color: var(--primary-color);
	text-decoration: none;
}

.forum-post-actions .comment-reply-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	min-height: 44px;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--primary-color);
	background: rgba(79, 70, 229, 0.1);
	border: 1px solid rgba(79, 70, 229, 0.3);
	border-radius: var(--radius);
	text-decoration: none;
	transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.15s;
	box-sizing: border-box;
}

.forum-post-actions .comment-reply-link:hover {
	background: var(--primary-color);
	color: #fff;
	border-color: var(--primary-color);
	text-decoration: none;
	transform: translateY(-1px);
}

/* Cevaplar bölümü – konu kartından sonra, optimize boşluk */
.forum-replies {
	margin-top: 2.25rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--border-color);
}

.forum-replies-title {
	font-size: 1.125rem;
	font-weight: 700;
	margin: 0 0 1.25rem;
	color: var(--text-color);
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
}

.forum-reply-list .forum-reply {
	margin-bottom: 1rem;
}

.forum-reply-list .forum-reply:last-child {
	margin-bottom: 0;

	/* ==== Toggle Switch: Anonim Paylaş ==== */
	.form-group-anonim {
		margin-top: 1.5rem;
		margin-bottom: 2rem;
		padding: 1.25rem;
		background: rgba(79, 70, 229, 0.04);
		border: 1px solid rgba(79, 70, 229, 0.1);
		border-radius: var(--radius-lg);
	}

	.toggle-switch-wrapper {
		display: flex;
		align-items: flex-start;
		gap: 1rem;
	}

	.toggle-switch {
		position: relative;
		display: inline-block;
		width: 50px;
		height: 28px;
		flex-shrink: 0;
		margin-top: 2px;
	}

	.toggle-switch-checkbox {
		opacity: 0;
		width: 0;
		height: 0;
	}

	.toggle-switch-slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: var(--border-color);
		transition: .3s;
		border-radius: 34px;
	}

	.toggle-switch-slider:before {
		position: absolute;
		content: "";
		height: 20px;
		width: 20px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		transition: .3s;
		border-radius: 50%;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}

	.toggle-switch-checkbox:checked+.toggle-switch-slider {
		background-color: var(--primary-color);
	}

	.toggle-switch-checkbox:focus+.toggle-switch-slider {
		box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2);
	}

	.toggle-switch-checkbox:checked+.toggle-switch-slider:before {
		transform: translateX(22px);
	}

	.toggle-switch-texts {
		display: flex;
		flex-direction: column;
		gap: 0.25rem;
	}

	.toggle-switch-label {
		font-weight: 600;
		color: var(--text-color);
		font-size: 0.95rem;
		cursor: pointer;
	}

	.toggle-switch-desc {
		margin-bottom: 0 !important;
		font-size: 0.85rem;
	}
}

.forum-reply-form-title {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0;
	color: var(--text-color);
	padding: 0.75rem 1.25rem;
	background: var(--forum-head-bg);
	border: 1px solid var(--border-color);
	border-bottom: none;
	border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.forum-reply-list {
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 0;
	border: none;
}

.forum-reply-list .children,
.forum-reply-list ol,
.comment-list .children,
.comment-list ol {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.forum-reply-list li {
	list-style: none;
}

/* Mobil: paylaşım sayfası – metne odak, profil küçük */
@media (max-width: 640px) {
	.forum-thread-breadcrumb {
		font-size: 0.8125rem;
	}

	.forum-thread-header {
		padding: 1rem 1rem;
	}

	.forum-thread-title {
		font-size: 1.25rem;
	}

	.forum-thread-meta {
		font-size: 0.75rem;
		gap: 0.35rem 0.75rem;
	}

	/* Mobilde yazar ve tarih sadece kartın üstünde (avatar yanında) görünsün, header’da tekrarlanmasın */
	/* Açılış gönderisi mobil: üstte avatar+isim, altta içerik */
	.forum-post--op {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.forum-post--op .forum-post-sidebar {
		width: 100%;
		flex-direction: row;
		align-items: center;
		text-align: left;
		padding: 0.75rem 1rem;
		border-right: none;
		border-bottom: 1px solid var(--border-color);
		background: var(--forum-row-alt);
		gap: 0.75rem;
	}

	.forum-post--op .forum-post-avatar-wrap {
		width: 44px;
		height: 44px;
		margin-bottom: 0;
		flex-shrink: 0;
	}

	.forum-post--op .forum-post-user-meta--op {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		min-width: 0;
		flex: 1;
	}

	.forum-post--op .forum-post-author-name {
		font-size: 0.9375rem;
		font-weight: 600;
		margin: 0;
	}

	.forum-post--op .forum-post-meta--op {
		font-size: 0.75rem;
		margin-top: 0.2rem;
		color: var(--text-light);
	}

	.forum-post--op .forum-post-meta--op .forum-post-time {
		margin-left: 0.25rem;
	}

	.forum-post-sidebar {
		width: 100px;
		padding: 0.75rem 0.5rem;
	}

	.forum-post-author-name {
		font-size: 0.8125rem;
	}

	.forum-post-body {
		padding: 1rem 1rem 1.25rem;
		flex: 1;
		min-width: 0;
	}

	.forum-post--op .forum-post-content {
		font-size: 1rem;
		line-height: 1.6;
	}

	.forum-post--op .forum-post-actions {
		margin-top: 1rem;
	}

	/* Cevaplar mobil: üstte avatar+isim+tarih, altta içerik */
	.forum-reply-list .forum-reply .forum-post--reply {
		flex-direction: column;
		border-radius: var(--radius);
	}

	.forum-reply-list .forum-post-sidebar {
		width: 100%;
		flex-direction: row;
		align-items: center;
		text-align: left;
		padding: 0.55rem 0.85rem;
		border-right: none;
		border-bottom: 1px solid var(--border-color);
		gap: 0.5rem 0.75rem;
	}

	.forum-reply-list .forum-post-avatar-wrap {
		width: 36px;
		height: 36px;
		margin-bottom: 0;
		flex-shrink: 0;
	}

	.forum-reply-list .forum-post-author-name {
		font-size: 0.8125rem;
	}

	.forum-reply-list .forum-post-body {
		padding: 0.75rem 0.85rem 0.85rem;
	}

	.forum-reply-list .forum-post-content {
		font-size: 0.9rem;
	}

	.forum-reply-list .forum-post-actions {
		margin-top: 0.5rem;
		justify-content: flex-start;
	}

	.forum-reply-list .forum-post-actions .comment-reply-link {
		padding: 0.35rem 0.65rem;
		font-size: 0.75rem;
	}
}

/* Yanıt olan cevapta hedef kullanıcı (Yanıt: @kullanıcı) */
.forum-reply-list .forum-reply-to {
	margin: 0 0 0.4rem;
	font-size: 0.8125rem;
	color: var(--text-light);
}

.forum-reply-to-username {
	color: var(--primary-color);
	font-weight: 600;
}

a.forum-reply-to-username {
	text-decoration: none;
}

a.forum-reply-to-username:hover {
	text-decoration: underline;
	color: var(--primary-color);
}

/* Cevaplar listesi ile Cevap yaz formu arasında boşluk */
.forum-replies .forum-reply-list {
	margin-bottom: 2.5rem;
}

.forum-replies .forum-reply-form-title {
	margin-top: 1rem;
	margin-bottom: 0;
}

/* Cevap yaz kutusu – tek kart, başlık + form */
#forum-reply-form-wrap.forum-reply-form-wrap {
	scroll-margin-top: 1.5rem;
}

.forum-reply-form-wrap {
	margin-top: 0;
	margin-bottom: 2rem;
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	background: var(--card-bg);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
	overflow: hidden;
}

.forum-reply-form-wrap .forum-reply-form-title {
	margin: 0;
	padding: 0.9rem 1.5rem;
	background: var(--forum-head-bg);
	border-bottom: 1px solid var(--border-color);
	font-size: 1.05rem;
}

.forum-reply-to-label {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem 0.75rem;
	margin: 0;
	padding: 0.6rem 1.5rem;
	background: rgba(79, 70, 229, 0.08);
	border-bottom: 1px solid var(--border-color);
	font-size: 0.9rem;
	color: var(--text-color);
}

.forum-reply-to-label #forum-reply-to-username {
	font-weight: 600;
	color: var(--primary-color);
}

.forum-reply-cancel.link-style {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin-left: 0.25rem;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--text-light);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	cursor: pointer;
	text-decoration: none;
	transition: color 0.2s, background 0.2s, border-color 0.2s;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	box-sizing: border-box;
}

.forum-reply-cancel.link-style:hover {
	color: var(--text-color);
	background: var(--forum-row-alt);
	border-color: var(--text-light);
}

.forum-reply-cancel.link-style:focus {
	outline: none;
	border-color: var(--primary-color);
	box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.2);
}

.forum-reply-form {
	margin: 0;
	padding: 1.5rem 1.5rem 1.5rem;
	border: none;
	border-radius: 0;
	background: var(--card-bg);
	box-shadow: none;
}

.forum-reply-form .comment-form-comment {
	margin: 0 0 1rem;
}

.forum-reply-form .forum-reply-textarea,
.forum-reply-form .forum-input {
	width: 100%;
	min-height: 120px;
	padding: 0.875rem 1rem;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	background: var(--card-bg);
	color: var(--text-color);
	font-family: inherit;
	font-size: 0.9875rem;
	line-height: 1.5;
	resize: vertical;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.forum-reply-form .forum-reply-textarea:focus,
.forum-reply-form .forum-input:focus {
	outline: none;
	border-color: var(--primary-color);
	box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}

.forum-reply-form .forum-reply-textarea::placeholder {
	color: var(--text-light);
}

.forum-reply-form .form-submit {
	margin: 1rem 0 0;
	padding: 0;
	border: none;
}

.forum-reply-form .forum-reply-submit,
.forum-reply-form input[type="submit"],
.forum-reply-form button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	min-width: 120px;
	padding: 0.65rem 1.25rem;
	font-size: 0.9375rem;
	font-weight: 600;
	border-radius: var(--radius);
	cursor: pointer;
	transition: background 0.2s, transform 0.15s;
	box-sizing: border-box;
}

.forum-reply-form .forum-reply-submit:hover,
.forum-reply-form input[type="submit"]:hover,
.forum-reply-form button[type="submit"]:hover {
	transform: translateY(-1px);
}

/* Yanıtla tıklanınca açılan inline cevap kutusu */
.forum-reply-list .comment-respond {
	margin: 1.25rem 0 1.5rem;
	padding: 0;
	list-style: none;
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	background: var(--card-bg);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
	overflow: hidden;
}

.forum-reply-list .comment-respond .forum-reply-form {
	border: none;
	border-radius: 0;
	margin: 0;
	box-shadow: none;
}

/* Yanıt formu başlığı (Yanıt yaz + İptal) */
#reply-title.comment-reply-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.5rem;
	font-size: 0.9375rem;
	font-weight: 600;
	margin: 0;
	padding: 0.65rem 1.25rem;
	background: var(--forum-head-bg);
	border: 1px solid var(--border-color);
	border-bottom: none;
	border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

#reply-title.comment-reply-title:empty {
	display: none;
}

.forum-reply-list .comment-respond #reply-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.5rem;
	font-size: 0.9375rem;
	font-weight: 600;
	margin: 0;
	padding: 0.65rem 1.25rem;
	background: var(--forum-head-bg);
	border: none;
	border-bottom: 1px solid var(--border-color);
	border-radius: 0;
}

.forum-reply-list .comment-respond #reply-title small {
	font-weight: 500;
	font-size: inherit;
}

.forum-reply-list .comment-respond .forum-reply-form {
	padding: 1.25rem 1.5rem;
}

/* Tekil paylaşım cevap formunda WordPress İptal linki gizli; sadece "Yanıtla: @user" satırındaki İptal kullanılıyor */
.forum-reply-form-wrap #cancel-comment-reply-link {
	display: none !important;
}

#cancel-comment-reply-link {
	display: inline-block;
	padding: 0.35rem 0.75rem;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--text-light);
	background: transparent;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	text-decoration: none;
	transition: color 0.2s, border-color 0.2s, background 0.2s;
}

#cancel-comment-reply-link:hover {
	color: var(--text-color);
	border-color: var(--text-light);
	background: var(--forum-row-alt);
}

.forum-login-to-reply {
	padding: 1.25rem;
	border: 1px solid var(--border-color);
	background: var(--card-bg);
	border-radius: var(--radius-lg);
}

.forum-reply-form-wrap .forum-login-to-reply {
	border: none;
	border-radius: 0;
	padding: 1.5rem 1.5rem;
}

.forum-login-to-reply p {
	margin: 0 0 0.75rem;
	color: var(--text-color);
}

.forum-login-to-reply p:last-child {
	margin-bottom: 0;
}

.forum-login-links {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.forum-login-links .btn {
	text-decoration: none;
}

/* Hero Section (eski - diğer sayfalar) */
.hero-section {
	text-align: center;
	padding: 4rem 0;
	margin-bottom: 3rem;
}

.hero-title {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 1rem;
	color: var(--text-color);
	line-height: 1.2;
}

.hero-subtitle {
	font-size: 1.25rem;
	color: var(--text-light);
	margin-bottom: 2rem;
}

.hero-buttons {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* Buttons – tutarlı dokunma hedefi (min 44px) */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.75rem 1.5rem;
	border-radius: var(--radius);
	text-decoration: none;
	font-weight: 600;
	transition: all 0.2s;
	border: none;
	cursor: pointer;
	font-size: 1rem;
	box-sizing: border-box;
}

.btn-primary {
	background: var(--primary-color);
	color: white;
}

.btn-primary:hover {
	background: var(--primary-hover);
	transform: translateY(-1px);
	box-shadow: var(--shadow-md);
}

.btn-secondary {
	background: var(--secondary-color);
	color: white;
}

.btn-secondary:hover {
	background: var(--secondary-hover);
	transform: translateY(-1px);
	box-shadow: var(--shadow-md);
}

.btn-tertiary {
	background: var(--tertiary-color);
	color: white;
}

.btn-tertiary:hover {
	background: var(--tertiary-hover);
	transform: translateY(-1px);
	box-shadow: var(--shadow-md);
}

/* Paylaşımlar Grid */
.paylasimlar-section {
	margin-bottom: 3rem;
}

.section-title {
	font-size: 1.75rem;
	font-weight: 700;
	margin-bottom: 2rem;
	color: var(--text-color);
}

.paylasimlar-grid {
	display: grid;
	gap: 1.5rem;
}

/* Paylaşım Card */
.paylasim-card {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	padding: 1.5rem;
	transition: all 0.2s;
	box-shadow: var(--shadow);
}

.paylasim-card:hover {
	box-shadow: var(--shadow-lg);
	transform: translateY(-2px);
}

.paylasim-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.paylasim-kategori {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 0.875rem;
	font-weight: 600;
}

.kategori-icini-dok {
	background: #eef2ff;
	color: var(--primary-color);
}

.kategori-itiraf-et {
	background: #f5f3ff;
	color: var(--secondary-color);
}

.kategori-sorum-var {
	background: #fdf2f8;
	color: var(--tertiary-color);
}

[data-theme="dark"] .kategori-icini-dok {
	background: rgba(99, 102, 241, 0.2);
}

[data-theme="dark"] .kategori-itiraf-et {
	background: rgba(139, 92, 246, 0.2);
}

[data-theme="dark"] .kategori-sorum-var {
	background: rgba(236, 72, 153, 0.2);
}

.paylasim-tarih {
	font-size: 0.875rem;
	color: var(--text-light);
}

.paylasim-baslik {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 0.75rem;
}

.paylasim-baslik a {
	color: var(--text-color);
	text-decoration: none;
	transition: color 0.2s;
}

.paylasim-baslik a:hover {
	color: var(--primary-color);
}

.paylasim-icerik {
	color: var(--text-light);
	margin-bottom: 1rem;
	line-height: 1.7;
}

.paylasim-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 1rem;
	border-top: 1px solid var(--border-color);
	flex-wrap: wrap;
	gap: 1rem;
}

.anonim-badge {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	background: var(--border-color);
	border-radius: 20px;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--text-light);
}

.paylasim-yazar-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	text-decoration: none;
	color: inherit;
	transition: opacity 0.2s;
}

.paylasim-yazar-link:hover {
	opacity: 0.85;
}

.paylasim-yazar-link:hover .yazar-ad {
	color: var(--primary-color);
}

.paylasim-yazar-link img,
.paylasim-yazar-avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
	display: block;
	flex-shrink: 0;
}

.paylasim-yazar-single .paylasim-yazar-link img,
.paylasim-yazar-single .paylasim-yazar-avatar {
	width: 48px;
	height: 48px;
}

.yazar-ad {
	font-weight: 600;
	color: var(--text-color);
}

.paylasim-istatistikler {
	display: flex;
	gap: 1rem;
	align-items: center;
}

/* Yanındayım Button */
.yanindayim-btn {
	background: transparent;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	min-height: 44px;
	padding: 0.5rem 1rem;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	transition: all 0.2s;
	font-size: 0.875rem;
	color: var(--text-color);
	box-sizing: border-box;
}

.yanindayim-btn:hover {
	background: var(--border-color);
	border-color: var(--primary-color);
}

.yanindayim-btn.active {
	background: #ecfdf5;
	border-color: #10b981;
	color: #10b981;
}

[data-theme="dark"] .yanindayim-btn.active {
	background: rgba(16, 185, 129, 0.2);
}

.yanindayim-btn.large {
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
}

.yanindayim-btn.is-loading {
	opacity: 0.75;
	cursor: wait;
	pointer-events: none;
}

.yanindayim-icon {
	font-size: 1.2em;
}

.yorum-link {
	color: var(--text-light);
	text-decoration: none;
	font-size: 0.875rem;
	transition: color 0.2s;
}

.yorum-link:hover {
	color: var(--primary-color);
}

/* Single Paylaşım */
.single-paylasim {
	margin-bottom: 3rem;
}

.paylasim-detay {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	padding: 2rem;
	box-shadow: var(--shadow);
}

.paylasim-detay .paylasim-baslik {
	font-size: 2rem;
	margin-bottom: 1rem;
}

.paylasim-detay .paylasim-icerik {
	font-size: 1.125rem;
	line-height: 1.8;
	margin: 2rem 0;
	color: var(--text-color);
}

.paylasim-actions {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid var(--border-color);
}

/* Form */
.paylasim-form-page {
	margin-bottom: 3rem;
}

.form-container {
	max-width: 600px;
	margin: 0 auto;
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	padding: 2rem;
	box-shadow: var(--shadow-lg);
}

.form-title {
	font-size: 2rem;
	margin-bottom: 1rem;
	color: var(--text-color);
}

.form-info {
	background: #f0f9ff;
	border-left: 4px solid var(--primary-color);
	padding: 1rem;
	border-radius: var(--radius);
	margin-bottom: 2rem;
	color: var(--text-light);
}

[data-theme="dark"] .form-info {
	background: rgba(99, 102, 241, 0.1);
}

.paylasim-form {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.form-group {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.form-group label {
	font-weight: 600;
	color: var(--text-color);
}

.form-input,
.form-textarea {
	padding: 0.75rem;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	background: var(--bg-color);
	color: var(--text-color);
	font-family: inherit;
	font-size: 1rem;
	transition: border-color 0.2s;
}

.form-input:focus,
.form-textarea:focus {
	outline: none;
	border-color: var(--primary-color);
}

.checkbox-label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
}

.checkbox-label input[type="checkbox"] {
	width: 1.25rem;
	height: 1.25rem;
	cursor: pointer;
}

.form-description {
	font-size: 0.875rem;
	color: var(--text-light);
	margin-top: 0.25rem;
}

.form-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Giriş / Kayıt sayfaları */
.auth-page {
	min-height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 0;
}

.auth-box {
	width: 100%;
	max-width: 420px;
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	padding: 2rem;
	box-shadow: var(--shadow-lg);
}

.auth-box-wide {
	max-width: 560px;
}

.auth-title {
	font-size: 1.75rem;
	font-weight: 700;
	margin: 0 0 0.5rem 0;
	color: var(--text-color);
}

.auth-desc {
	margin: 0 0 1.5rem 0;
	color: var(--text-light);
}

.auth-error {
	background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(220, 38, 38, 0.1) 100%);
	border: 1px solid #ef4444;
	border-radius: var(--radius);
	padding: 1rem;
	margin-bottom: 1.5rem;
	color: #dc2626;
	font-size: 0.9rem;
}

[data-theme="dark"] .auth-error {
	background: rgba(239, 68, 68, 0.15);
	color: #fca5a5;
}

.auth-info {
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(37, 99, 235, 0.1) 100%);
	border: 1px solid #3b82f6;
	border-radius: var(--radius);
	padding: 1rem;
	margin-bottom: 1.5rem;
	color: #2563eb;
	font-size: 0.9rem;
}

[data-theme="dark"] .auth-info {
	background: rgba(59, 130, 246, 0.15);
	color: #93c5fd;
}

.btn-secondary {
	background: transparent;
	color: var(--text-color);
	border: 1px solid var(--border-color);
	padding: 0.6rem 1.25rem;
	border-radius: var(--radius);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9rem;
	transition: all 0.2s;
	display: inline-block;
	text-align: center;
}

.btn-secondary:hover {
	background: var(--bg-color);
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.btn-block {
	width: 100%;
	display: block;
}

/* Form Page Styling */
.paylasim-form-page {
	min-height: 60vh;
	padding: 2rem 0;
}

.form-container {
	max-width: 680px;
	margin: 0 auto;
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	padding: 2.5rem;
	box-shadow: var(--shadow-lg);
}

.form-title {
	font-size: 1.75rem;
	font-weight: 700;
	margin: 0 0 0.75rem 0;
	color: var(--text-color);
}

.form-info {
	margin-bottom: 2rem;
	color: var(--text-light);
	font-size: 0.95rem;
}

.paylasim-form .form-group {
	margin-bottom: 1.5rem;
}

.paylasim-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.5rem;
	color: var(--text-color);
}

.paylasim-form .form-input,
.paylasim-form .form-textarea {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	background: var(--bg-color);
	color: var(--text-color);
	font-family: inherit;
	font-size: 1rem;
	transition: border-color 0.2s;
}

.paylasim-form .form-input:focus,
.paylasim-form .form-textarea:focus {
	outline: none;
	border-color: var(--primary-color);
}

.paylasim-form .form-textarea {
	resize: vertical;
	min-height: 200px;
}

.paylasim-form .checkbox-label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: normal;
	cursor: pointer;
}

.paylasim-form .checkbox-label input[type="checkbox"] {
	width: auto;
	cursor: pointer;
}

.paylasim-form .form-description {
	margin-top: 0.5rem;
	font-size: 0.85rem;
	color: var(--text-light);
}

.form-actions {
	display: flex;
	gap: 1rem;
	margin-top: 2rem;
}

@media (max-width: 768px) {
	.form-container {
		padding: 1.5rem;
	}

	.form-actions {
		flex-direction: column;
	}
}


/* Profil sayfası (yazar sayfası) */
.profile-page {
	padding-bottom: 3rem;
}

.profile-header {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	overflow: hidden;
	margin-bottom: 2.5rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.profile-cover {
	height: 240px;
	background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.profile-cover-placeholder {
	display: block;
	height: 100%;
	width: 100%;
	background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	opacity: 0.92;
}

.profile-info-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1.75rem;
	position: relative;
	padding: 0 2rem 2rem;
	margin-top: -72px;
}

.profile-avatar-wrap {
	position: relative;
	flex-shrink: 0;
	width: 128px;
	height: 128px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid var(--card-bg);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.profile-avatar-wrap .profile-avatar,
.profile-avatar-wrap .avatar,
.profile-avatar-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.profile-meta {
	flex: 1;
	min-width: 0;
	padding-top: 0.25rem;
}

.profile-name {
	font-size: 1.875rem;
	font-weight: 700;
	margin: 0 0 0.5rem;
	color: var(--text-color);
	line-height: 1.2;
}

.profile-bio {
	color: var(--text-light);
	line-height: 1.65;
	margin: 0 0 1rem;
	max-width: 520px;
	font-size: 0.9875rem;
}

.profile-social-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.profile-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--forum-row-alt);
	color: var(--text-color);
	border: 1px solid var(--border-color);
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.profile-social-link:hover {
	background: var(--primary-color);
	color: #fff;
	border-color: var(--primary-color);
}

.profile-social-link svg {
	width: 18px;
	height: 18px;
}

.profile-stats {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-bottom: 0;
	color: var(--text-light);
	font-size: 0.9375rem;
}

.profile-stat {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
}

.profile-stat strong {
	color: var(--text-color);
	font-weight: 600;
}

.profile-stat-sep {
	opacity: 0.5;
	user-select: none;
}

.profile-actions {
	margin-top: 1rem;
}

.profile-actions .btn {
	min-width: 160px;
}

.profile-section-title {
	font-size: 1.125rem;
	font-weight: 600;
	margin-bottom: 1.25rem;
	color: var(--text-color);
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--border-color);
}

.profile-content {
	margin-top: 0;
}

.profile-page .paylasimlar-grid {
	grid-template-columns: 1fr;
	gap: 1rem;
}

.profile-page .paylasim-card {
	padding: 1.25rem 1.5rem;
}

/* Profil düzenleme sayfası */
.profile-edit-page .auth-page {
	align-items: flex-start;
	padding-top: 2rem;
}

.profile-edit-page .auth-box-wide {
	max-width: 720px;
	width: 100%;
}

.form-section {
	margin-bottom: 2rem;
}

.form-section:last-of-type {
	margin-bottom: 1.5rem;
}

.form-section-title {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--text-color);
	margin: 0 0 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--border-color);
}

.form-section-desc {
	font-size: 0.875rem;
	color: var(--text-light);
	margin: 0 0 1rem;
}

.profile-edit-page .auth-title {
	margin-bottom: 0.35rem;
}

.profile-edit-page .auth-desc {
	margin-bottom: 1.75rem;
}

.profile-edit-form .auth-actions {
	margin-top: 0.5rem;
	padding-top: 1rem;
	border-top: 1px solid var(--border-color);
}

.profile-edit-form .auth-actions .btn,
.profile-edit-form .auth-actions a.btn {
	margin-bottom: 0.5rem;
}

.profile-edit-form .auth-actions .btn:last-child,
.profile-edit-form .auth-actions a.btn:last-child {
	margin-bottom: 0;
}

/* Profil düzenleme: kapak fotoğrafı */
.profile-cover-group .form-label-text {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-color);
}

.profile-cover-edit {
	margin-bottom: 1.5rem;
}

.profile-cover-preview {
	width: 100%;
	height: 160px;
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--forum-row-alt);
	border: 1px dashed var(--border-color);
	margin-bottom: 0.75rem;
}

.profile-cover-preview-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.profile-cover-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	height: 100%;
	color: var(--text-light);
	font-size: 0.875rem;
	background: var(--forum-row-alt);
}

.profile-cover-placeholder-icon {
	font-size: 2rem;
	opacity: 0.6;
}

.profile-cover-placeholder-text {
	font-size: 0.8125rem;
}

/* Dosya input'ları gizle – sadece buton görünsün */
/* Görünümü gizle; .btn-file içinde tıklanabilir yapılacak */
.profile-cover-input,
.profile-photo-input {
	overflow: hidden;
	opacity: 0;
}

.profile-cover-actions {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
	align-items: center;
}

.profile-cover-actions .btn-file {
	cursor: pointer;
	margin: 0;
}

.profile-cover-actions .btn-remove input[type="checkbox"] {
	margin-right: 0.35rem;
}

/* Buton: dosya seçici (tek görünen metin) */
.btn-file {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.btn-file input[type="file"] {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: pointer;
	z-index: 1;
}

.btn-ghost {
	background: transparent;
	color: var(--text-light);
	border-color: transparent;
}

.btn-ghost:hover {
	background: var(--forum-row-alt);
	color: var(--text-color);
	border-color: var(--border-color);
}

/* Profil düzenleme: sosyal medya alanları */
.profile-social-group {
	display: grid;
	gap: 0.75rem 1.5rem;
	grid-template-columns: 1fr;
}

.profile-social-group .form-label-inline {
	display: block;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--text-color);
	margin-bottom: 0.25rem;
	grid-column: 1;
}

.profile-social-group .form-input {
	width: 100%;
	margin-bottom: 0;
}

@media (min-width: 500px) {
	.profile-social-group {
		grid-template-columns: 120px 1fr;
		align-items: center;
	}

	.profile-social-group .form-label-inline {
		margin-bottom: 0;
	}
}

.profile-photo-group .form-label-text {
	display: block;
	margin-bottom: 0.75rem;
	font-weight: 500;
	color: var(--text-color);
}

.profile-photo-edit {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.profile-photo-preview {
	position: relative;
	flex-shrink: 0;
	width: 112px;
	height: 112px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--forum-row-alt);
	border: 2px solid var(--border-color);
	cursor: grab;
}

.profile-photo-preview img,
.profile-avatar-preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.profile-photo-preview.is-dragging {
	cursor: grabbing;
}

.profile-photo-help {
	margin-top: 0.5rem;
	font-size: 0.8125rem;
	color: var(--text-light);
}

.profile-photo-actions {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.profile-photo-actions .btn-file {
	cursor: pointer;
}

.profile-photo-actions .btn-remove {
	cursor: pointer;
}

.profile-photo-actions .btn-remove input[type="checkbox"] {
	margin-right: 0.35rem;
}

.btn-small {
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
}

.auth-title {
	font-size: 1.75rem;
	margin-bottom: 0.5rem;
	color: var(--text-color);
}

.auth-desc {
	color: var(--text-light);
	margin-bottom: 1.5rem;
	font-size: 0.95rem;
}

.auth-error {
	background: #fef2f2;
	border: 1px solid #fecaca;
	color: #b91c1c;
	padding: 0.75rem 1rem;
	border-radius: var(--radius);
	margin-bottom: 1.5rem;
	font-size: 0.9rem;
}

[data-theme="dark"] .auth-error {
	background: rgba(185, 28, 28, 0.2);
	border-color: rgba(248, 113, 113, 0.5);
}

.auth-success {
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	color: #047857;
	padding: 0.75rem 1rem;
	border-radius: var(--radius);
	margin-bottom: 1.5rem;
	font-size: 0.9rem;
}

[data-theme="dark"] .auth-success {
	background: rgba(16, 185, 129, 0.2);
	border-color: rgba(167, 243, 208, 0.5);
}

.auth-info {
	background: #f0f9ff;
	border-left: 4px solid var(--primary-color);
	padding: 1rem;
	border-radius: var(--radius);
	margin-bottom: 1.5rem;
	color: var(--text-light);
}

.auth-form .form-group {
	margin-bottom: 0;
}

.auth-form .form-group-checkbox {
	margin-top: 0.25rem;
}

.auth-actions {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.btn-block {
	width: 100%;
	text-align: center;
}

/* Kayıt başarılı toast */
.icini-dok-toast {
	position: fixed;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%) translateY(100px);
	padding: 1rem 1.5rem;
	background: var(--primary-color);
	color: #fff;
	border-radius: var(--radius);
	box-shadow: var(--shadow-lg);
	z-index: 99999;
	opacity: 0;
	transition: transform 0.3s ease, opacity 0.3s ease;
	pointer-events: none;
	font-weight: 600;
}

.icini-dok-toast.show {
	transform: translateX(-50%) translateY(0);
	opacity: 1;
}

/* Comments */
.comments-area {
	margin-top: 3rem;
	padding-top: 3rem;
	border-top: 1px solid var(--border-color);
}

.comments-title {
	font-size: 1.5rem;
	margin-bottom: 2rem;
	color: var(--text-color);
}

.comment-list {
	list-style: none;
}

.comment-body {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	padding: 1.5rem;
	margin-bottom: 1rem;
}

.comment-author {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.comment-author img {
	border-radius: 50%;
}

.comment-meta {
	margin-left: auto;
	font-size: 0.875rem;
	color: var(--text-light);
}

.comment-content {
	margin-top: 0.75rem;
	color: var(--text-color);
	line-height: 1.7;
}

.comment-reply {
	margin-top: 0.75rem;
}

.comment-form {
	margin-top: 2rem;
}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"] {
	width: 100%;
	padding: 0.75rem;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	background: var(--bg-color);
	color: var(--text-color);
	font-family: inherit;
	margin-bottom: 1rem;
}

.comment-form-comment-anonim {
	margin-top: 1rem;
}

/* Footer */
.site-footer {
	border-top: 1px solid var(--border-color);
	padding: 2rem 0;
	margin-top: 4rem;
	text-align: center;
	font-size: 0.875rem;
	color: var(--text-light);
}

.site-footer a {
	color: var(--text-color);
	text-decoration: none;
}

.site-footer a:hover {
	color: var(--primary-color);
}

.site-footer .footer-social {
	display: flex;
	justify-content: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.site-footer .footer-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--border-color);
	color: var(--text-color);
	transition: background 0.2s, color 0.2s;
}

.site-footer .footer-social-link:hover {
	background: var(--primary-color);
	color: #fff;
}

.site-footer .footer-links {
	margin-bottom: 0.5rem;
}

.site-footer .footer-links-sep {
	margin: 0 0.25rem;
	color: var(--text-light);
}

.site-footer .footer-copy {
	margin: 0;
}

/* Header logo from theme options */
.site-branding .site-logo {
	max-height: 48px;
	width: auto;
	display: block;
}

/* Aydınlık/karanlık tema: hangi logo görünsün */
.site-branding .site-logo-dark {
	display: none;
}

.site-branding .site-logo-light {
	display: block;
}

[data-theme="dark"] .site-branding .site-logo-light {
	display: none;
}

[data-theme="dark"] .site-branding .site-logo-dark {
	display: block;
}

.site-branding .site-logo-link {
	display: inline-block;
}

/* Bildirimler – header'da ikon + açılır liste (tema seçicinin yanında) */
.nav-bildirim-wrap {
	position: relative;
}

.nav-bildirim-btn {
	position: relative;
	cursor: pointer;
	font-family: inherit;
	border: 1px solid transparent;
	background: transparent;
	color: inherit;
	padding: 0.45rem 0.7rem;
	border-radius: var(--radius);
	transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.nav-bildirim-btn:hover {
	background: var(--border-color);
	border-color: var(--primary-color);
}

.nav-bildirim-badge {
	position: absolute;
	top: -4px;
	right: -4px;
	min-width: 1.25rem;
	height: 1.25rem;
	padding: 0 0.35rem;
	font-size: 0.7rem;
	line-height: 1.25rem;
	font-weight: 700;
	text-align: center;
	background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
	color: #fff;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(79, 70, 229, 0.35);
}

.nav-bildirim-dropdown {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	min-width: 260px;
	max-width: calc(100vw - 24px);
	max-height: calc(100vh - 100px);
	overflow: hidden;
	display: none;
	flex-direction: column;
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.06);
	z-index: 1000;
}

.nav-bildirim-dropdown::before {
	content: "";
	position: absolute;
	top: -6px;
	right: 16px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid var(--border-color);
}

.nav-bildirim-dropdown::after {
	content: "";
	position: absolute;
	top: -5px;
	right: 17px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid var(--card-bg);
}

.nav-bildirim-dropdown.nav-bildirim-dropdown-open {
	display: flex;
	flex-direction: column;
	animation: nav-bildirim-fade 0.2s ease;
}

@keyframes nav-bildirim-fade {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.nav-bildirim-dropdown-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.875rem 1rem;
	background: var(--forum-head-bg);
	border-bottom: 1px solid var(--border-color);
	flex-shrink: 0;
}

.nav-bildirim-dropdown-title {
	font-size: 0.8125rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-light);
}

.nav-bildirim-dropdown-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.35rem;
	height: 1.35rem;
	padding: 0 0.4rem;
	font-size: 0.75rem;
	font-weight: 600;
	background: var(--primary-color);
	color: #fff;
	border-radius: 8px;
}

.nav-bildirim-dropdown-inner {
	padding: 0.35rem 0;
	overflow-y: auto;
	max-height: 60vh;
}

.nav-bildirim-section {
	margin-bottom: 0.5rem;
}

.nav-bildirim-section:last-child {
	margin-bottom: 0;
}

.nav-bildirim-section-title {
	display: block;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--text-light);
	padding: 0.4rem 1rem 0.25rem;
}

.nav-bildirim-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.6rem;
	padding: 0.65rem 1rem;
	margin: 0 0.35rem;
	border-radius: 8px;
	font-size: 0.9rem;
	transition: background 0.15s;
}

.nav-bildirim-item:hover {
	background: var(--forum-row-alt);
}

.nav-bildirim-item.dismissed {
	display: none;
}

.nav-bildirim-item-link,
.nav-bildirim-item-title {
	flex: 1;
	min-width: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.nav-bildirim-item-link {
	color: var(--text-color);
	text-decoration: none;
	font-weight: 500;
}

.nav-bildirim-item-link:hover {
	color: var(--primary-color);
	text-decoration: none;
}

.nav-bildirim-item--one-cikar {
	background: linear-gradient(90deg, rgba(79, 70, 229, 0.08), rgba(99, 102, 241, 0.04));
}

.nav-bildirim-item--one-cikar:hover {
	background: linear-gradient(90deg, rgba(79, 70, 229, 0.12), rgba(99, 102, 241, 0.06));
}

.nav-bildirim-item--one-cikar .nav-bildirim-item-link {
	color: var(--primary-color);
}

.nav-bildirim-item-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.6rem;
	height: 1.6rem;
	background: transparent;
	border: none;
	border-radius: 6px;
	font-size: 1.15rem;
	line-height: 1;
	cursor: pointer;
	color: var(--text-light);
	flex-shrink: 0;
	transition: background 0.15s, color 0.15s;
}

.nav-bildirim-item-close:hover {
	background: var(--border-color);
	color: var(--text-color);
}

.nav-bildirim-empty {
	margin: 0;
	padding: 2rem 1.25rem;
	text-align: center;
	color: var(--text-light);
	font-size: 0.9rem;
	line-height: 1.5;
}

/* Öne çıkan konu (ana sayfa) */
.front-page .one-cikan-konu {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	padding: var(--spacing);
	margin-bottom: 2rem;
	box-shadow: var(--shadow);
}

.front-page .one-cikan-konu h2 {
	font-size: 0.875rem;
	color: var(--text-light);
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.front-page .one-cikan-konu .one-cikan-konu-title {
	font-size: 1.125rem;
	margin: 0;
}

.front-page .one-cikan-konu .one-cikan-konu-title a {
	text-decoration: none;
	color: var(--text-color);
}

.front-page .one-cikan-konu .one-cikan-konu-title a:hover {
	color: var(--primary-color);
}

.front-page .one-cikan-konu .one-cikan-konu-excerpt {
	color: var(--text-light);
	font-size: 0.9rem;
	margin-top: 0.5rem;
}

/* No Content */
.no-paylasim {
	text-align: center;
	padding: 3rem;
	color: var(--text-light);
	font-size: 1.125rem;
}

/* Pagination */
.pagination {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 3rem;
	flex-wrap: wrap;
}

.pagination a,
.pagination span {
	padding: 0.5rem 1rem;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	text-decoration: none;
	color: var(--text-color);
	transition: all 0.2s;
}

.pagination a:hover {
	background: var(--primary-color);
	color: white;
	border-color: var(--primary-color);
}

.pagination .current {
	background: var(--primary-color);
	color: white;
	border-color: var(--primary-color);
}

/* Responsive */
@media (max-width: 768px) {
	.hero-title {
		font-size: 2rem;
	}

	.hero-subtitle {
		font-size: 1.125rem;
	}

	.paylasim-detay {
		padding: 1.5rem;
	}

	.form-container {
		padding: 1.5rem;
	}

	.site-header {
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		gap: 0.75rem;
	}

	.site-branding {
		flex: 1;
		min-width: 0;
	}

	.nav-toggle {
		display: flex;
		flex-shrink: 0;
	}

	.site-navigation {
		width: 100%;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		transition: max-height 0.3s ease, opacity 0.2s ease;
		order: 99;
	}

	.site-navigation.is-open {
		max-height: 80vh;
		overflow-y: auto;
		opacity: 1;
	}

	.site-navigation .primary-menu,
	.site-navigation .nav-user-wrap {
		padding: 0.5rem 0;
	}

	.site-navigation ul.primary-menu {
		flex-direction: column;
		gap: 0.25rem;
	}

	.site-navigation .nav-user-wrap {
		margin-top: 0.5rem;
		flex-direction: column;
		align-items: stretch;
	}

	.site-navigation .nav-user-wrap .nav-user-link,
	.site-navigation .nav-user-wrap .theme-toggle {
		justify-content: center;
		min-height: 44px;
	}

	.nav-user-wrap {
		margin-top: 0;
	}

	/* Bildirim dropdown mobilde ekran içinde: fixed ile kenarlara yapışık */
	.header-actions .nav-bildirim-wrap {
		position: static;
	}

	.header-actions .nav-bildirim-dropdown {
		position: fixed;
		top: 56px;
		left: 12px;
		right: 12px;
		width: auto;
		min-width: 0;
		max-width: none;
		max-height: calc(100vh - 80px);
	}

	.header-actions .nav-bildirim-dropdown::before {
		right: 28px;
		left: auto;
	}

	.header-actions .nav-bildirim-dropdown::after {
		right: 29px;
		left: auto;
	}

	.profile-cover {
		height: 180px;
	}

	.profile-info-wrapper {
		padding: 0 1rem 1.5rem;
		margin-top: -56px;
		gap: 1rem;
	}

	.profile-avatar-wrap {
		width: 100px;
		height: 100px;
		border-width: 3px;
	}

	.profile-name {
		font-size: 1.5rem;
	}

	.profile-edit-page .auth-box-wide {
		max-width: 100%;
	}

	.nav-user-link {
		padding: 0.45rem 0.75rem;
		font-size: 0.85rem;
	}

	/* Forum konu listesi mobil: sadece avatar + başlık */
	.forum-topic-list-header {
		display: none;
	}

	.forum-topic-row {
		display: flex;
		align-items: center;
		gap: 0.6rem;
		padding: 0.65rem 0.85rem;
		grid-template-columns: none;
	}

	.forum-col-author {
		order: 1;
		flex: 0 0 auto;
	}

	.forum-col-topic {
		order: 2;
		flex: 1 1 auto;
		min-width: 0;
	}

	/* Bölüm, sayaçlar ve tarih mobilde tamamen gizli (sayılar + "X gün önce") */
	.forum-topic-list .forum-topic-row .forum-col-cat,
	.forum-topic-list .forum-topic-row .forum-col-stats,
	.forum-topic-list .forum-topic-row .forum-col-date {
		display: none !important;
	}

	/* Avatar + başlık hizası */
	.forum-topic-author {
		gap: 0.35rem;
	}

	/* Mobilde kullanıcı adı gizli (sadece avatar kalsın) */
	.forum-topic-author span {
		display: none;
	}

	.forum-topic-avatar,
	.forum-topic-author img {
		width: 32px;
		height: 32px;
	}

	/* Başlık satırda taşarsa satır sarsın ama tek blok kalsın */
	.forum-topic-title {
		display: block;
		font-size: 0.95rem;
	}

	/* Kategori arşivinde de aynı satır yapısı */
	.forum-archive-cat .forum-topic-row {
		display: flex;
		grid-template-columns: none;
	}

	/* Forum post mobil/tablet: sidebar üstte (avatar+isim), altta içerik */
	.forum-post {
		flex-direction: column;
	}

	.forum-post--op .forum-post-user-meta--op {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		min-width: 0;
		flex: 1;
	}

	.forum-post--op .forum-post-sidebar {
		width: 100%;
		flex-direction: row;
		align-items: center;
		text-align: left;
		padding: 0.75rem 1rem;
		border-right: none;
		border-bottom: 1px solid var(--border-color);
		background: var(--forum-row-alt);
		gap: 0.75rem;
	}

	.forum-post--op .forum-post-avatar-wrap {
		width: 48px;
		height: 48px;
		margin-bottom: 0;
		flex-shrink: 0;
	}

	.forum-post--op .forum-post-author-name {
		font-size: 0.9375rem;
		font-weight: 600;
	}

	.forum-post--op .forum-post-meta--op {
		font-size: 0.75rem;
		margin-top: 0.2rem;
	}

	.forum-post-sidebar {
		width: 100%;
		flex-direction: row;
		justify-content: flex-start;
		gap: 0.75rem;
		border-right: none;
		border-bottom: 1px solid var(--border-color);
		text-align: left;
	}

	.forum-post-avatar .forum-avatar-img {
		width: 48px;
		height: 48px;
	}

	/* Kutunun içinde fotoğraf tam sığsın */
	.forum-post--op .forum-post-avatar-wrap .forum-avatar-img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		object-position: center;
	}

	.forum-reply-list .forum-post-avatar-wrap .forum-avatar-img {
		width: 100% !important;
		height: 100% !important;
	}
}

/* ========== Blog ========== */
.blog-page {
	padding-top: 1.5rem;
	padding-bottom: 3rem;
	max-width: var(--container-width);
	margin-left: auto;
	margin-right: auto;
}

.blog-page-header {
	margin-bottom: 2.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--border-color);
}

.blog-page-title {
	font-size: 2rem;
	font-weight: 700;
	margin: 0 0 0.35rem;
	color: var(--text-color);
	letter-spacing: -0.02em;
}

.blog-page-desc {
	color: var(--text-light);
	font-size: 1.0625rem;
	line-height: 1.5;
	margin: 0;
}

.blog-list {
	display: grid;
	gap: 1.75rem;
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	.blog-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

.blog-card {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	overflow: hidden;
	transition: box-shadow 0.25s, border-color 0.2s, transform 0.2s;
	display: flex;
	flex-direction: column;
}

.blog-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	border-color: rgba(79, 70, 229, 0.2);
	transform: translateY(-3px);
}

.blog-card-thumb {
	display: block;
	height: 200px;
	overflow: hidden;
	background: var(--forum-row-alt);
	flex-shrink: 0;
}

.blog-card-thumb--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--forum-row-alt) 0%, var(--forum-head-bg) 100%);
}

.blog-card-placeholder {
	font-size: 1rem;
	font-weight: 600;
	color: var(--text-light);
	opacity: 0.7;
}

.blog-card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.35s;
}

.blog-card:hover .blog-card-img {
	transform: scale(1.03);
}

.blog-card-body {
	padding: 1.35rem 1.5rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.blog-card-meta {
	font-size: 0.8125rem;
	color: var(--text-light);
	margin-bottom: 0.5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.15rem;
}

.blog-card-sep {
	user-select: none;
}

.blog-card-author {
	color: var(--primary-color);
	text-decoration: none;
	font-weight: 500;
}

.blog-card-author:hover {
	text-decoration: underline;
}

.blog-card-cats a {
	color: var(--text-light);
	text-decoration: none;
}

.blog-card-cats a:hover {
	color: var(--primary-color);
}

.blog-card-title {
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0 0 0.5rem;
	line-height: 1.35;
	flex: 1;
}

.blog-card-title a {
	color: var(--text-color);
	text-decoration: none;
	transition: color 0.2s;
}

.blog-card-title a:hover {
	color: var(--primary-color);
}

.blog-card-excerpt {
	font-size: 0.9375rem;
	color: var(--text-light);
	line-height: 1.6;
	margin-bottom: 0.85rem;
	flex: 1;
}

.blog-card-excerpt p {
	margin: 0;
}

.blog-card-link {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--primary-color);
	text-decoration: none;
	transition: color 0.2s, gap 0.2s;
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
}

.blog-card-link:hover {
	color: var(--secondary-color);
	text-decoration: none;
	gap: 0.4rem;
}

.blog-empty {
	color: var(--text-light);
	text-align: center;
	padding: 3rem 1.5rem;
	font-size: 1.0625rem;
}

.blog-pagination {
	margin-top: 2.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--border-color);
}

.blog-pagination .nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.blog-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	padding: 0.5rem 0.75rem;
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--text-color);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	text-decoration: none;
	transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.blog-pagination .page-numbers:hover,
.blog-pagination .page-numbers.current {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff;
	text-decoration: none;
}

/* Blog tekil yazı */
.single-post-page {
	padding-top: 0;
	padding-bottom: 0;
	max-width: var(--container-width);
	margin-left: auto;
	margin-right: auto;
}

.single-post-breadcrumb {
	margin-bottom: 1.25rem;
	font-size: 0.875rem;
	color: var(--text-light);
}

.single-post-breadcrumb a {
	color: var(--primary-color);
	text-decoration: none;
	font-weight: 500;
}

.single-post-breadcrumb a:hover {
	text-decoration: underline;
}

.single-post-breadcrumb .breadcrumb-sep {
	margin: 0 0.35rem;
	user-select: none;
}

.single-post-breadcrumb .breadcrumb-current {
	color: var(--text-color);
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	display: inline-block;
	vertical-align: bottom;
}

/* NOT: WordPress .single-post class'ını body'ye de ekler. Bu yüzden seçiciyi article ile sınırlıyoruz. */
article.single-post {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
	overflow: clip; /* overflow:hidden body'ye de uygulanır ve scroll'u kilitler */
	padding: 0 0 2rem;
}

/* body'ye single-post class geldiğinde scroll korunmalı */
body.single-post {
	overflow-y: auto !important;
	overflow-x: hidden !important;
}


.single-post-header {
	margin-bottom: 1.5rem;
	padding: 1.5rem 2rem 0;
}

.single-post-title {
	font-size: 2rem;
	font-weight: 700;
	margin: 0 0 0.6rem;
	color: var(--text-color);
	line-height: 1.25;
	letter-spacing: -0.02em;
}

.single-post-meta {
	font-size: 0.9375rem;
	color: var(--text-light);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.15rem;
}

.single-post-meta .meta-sep {
	margin: 0;
}

.single-post-author {
	color: var(--primary-color);
	text-decoration: none;
	font-weight: 500;
}

.single-post-author:hover {
	text-decoration: underline;
}

.single-post-cats a {
	color: var(--text-light);
	text-decoration: none;
}

.single-post-cats a:hover {
	color: var(--primary-color);
}

.single-post-reading-time {
	color: var(--text-light);
}

.single-post-thumbnail {
	margin: 0 0 1.5rem;
	border-radius: 0;
	overflow: hidden;
	background: var(--forum-row-alt);
}

.single-post-img {
	width: 100%;
	height: auto;
	display: block;
}

.single-post-content {
	font-size: 1.0625rem;
	line-height: 1.8;
	color: var(--text-color);
	max-width: 42em;
	margin: 0 auto;
	padding: 0 2rem;
}

.single-post-content p {
	margin: 0 0 1.15rem;
}

.single-post-content h2,
.single-post-content h3 {
	margin: 2rem 0 0.75rem;
	font-weight: 700;
	line-height: 1.3;
}

.single-post-content h2 {
	font-size: 1.5rem;
}

.single-post-content h3 {
	font-size: 1.25rem;
}

.single-post-content ul,
.single-post-content ol {
	margin: 0 0 1.15rem;
	padding-left: 1.5rem;
}

.single-post-content blockquote {
	margin: 1.5rem 0;
	padding: 1rem 1.5rem;
	border-left: 4px solid var(--primary-color);
	background: var(--forum-row-alt);
	border-radius: 0 var(--radius) var(--radius) 0;
	font-style: italic;
	color: var(--text-color);
}

.single-post-content img {
	max-width: 100%;
	height: auto;
	border-radius: var(--radius);
}

.single-post-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
	margin: 1.5rem 0 0;
	padding: 1rem 0;
	border-top: 1px solid var(--border-color);
	max-width: 42em;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2rem;
	padding-right: 2rem;
}

.single-post-share-label {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--text-light);
}

.share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.5rem 1rem;
	border-radius: var(--radius);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid var(--border-color);
	background: var(--card-bg);
	color: var(--text-color);
	cursor: pointer;
	transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.share-btn:hover,
.share-btn:focus-visible {
	background: var(--border-color);
	border-color: var(--primary-color);
	color: var(--primary-color);
	outline: none;
}


.page-links {
	margin: 1.5rem 0;
	font-weight: 500;
	padding: 0 2rem;
	max-width: 42em;
	margin-left: auto;
	margin-right: auto;
}

.single-post-nav {
	margin-top: 2rem;
	padding: 1.5rem 2rem 0;
	border-top: 1px solid var(--border-color);
}

.single-post-nav .post-navigation {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin: 0;
	padding: 0;
	border: none;
}

.single-post-nav .nav-links a {
	display: block;
	padding: 0.85rem 1rem;
	background: var(--forum-row-alt);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	color: var(--text-color);
	text-decoration: none;
	transition: background 0.2s, border-color 0.2s;
}

.single-post-nav .nav-links a:hover {
	background: var(--forum-head-bg);
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.single-post-nav .nav-label {
	display: block;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-light);
	margin-bottom: 0.25rem;
}

.single-post-nav .nav-title {
	display: block;
	font-weight: 600;
	font-size: 0.9375rem;
	line-height: 1.4;
}

.single-post-nav .nav-next {
	text-align: right;
}

.single-post-nav .nav-next a {
	text-align: right;
}

.single-post-nav .nav-previous+.nav-next {
	grid-column: 2;
}

/* Tekil yazı mobil */
@media (max-width: 640px) {
	.single-post-header {
		padding: 1.25rem 1.25rem 0;
	}

	.single-post-title {
		font-size: 1.5rem;
	}

	.single-post-content {
		padding: 0 1.25rem;
	}

	.single-post-share {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}

	.page-links {
		padding: 0 1.25rem;
	}

	.single-post-nav {
		padding: 1.25rem 1.25rem 0;
	}

	.single-post-nav .post-navigation {
		grid-template-columns: 1fr;
	}

	.single-post-nav .nav-next a {
		text-align: left;
	}

	.blog-page-header {
		margin-bottom: 1.5rem;
	}

	.blog-page-title {
		font-size: 1.5rem;
	}

	.blog-card-body {
		padding: 1.15rem 1.25rem;
	}
}

.post-navigation a:hover {
	text-decoration: underline;
}

/* ========== Sayfa şablonu (page.php) ========== */
.page-page {
	max-width: var(--container-width);
	margin-left: auto;
	margin-right: auto;
}

.page-breadcrumb {
	margin-bottom: 1.25rem;
	font-size: 0.875rem;
	color: var(--text-light);
}

.page-breadcrumb a {
	color: var(--primary-color);
	text-decoration: none;
	font-weight: 500;
}

.page-breadcrumb a:hover {
	text-decoration: underline;
}

.page-breadcrumb .breadcrumb-sep {
	margin: 0 0.35rem;
	user-select: none;
}

.page-breadcrumb .breadcrumb-current {
	color: var(--text-color);
	font-weight: 500;
}

.page-article {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
	overflow: hidden;
	padding: 0 0 2rem;
}

.page-header {
	padding: 1.5rem 2rem 0;
	margin-bottom: 0;
}

.page-title {
	font-size: 2rem;
	font-weight: 700;
	margin: 0 0 0.6rem;
	line-height: 1.25;
	color: var(--text-color);
}

.page-thumbnail {
	margin: 1.5rem 2rem 0;
	border-radius: var(--radius);
	overflow: hidden;
}

.page-img {
	width: 100%;
	height: auto;
	display: block;
}

.page-content {
	font-size: 1.0625rem;
	line-height: 1.8;
	color: var(--text-color);
	max-width: 42em;
	margin: 0 auto;
	padding: 0 2rem;
}

.page-content p {
	margin: 0 0 1.15rem;
}

.page-content h2,
.page-content h3 {
	margin: 1.5rem 0 0.75rem;
	font-weight: 700;
}

.page-content img {
	max-width: 100%;
	height: auto;
	border-radius: var(--radius);
}

@media (max-width: 640px) {

	.page-header,
	.page-content {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}

	.page-title {
		font-size: 1.5rem;
	}
}

/* Arama sayfalama */
.search-pagination {
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--border-color);
}

.search-pagination .nav-links {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.search-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	padding: 0.5rem 0.75rem;
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--text-color);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	text-decoration: none;
}

.search-pagination .page-numbers:hover,
.search-pagination .page-numbers.current {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff;
}

.search-page .no-results .error-page-actions {
	margin-top: 1.5rem;
}

/* ========== Hata sayfaları (404 vb.) ========== */
.error-page {
	min-height: 50vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3rem 1.5rem;
}

.error-page-inner {
	text-align: center;
	max-width: 420px;
	margin: 0 auto;
}

.error-page-icon {
	font-size: 4rem;
	font-weight: 800;
	line-height: 1;
	color: var(--primary-color);
	opacity: 0.25;
	margin-bottom: 0.5rem;
	letter-spacing: -0.02em;
}

.error-page-title {
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 0 0.75rem;
	color: var(--text-color);
}

.error-page-desc {
	color: var(--text-light);
	font-size: 1rem;
	line-height: 1.6;
	margin: 0 0 1.5rem;
}

.error-page-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
	margin-bottom: 2rem;
}

.error-page-actions .btn {
	text-decoration: none;
}

.error-page-search {
	max-width: 320px;
	margin: 0 auto;
}

.error-page-search .search-form,
.error-page-search form {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.error-page-search label {
	flex: 1;
	min-width: 0;
}

.error-page-search .search-field {
	width: 100%;
	padding: 0.6rem 1rem;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	background: var(--card-bg);
	color: var(--text-color);
	font-size: 0.9375rem;
}

.error-page-search .search-field:focus {
	outline: none;
	border-color: var(--primary-color);
}

.error-page-search .search-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.6rem 1.25rem;
	font-weight: 600;
	border-radius: var(--radius);
	cursor: pointer;
	white-space: nowrap;
	box-sizing: border-box;
}

.error-page.no-results .error-page-icon {
	font-size: 3rem;
	opacity: 0.6;
}

/* Arama sonuçları sayfası */
.search-page {
	padding: 1.5rem 0 3rem;
}

.search-page-header {
	margin-bottom: 2rem;
}

.search-page-title {
	font-size: 1.35rem;
	font-weight: 700;
	margin: 0 0 1rem;
	color: var(--text-color);
}

.search-page-title .search-query {
	color: var(--primary-color);
	font-weight: 800;
}

.search-page-form {
	max-width: 360px;
}

.search-page-form .search-form {
	display: flex;
	gap: 0.5rem;
}

.search-page-form .search-field {
	flex: 1;
	padding: 0.6rem 1rem;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	background: var(--card-bg);
	color: var(--text-color);
	font-size: 0.9375rem;
}

.search-results-list {
	display: grid;
	gap: 1rem;
}

.search-result-card {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	padding: 1rem 1.25rem;
	transition: box-shadow 0.2s;
}

.search-result-card:hover {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.search-result-thumb {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--forum-row-alt);
}

.search-result-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.search-result-body {
	flex: 1;
	min-width: 0;
}

.search-result-type {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--primary-color);
	margin-bottom: 0.25rem;
}

.search-result-title {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0 0 0.35rem;
	line-height: 1.3;
}

.search-result-title a {
	color: var(--text-color);
	text-decoration: none;
}

.search-result-title a:hover {
	color: var(--primary-color);
}

.search-result-excerpt {
	font-size: 0.9rem;
	color: var(--text-light);
	line-height: 1.5;
	margin-bottom: 0.5rem;
}

.search-result-excerpt p {
	margin: 0;
}

.search-result-link {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--primary-color);
	text-decoration: none;
}

.search-result-link:hover {
	text-decoration: underline;
}

/* Utility Classes */
.text-center {
	text-align: center;
}

.mt-1 {
	margin-top: 0.5rem;
}

.mt-2 {
	margin-top: 1rem;
}

.mt-3 {
	margin-top: 1.5rem;
}

.mb-1 {
	margin-bottom: 0.5rem;
}

.mb-2 {
	margin-bottom: 1rem;
}

.mb-3 {
	margin-bottom: 1.5rem;
}

/* ========== Çerez / KVKK bar ========== */
.cookie-kvkk-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99998;
	background: var(--card-bg);
	border-top: 1px solid var(--border-color);
	box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
	padding: 1rem 0;
	transform: translateY(100%);
	transition: transform 0.3s ease;
}

.cookie-kvkk-bar.is-visible {
	transform: translateY(0);
}

.cookie-kvkk-bar[aria-hidden="true"] {
	transform: translateY(100%);
}

.cookie-kvkk-bar[aria-hidden="false"] {
	transform: translateY(0);
}

.cookie-kvkk-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.cookie-kvkk-text {
	margin: 0;
	font-size: 0.9375rem;
	color: var(--text-color);
	flex: 1;
	min-width: 200px;
}

.cookie-kvkk-accept {
	flex-shrink: 0;
	min-height: 44px;
}

/* ========== Yukarı çık butonu ========== */
.back-to-top {
	position: fixed;
	bottom: 1.5rem;
	right: 1.5rem;
	z-index: 99997;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--primary-color);
	color: #fff;
	border: none;
	font-size: 1.25rem;
	line-height: 1;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(0.5rem);
	transition: opacity 0.25s, visibility 0.25s, transform 0.25s, background 0.2s;
	box-shadow: var(--shadow-lg);
}

.back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.back-to-top:hover,
.back-to-top:focus-visible {
	background: var(--secondary-color);
	outline: none;
}

/* ========== Yazdırma ========== */
@media print {

	.skip-link,
	.site-header,
	.site-navigation,
	.nav-user-wrap,
	.rastgele-konular-global,
	.site-footer,
	.cookie-kvkk-bar,
	.back-to-top,
	.forum-post-actions .yanindayim-btn,
	.forum-post-actions .comment-reply-link,
	.forum-post-reply-link {
		display: none !important;
	}

	body {
		background: #fff;
		color: #111;
	}

	.site-container {
		max-width: 100%;
	}

	a[href]::after {
		content: none;
	}
}

/* Classic Forum Layout (R10 Style) */

/* Reset & Container adjustments for full width feel */
.single-paylasim .site-container {
	max-width: 100%;
	/* More fluid */
	padding: 0 1rem;
}

@media (min-width: 1200px) {
	.single-paylasim .site-container {
		max-width: 1280px;
	}
}

.comments-area.modern-comments {
	max-width: 100%;
}

/* Postbit Structure */
.forum-postbit {
	display: flex;
	flex-direction: column;
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	margin-bottom: 1.5rem;
	border-radius: var(--radius);
	overflow: hidden;
	color: var(--text-color);
}

/* 1. Header Bar */
.postbit-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 1rem;
	background: var(--forum-head-bg);
	border-bottom: 1px solid var(--border-color);
	font-size: 0.8rem;
	color: var(--text-light);
}

.postbit-head-right {
	display: flex;
	gap: 0.75rem;
	align-items: center;
}

.postbit-id {
	font-weight: 700;
	color: var(--primary-color);
	background: var(--bg-color);
	padding: 1px 6px;
	border-radius: 3px;
	font-size: 0.75rem;
	border: 1px solid var(--border-color);
}

/* 2. Body Grid (User + Content) */
.postbit-body {
	display: grid;
	grid-template-columns: 180px 1fr;
	/* Fixed sidebar, fluid content */
}

/* User Sidebar */
.postbit-user {
	background: var(--forum-row-alt);
	padding: 1rem;
	text-align: center;
	border-right: 1px solid var(--border-color);
}

.postbit-avatar {
	display: inline-block;
	margin-bottom: 0.75rem;
	position: relative;
}

.postbit-avatar .avatar-img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 2px solid var(--border-color);
	padding: 2px;
	background: var(--card-bg);
}

.postbit-username {
	font-weight: 700;
	font-size: 0.95rem;
	color: var(--text-color);
	margin-bottom: 0.25rem;
}

.postbit-username a {
	text-decoration: none;
	color: inherit;
}

.postbit-usertitle {
	font-size: 0.75rem;
	color: var(--text-light);
}

/* Content Area */
.postbit-content {
	padding: 1rem 1.25rem;
	background: var(--card-bg);
	min-height: 200px;
}

.postbit-title {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0 0 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--border-color);
	color: var(--text-color);
}

.postbit-message {
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--text-color);
}

.postbit-reply-quote {
	color: var(--tertiary-color);
	margin-bottom: 0.75rem;
	font-size: 0.9rem;
	background: var(--bg-color);
	padding: 0.25rem 0.5rem;
	border-left: 3px solid var(--tertiary-color);
}

/* 3. Footer Bar */
.postbit-foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 1rem;
	background: var(--forum-row-alt);
	border-top: 1px solid var(--border-color);
	font-size: 0.8rem;
}

/* Social Share Buttons */
.postbit-share-group {
	display: flex;
	gap: 0.5rem;
}

.share-icon-btn {
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #4a5469;
	color: #fff;
	border-radius: 4px;
	/* Brand appropriate radius */
	text-decoration: none;
	font-size: 16px;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
}

.share-icon-btn:hover {
	transform: translateY(-2px);
	filter: brightness(1.1);
}

.share-icon-btn.facebook {
	background: #1877f2;
}

.share-icon-btn.twitter {
	background: #000;
}

/* X black */
.share-icon-btn.whatsapp {
	background: #25d366;
}

.share-icon-btn.copy-link {
	background: #64748b;
}

[data-theme="light"] .share-icon-btn.copy-link {
	background: #9ca3af;
}



/* 4. Actions Bar (Below Post) */
.postbit-actions-bar {
	display: flex;
	justify-content: flex-end;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	background: var(--forum-head-bg);
	border-top: 1px solid var(--border-color);
}

.btn-action-reply {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.3rem 0.75rem;
	border-radius: 3px;
	font-size: 0.75rem;
	font-weight: 600;
	background: var(--card-bg);
	color: var(--text-color);
	text-decoration: none;
	border: 1px solid var(--border-color);
}

.btn-action-reply.primary {
	background: var(--primary-color);
	color: #fff;
	border-color: var(--primary-color);
}

/* Mobile Responsive */
@media (max-width: 768px) {
	.postbit-body {
		display: block;
		/* Stack on mobile */
	}

	.postbit-user {
		display: flex;
		align-items: center;
		padding: 0.5rem 1rem;
		text-align: left;
		border-right: none;
		border-bottom: 1px solid var(--border-color);
		background: var(--forum-head-bg);
	}

	.postbit-user-inner {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		width: 100%;
	}

	.postbit-avatar {
		margin-bottom: 0;
	}

	.postbit-avatar .avatar-img {
		width: 40px;
		height: 40px;
	}

	.postbit-username {
		margin-bottom: 0;
		font-size: 0.9rem;
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	.postbit-usertitle {
		display: block;
		font-size: 0.75rem;
		margin-top: 0;
	}

	.postbit-content {
		min-height: auto;
		padding: 1rem;
	}
}

/* Comment Form Styling */
.comment-form-wrap {
	margin-top: 2rem;
}

.comment-reply-title {
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 0 1rem 0;
	color: var(--text-color);
}

/* Comment Mentions */
.comment-mention {
	color: var(--primary-color);
	font-weight: 600;
	text-decoration: none;
	background: rgba(79, 70, 229, 0.1);
	padding: 0.1rem 0.4rem;
	border-radius: 4px;
	border: 1px solid rgba(79, 70, 229, 0.2);
	transition: all 0.2s;
}

.comment-mention:hover {
	text-decoration: none;
	background: rgba(79, 70, 229, 0.2);
	color: var(--secondary-color);
	border-color: rgba(79, 70, 229, 0.3);
}

.reply-to-info {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	background: var(--forum-head-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	margin-bottom: 1rem;
	font-size: 0.85rem;
	color: var(--text-light);
}

.reply-to-info #forum-reply-to-username {
	font-weight: 600;
	color: var(--primary-color);
}

.reply-to-info #forum-reply-to-username a {
	color: var(--primary-color);
	text-decoration: none;
	font-weight: 700;
	border-bottom: 1px dashed rgba(79, 70, 229, 0.4);
	transition: all 0.2s;
	padding-bottom: 1px;
}

.reply-to-info #forum-reply-to-username a:hover {
	color: var(--secondary-color);
	border-bottom-color: var(--secondary-color);
	border-bottom-style: solid;
}

.cancel-reply-btn {
	background: transparent;
	border: none;
	color: var(--text-light);
	cursor: pointer;
	font-size: 1.1rem;
	line-height: 1;
	padding: 0.2rem 0.4rem;
	margin-left: 0.25rem;
	transition: color 0.2s;
}

.cancel-reply-btn:hover {
	color: #ef4444;
}

.modern-comment-form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.comment-input-wrap {
	width: 100%;
	/* Remove any default styling that creates boxes */
}

.modern-textarea {
	width: 100%;
	min-height: 100px;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	background: var(--bg-color);
	color: var(--text-color);
	font-family: inherit;
	font-size: 1rem;
	resize: vertical;
	transition: border-color 0.2s;
}

.modern-textarea:focus {
	outline: none;
	border-color: var(--primary-color);
}

.modern-submit {
	align-self: flex-start;
}

/* WordPress Comment Form specific fixes */
.modern-comment-form .comment-form-comment {
	margin: 0;
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

.modern-comment-form p {
	margin: 0;
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

.modern-comment-form .form-submit {
	margin: 0;
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

/* Remove default WordPress comment form styling */
#respond {
	margin: 0;
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

#respond form {
	margin: 0;
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

#commentform {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

.comment-form-wrap #respond,
.comment-form-wrap #commentform,
.comment-form-wrap .comment-form-comment,
.comment-form-wrap .comment-form-comment label {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0;
}

/* Login Prompt Box */
.login-prompt-box {
	display: flex;
	align-items: center;
	padding: 1.5rem 2rem;
	background: linear-gradient(135deg, rgba(79, 70, 229, 0.1) 0%, rgba(124, 58, 237, 0.1) 100%);
	border: 1px solid var(--primary-color);
	border-radius: var(--radius-lg);
	margin-bottom: 2rem;
	gap: 1.5rem;
}

[data-theme="dark"] .login-prompt-box {
	background: #1e293b;
	border-color: #334155;
}

.login-prompt-icon {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--primary-color);
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	flex-shrink: 0;
	box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.3);
}

.login-prompt-content {
	flex: 1;
}

.login-prompt-content h3 {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0 0 0.25rem 0;
	color: var(--text-color);
}

.login-prompt-content p {
	font-size: 0.9rem;
	color: var(--text-light);
	margin: 0;
}

.login-actions {
	display: flex;
	gap: 0.75rem;
}

.btn-login {
	background: var(--primary-color);
	color: #fff;
	padding: 0.6rem 1.25rem;
	border-radius: var(--radius);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9rem;
	border: 1px solid var(--primary-color);
	transition: all 0.2s;
}

.btn-login:hover {
	background: var(--secondary-color);
	transform: translateY(-1px);
}

.btn-register {
	background: transparent;
	color: var(--text-color);
	padding: 0.6rem 1.25rem;
	border-radius: var(--radius);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9rem;
	border: 1px solid var(--border-color);
	transition: all 0.2s;
}

.btn-register:hover {
	background: var(--bg-color);
	border-color: var(--text-light);
}

@media (max-width: 768px) {
	.login-prompt-box {
		flex-direction: column;
		text-align: center;
		padding: 1.5rem;
	}

	.login-actions {
		width: 100%;
		justify-content: center;
		margin-top: 0.5rem;
	}
}

/* Forum Archive / Topic List */
.forum-archive {
	padding: 2rem 0;
}

.forum-archive-header {
	margin-bottom: 2rem;
}

.forum-archive-title {
	font-size: 1.75rem;
	font-weight: 700;
	color: var(--text-color);
	margin: 0;
}

.forum-topic-list {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	overflow: hidden;
}

.forum-topic-list-header {
	display: grid;
	grid-template-columns: 1fr 120px 140px 60px 60px 120px;
	gap: 1rem;
	padding: 1rem 1.5rem;
	background: var(--forum-head-bg);
	border-bottom: 1px solid var(--border-color);
	font-weight: 600;
	font-size: 0.85rem;
	color: var(--text-light);
}

.forum-topic-row {
	display: grid;
	grid-template-columns: 1fr 120px 140px 60px 60px 120px;
	gap: 1rem;
	padding: 1rem 1.5rem;
	border-bottom: 1px solid var(--border-color);
	transition: background 0.2s;
	align-items: center;
}

.forum-topic-row:last-child {
	border-bottom: none;
}

.forum-topic-row:hover {
	background: var(--forum-row-alt);
}

.forum-col-topic {
	font-weight: 500;
	overflow: hidden;
}

.forum-topic-title {
	color: var(--text-color);
	text-decoration: none;
	font-weight: 600;
	transition: color 0.2s;
}

.forum-topic-title:hover {
	color: var(--primary-color);
}

.forum-topic-cat {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	border-radius: var(--radius);
	font-size: 0.75rem;
	font-weight: 600;
	background: var(--bg-color);
	border: 1px solid var(--border-color);
	color: var(--text-light);
}

.forum-topic-cat.kategori-icini-dok {
	background: rgba(79, 70, 229, 0.1);
	border-color: rgba(79, 70, 229, 0.3);
	color: #6366f1;
}

.forum-topic-cat.kategori-itiraf-et {
	background: rgba(239, 68, 68, 0.1);
	border-color: rgba(239, 68, 68, 0.3);
	color: #ef4444;
}

.forum-topic-cat.kategori-sorum-var {
	background: rgba(34, 197, 94, 0.1);
	border-color: rgba(34, 197, 94, 0.3);
	color: #22c55e;
}

.forum-col-author {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.85rem;
}

.forum-topic-author {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	text-decoration: none;
	color: var(--text-color);
	transition: color 0.2s;
}

.forum-topic-author:hover {
	color: var(--primary-color);
}

.forum-topic-avatar {
	border-radius: 50%;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

.anonim-badge {
	padding: 0.25rem 0.5rem;
	background: var(--bg-color);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	font-size: 0.75rem;
	color: var(--text-light);
}

.forum-col-stats {
	text-align: center;
	font-weight: 600;
	color: var(--text-light);
	font-size: 0.9rem;
}

.forum-col-date {
	font-size: 0.85rem;
	color: var(--text-light);
	text-align: right;
}

/* Tablet responsive - sadece konu + yazar + istatistikler */
@media (max-width: 1024px) {

	.forum-topic-list-header,
	.forum-topic-row {
		grid-template-columns: 1fr 120px 44px 44px;
		gap: 0.5rem;
		padding: 0.75rem 1rem;
	}

	.forum-col-cat,
	.forum-col-date {
		display: none !important;
	}
}

/* Küçük tablet - yazar + tarih gizle, konu + istatistikler */
@media (max-width: 860px) {

	.forum-topic-list-header,
	.forum-topic-row {
		grid-template-columns: 1fr 44px 44px;
		gap: 0.5rem;
		padding: 0.75rem 1rem;
	}

	.forum-col-cat,
	.forum-col-author,
	.forum-col-date {
		display: none !important;
	}
}

@media (max-width: 640px) {
	.forum-topic-list-header {
		display: none;
	}

	.forum-topic-row {
		display: flex;
		align-items: center;
		gap: 0.6rem;
		padding: 0.75rem 1rem;
	}

	.forum-col-author {
		order: 1;
		flex: 0 0 auto;
	}

	.forum-col-topic {
		order: 2;
		flex: 1 1 auto;
		min-width: 0;
	}

	.forum-col-cat,
	.forum-col-stats,
	.forum-col-date {
		display: none !important;
	}

	.forum-topic-author span {
		display: none;
	}
}

.no-paylasim {
	padding: 3rem;
	text-align: center;
	color: var(--text-light);
}

/* ========== FOOTER ========== */
.site-footer {
	margin-top: var(--space-12);
	padding: var(--space-8) 0;
	border-top: 1px solid var(--border-color);
	text-align: center;
	color: var(--text-light);
	font-size: var(--font-sm);
}

.footer-social {
	display: flex;
	justify-content: center;
	gap: var(--space-3);
	margin-bottom: var(--space-6);
	flex-wrap: wrap;
}

.footer-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: var(--radius-full);
	border: 1px solid var(--border-color);
	color: var(--text-light);
	text-decoration: none;
	transition: all var(--transition-base);
}

.footer-social-link:hover {
	color: var(--primary-color);
	border-color: var(--primary-color);
	background: rgba(79, 70, 229, 0.08);
	transform: translateY(-2px);
}

.footer-social-link svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.footer-links {
	display: flex;
	justify-content: center;
	gap: var(--space-2);
	flex-wrap: wrap;
	margin-bottom: var(--space-4);
}

.footer-links a {
	color: var(--text-light);
	text-decoration: none;
	transition: color var(--transition-fast);
	padding: var(--space-1) var(--space-2);
}

.footer-links a:hover {
	color: var(--primary-color);
}

.footer-links-sep {
	color: var(--border-color);
	user-select: none;
}

.footer-copy {
	margin: 0;
	color: var(--text-light);
	font-size: var(--font-xs);
}

.footer-copy a {
	color: var(--text-color);
	text-decoration: none;
	font-weight: 600;
}

.footer-copy a:hover {
	color: var(--primary-color);
}

/* ========== BACK TO TOP ========== */
.back-to-top {
	position: fixed;
	bottom: var(--space-6);
	right: var(--space-6);
	z-index: 1000;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--border-color);
	border-radius: var(--radius-full);
	background: var(--card-bg);
	color: var(--text-color);
	font-size: var(--font-lg);
	cursor: pointer;
	box-shadow: var(--shadow-md);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all var(--transition-base);
}

.back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.back-to-top:hover {
	background: var(--primary-color);
	color: #fff;
	border-color: var(--primary-color);
	box-shadow: var(--shadow-lg);
}

/* ========== COOKIE / KVKK BAR ========== */
.cookie-kvkk-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	background: var(--card-bg);
	border-top: 1px solid var(--border-color);
	box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
	transform: translateY(100%);
	transition: transform var(--transition-slow);
}

.cookie-kvkk-bar[aria-hidden="false"] {
	transform: translateY(0);
}

.cookie-kvkk-inner {
	display: flex;
	align-items: center;
	gap: var(--space-4);
	padding: var(--space-4) var(--space-6);
	flex-wrap: wrap;
}

.cookie-kvkk-text {
	flex: 1;
	margin: 0;
	font-size: var(--font-sm);
	color: var(--text-color);
	line-height: 1.5;
	min-width: 200px;
}

.cookie-kvkk-accept {
	flex-shrink: 0;
	white-space: nowrap;
}

/* ========== FORM CONTROLS ========== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
	width: 100%;
	padding: var(--space-3) var(--space-4);
	font-size: var(--font-base);
	font-family: inherit;
	line-height: 1.5;
	color: var(--text-color);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
	outline: none;
	border-color: var(--primary-color);
	box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}

input::placeholder,
textarea::placeholder {
	color: var(--text-light);
	opacity: 0.7;
}

textarea {
	resize: vertical;
	min-height: 120px;
}

label {
	display: block;
	margin-bottom: var(--space-2);
	font-weight: 600;
	font-size: var(--font-sm);
	color: var(--text-color);
}

/* ========== GLOBAL UI ENHANCEMENTS ========== */

/* Smooth scroll */
html {
	scroll-behavior: smooth;
}

/* Selection */
::selection {
	background: rgba(79, 70, 229, 0.2);
	color: var(--text-color);
}

/* Focus visible */
:focus-visible {
	outline: 2px solid var(--primary-color);
	outline-offset: 2px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: var(--bg-color);
}

::-webkit-scrollbar-thumb {
	background: var(--border-color);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--text-light);
}

/* Smooth image rendering */
img {
	max-width: 100%;
	height: auto;
}

/* Link global transitions */
a {
	transition: color var(--transition-fast);
}

/* ========== AUTH PAGES (Giriş / Kayıt / Profil) ========== */
.auth-page {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	min-height: 60vh;
	padding: var(--space-8) 0;
}

.auth-box {
	width: 100%;
	max-width: 440px;
	padding: var(--space-8) var(--space-6);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-xl);
	box-shadow: var(--shadow-lg);
}

.auth-box-wide {
	width: 100%;
	max-width: 640px;
	padding: var(--space-8) var(--space-6);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-xl);
	box-shadow: var(--shadow-lg);
}

.auth-title {
	font-size: var(--font-2xl);
	font-weight: 700;
	margin: 0 0 var(--space-2);
	color: var(--text-color);
	text-align: center;
}

.auth-desc {
	font-size: var(--font-sm);
	color: var(--text-light);
	text-align: center;
	margin: 0 0 var(--space-6);
}

.auth-error {
	background: rgba(239, 68, 68, 0.08);
	border: 1px solid rgba(239, 68, 68, 0.3);
	color: var(--error-color);
	padding: var(--space-3) var(--space-4);
	border-radius: var(--radius);
	font-size: var(--font-sm);
	font-weight: 500;
	margin-bottom: var(--space-4);
}

.auth-success {
	background: rgba(16, 185, 129, 0.08);
	border: 1px solid rgba(16, 185, 129, 0.3);
	color: var(--success-color);
	padding: var(--space-3) var(--space-4);
	border-radius: var(--radius);
	font-size: var(--font-sm);
	font-weight: 500;
	margin-bottom: var(--space-4);
}

.auth-form {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.auth-actions {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	margin-top: var(--space-4);
}

.auth-forgot {
	text-align: right;
	margin-bottom: var(--space-3);
	margin-top: -var(--space-2);
}

.auth-forgot a {
	font-size: var(--font-sm);
	color: var(--primary-color);
	text-decoration: none;
	font-weight: 500;
	transition: color var(--transition-fast);
}

.auth-forgot a:hover {
	color: var(--primary-hover);
	text-decoration: underline;
}

/* ========== FORM GROUPS ========== */
.form-group {
	margin-bottom: var(--space-4);
}

.form-group label {
	display: block;
	margin-bottom: var(--space-2);
	font-weight: 600;
	font-size: var(--font-sm);
	color: var(--text-color);
}

.form-input,
.form-textarea,
.form-select {
	width: 100%;
	padding: var(--space-3) var(--space-4);
	font-size: var(--font-base);
	font-family: inherit;
	line-height: 1.5;
	color: var(--text-color);
	background: var(--bg-color);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
	box-sizing: border-box;
}

.form-input:focus,
.form-textarea:focus,
.form-select:focus {
	outline: none;
	border-color: var(--primary-color);
	box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
	background: var(--card-bg);
}

.form-group-checkbox {
	margin-bottom: var(--space-3);
}

.checkbox-label {
	display: inline-flex !important;
	align-items: center;
	gap: var(--space-2);
	font-weight: 400 !important;
	font-size: var(--font-sm);
	cursor: pointer;
	color: var(--text-color);
}

.checkbox-label input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: var(--primary-color);
	cursor: pointer;
}

/* ========== BTN UTILITIES ========== */
.btn-block {
	width: 100%;
	text-align: center;
}

.btn-sm {
	min-height: 36px;
	padding: var(--space-2) var(--space-3);
	font-size: var(--font-sm);
}

.btn-outline {
	background: transparent;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.btn-outline:hover {
	background: var(--primary-color);
	color: #fff;
}

/* ========== ÖNE ÇIKAN KONU ========== */
.one-cikan-konu {
	margin-bottom: var(--space-6);
	padding: var(--space-6);
	background: linear-gradient(135deg, rgba(79, 70, 229, 0.06), rgba(124, 58, 237, 0.06));
	border: 1px solid var(--border-color);
	border-radius: var(--radius-xl);
	position: relative;
	overflow: hidden;
}

.one-cikan-konu::before {
	content: '⭐';
	position: absolute;
	top: var(--space-4);
	right: var(--space-4);
	font-size: 1.5rem;
	opacity: 0.4;
}

.one-cikan-konu h2 {
	font-size: var(--font-xs);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--primary-color);
	margin: 0 0 var(--space-3);
}

.one-cikan-konu-title {
	font-size: var(--font-xl);
	font-weight: 700;
	margin: 0 0 var(--space-2);
	line-height: 1.3;
}

.one-cikan-konu-title a {
	color: var(--text-color);
	text-decoration: none;
	transition: color var(--transition-fast);
}

.one-cikan-konu-title a:hover {
	color: var(--primary-color);
}

.one-cikan-konu-excerpt {
	color: var(--text-light);
	margin: 0;
	font-size: var(--font-sm);
	line-height: 1.6;
}

[data-theme="dark"] .one-cikan-konu {
	background: linear-gradient(135deg, rgba(79, 70, 229, 0.1), rgba(124, 58, 237, 0.08));
}

/* ========== PROFILE PAGE ========== */
.profile-cover {
	height: 220px;
	background: linear-gradient(135deg, var(--primary-color), var(--tertiary-color));
	border-radius: var(--radius-xl) var(--radius-xl) 0 0;
	position: relative;
}

.profile-info-wrapper {
	display: flex;
	align-items: flex-end;
	gap: var(--space-6);
	padding: 0 var(--space-6) var(--space-8);
	margin-top: -72px;
	position: relative;
}

.profile-avatar-wrap {
	width: 128px;
	height: 128px;
	border-radius: 50%;
	border: 4px solid var(--card-bg);
	overflow: hidden;
	flex-shrink: 0;
	background: var(--card-bg);
	box-shadow: var(--shadow-lg);
}

.profile-avatar-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.profile-name {
	font-size: var(--font-3xl);
	font-weight: 700;
	margin: 0;
	color: var(--text-color);
}

.profile-bio {
	font-size: var(--font-sm);
	color: var(--text-light);
	margin: var(--space-2) 0 0;
	line-height: 1.5;
}

/* ========== 404 PAGE ========== */
.error-page {
	padding: var(--space-8) 0;
}

.error-page-inner {
	text-align: center;
	max-width: 500px;
	margin: 0 auto;
	padding: var(--space-12) var(--space-6);
}

.error-page-icon {
	font-size: clamp(3rem, 10vw, 5rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	color: var(--primary-color);
	opacity: 0.2;
	margin-bottom: var(--space-4);
	line-height: 1;
	user-select: none;
}

.error-page-title {
	font-size: var(--font-2xl);
	font-weight: 700;
	margin: 0 0 var(--space-3);
	color: var(--text-color);
}

.error-page-desc {
	font-size: var(--font-base);
	color: var(--text-light);
	margin: 0 0 var(--space-6);
	line-height: 1.6;
}

.error-page-actions {
	display: flex;
	justify-content: center;
	gap: var(--space-3);
	flex-wrap: wrap;
	margin-bottom: var(--space-6);
}

.error-page-search {
	max-width: 400px;
	margin: 0 auto;
}

/* ========== SEARCH FORM ========== */
.search-form {
	display: flex;
	gap: var(--space-2);
	align-items: stretch;
}

.search-form label {
	flex: 1;
	margin: 0;
}

.search-field {
	width: 100%;
	padding: var(--space-3) var(--space-4);
	font-size: var(--font-base);
	font-family: inherit;
	color: var(--text-color);
	background: var(--bg-color);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
	box-sizing: border-box;
}

.search-field:focus {
	outline: none;
	border-color: var(--primary-color);
	box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
	background: var(--card-bg);
}

.search-submit {
	flex-shrink: 0;
	min-height: 44px;
	padding: var(--space-3) var(--space-5);
}

/* ========== SEARCH RESULTS PAGE ========== */
.search-page {
	padding: var(--space-6) 0;
}

.search-page-header {
	margin-bottom: var(--space-8);
}

.search-page-title {
	font-size: var(--font-2xl);
	font-weight: 700;
	margin: 0 0 var(--space-4);
	color: var(--text-color);
}

.search-query {
	color: var(--primary-color);
	font-style: italic;
}

.search-page-form {
	max-width: 500px;
}

.search-results-list {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}

.search-result-card {
	display: flex;
	gap: var(--space-4);
	padding: var(--space-5);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	transition: box-shadow var(--transition-base), transform var(--transition-base);
}

.search-result-card:hover {
	box-shadow: var(--shadow-md);
	transform: translateY(-1px);
}

.search-result-thumb {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	border-radius: var(--radius);
	overflow: hidden;
}

.search-result-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.search-result-body {
	flex: 1;
	min-width: 0;
}

.search-result-type {
	display: inline-block;
	padding: 0.15rem 0.5rem;
	font-size: var(--font-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--primary-color);
	background: rgba(79, 70, 229, 0.08);
	border-radius: var(--radius-sm);
	margin-bottom: var(--space-2);
}

.search-result-title {
	font-size: var(--font-lg);
	font-weight: 600;
	margin: 0 0 var(--space-2);
	line-height: 1.3;
}

.search-result-title a {
	color: var(--text-color);
	text-decoration: none;
}

.search-result-title a:hover {
	color: var(--primary-color);
}

.search-result-excerpt {
	font-size: var(--font-sm);
	color: var(--text-light);
	line-height: 1.5;
	margin-bottom: var(--space-2);
}

.search-result-excerpt p {
	margin: 0;
}

.search-result-link {
	font-size: var(--font-sm);
	font-weight: 600;
	color: var(--primary-color);
	text-decoration: none;
}

.search-result-link:hover {
	text-decoration: underline;
}

/* ========== PAGINATION ========== */
.search-pagination,
.pagination {
	margin-top: var(--space-8);
}

.search-pagination .nav-links,
.pagination .nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--space-2);
	flex-wrap: wrap;
}

.search-pagination .page-numbers,
.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 var(--space-3);
	font-size: var(--font-sm);
	font-weight: 500;
	color: var(--text-color);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	text-decoration: none;
	transition: all var(--transition-fast);
}

.search-pagination .page-numbers:hover,
.pagination .page-numbers:hover {
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.search-pagination .page-numbers.current,
.pagination .page-numbers.current {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff;
	font-weight: 600;
}

.search-pagination .page-numbers.dots,
.pagination .page-numbers.dots {
	border: none;
	background: none;
	color: var(--text-light);
	min-width: auto;
	padding: 0;
}

/* ========== PAYLASIM FORM PAGE ========== */
.form-container {
	max-width: 640px;
	margin: 0 auto;
	padding: var(--space-6);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-xl);
	box-shadow: var(--shadow-lg);
}

.form-title {
	font-size: var(--font-2xl);
	font-weight: 700;
	margin: 0 0 var(--space-3);
	color: var(--text-color);
}

.form-info {
	margin-bottom: var(--space-6);
	padding: var(--space-4);
	background: rgba(79, 70, 229, 0.04);
	border: 1px solid rgba(79, 70, 229, 0.12);
	border-radius: var(--radius);
}

.form-info p {
	margin: 0;
	font-size: var(--font-sm);
	color: var(--text-light);
	line-height: 1.5;
}

[data-theme="dark"] .form-info {
	background: rgba(79, 70, 229, 0.08);
	border-color: rgba(79, 70, 229, 0.2);
}

.form-description {
	font-size: var(--font-xs);
	color: var(--text-light);
	margin: var(--space-2) 0 0;
	line-height: 1.4;
}

.form-actions {
	display: flex;
	gap: var(--space-3);
	margin-top: var(--space-6);
}

.form-actions .btn {
	flex: 1;
	text-align: center;
}

.paylasim-form .form-textarea {
	min-height: 200px;
}

.no-results .error-page-icon {
	font-size: 3rem;
	opacity: 0.3;
}

/* ========== COMPONENT MOBILE ========== */
@media (max-width: 640px) {
	.search-result-card {
		flex-direction: column;
	}

	.search-result-thumb {
		width: 100%;
		height: 160px;
	}

	.form-container {
		padding: var(--space-4);
	}

	.form-actions {
		flex-direction: column;
	}

	.search-form {
		flex-direction: column;
	}

	.search-submit {
		width: 100%;
	}

	.error-page-inner {
		padding: var(--space-8) var(--space-4);
	}
}

/* ========== STATIC PAGES (İletişim, Gizlilik, Hakkımızda) ========== */
.static-page {
	padding: var(--space-6) 0 var(--space-12);
}

.static-page-content {
	max-width: 900px;
	margin: 0 auto;
}

.static-page-header {
	margin-bottom: var(--space-8);
}

.static-page-header--centered {
	text-align: center;
}

.static-page-title {
	font-size: var(--font-3xl);
	font-weight: 800;
	margin: 0 0 var(--space-3);
	color: var(--text-color);
}

.static-page-desc {
	font-size: var(--font-base);
	color: var(--text-light);
	margin: 0;
	line-height: 1.6;
}

.required {
	color: var(--error-color);
}

/* ---- CONTACT PAGE ---- */
.contact-layout {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: var(--space-8);
	align-items: start;
}

.contact-form-wrap {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-xl);
	padding: var(--space-6);
}

.contact-form .form-group {
	margin-bottom: var(--space-5);
}

.contact-info-sidebar {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}

.contact-info-card {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	padding: var(--space-5);
}

.contact-info-card h3 {
	font-size: var(--font-sm);
	font-weight: 600;
	margin: 0 0 var(--space-2);
	color: var(--text-color);
}

.contact-info-card p {
	font-size: var(--font-sm);
	color: var(--text-light);
	margin: 0 0 var(--space-3);
	line-height: 1.5;
}

.contact-info-item {
	display: flex;
	gap: var(--space-3);
	align-items: flex-start;
	padding: var(--space-3) 0;
}

.contact-info-item:not(:last-child) {
	border-bottom: 1px solid var(--border-color);
}

.contact-info-icon {
	font-size: 1.25rem;
	flex-shrink: 0;
	margin-top: 2px;
}

.contact-info-item h3 {
	margin: 0;
	font-size: var(--font-xs);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-light);
}

.contact-info-item a {
	color: var(--primary-color);
	text-decoration: none;
	font-size: var(--font-sm);
}

.contact-info-item a:hover {
	text-decoration: underline;
}

.contact-faq-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.contact-faq-links li {
	padding: var(--space-2) 0;
}

.contact-faq-links li:not(:last-child) {
	border-bottom: 1px solid var(--border-color);
}

.contact-faq-links a {
	color: var(--primary-color);
	text-decoration: none;
	font-size: var(--font-sm);
}

.contact-faq-links a:hover {
	text-decoration: underline;
}

/* ---- PRIVACY / POLICY PAGE ---- */
.policy-content {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: var(--space-8);
	align-items: start;
}

.policy-toc {
	position: sticky;
	top: var(--space-6);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	padding: var(--space-5);
}

.policy-toc h2 {
	font-size: var(--font-sm);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-light);
	margin: 0 0 var(--space-3);
}

.policy-toc ol {
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: toc;
}

.policy-toc li {
	counter-increment: toc;
}

.policy-toc a {
	display: block;
	padding: var(--space-2) 0;
	font-size: var(--font-sm);
	color: var(--text-color);
	text-decoration: none;
	border-bottom: 1px solid var(--border-color);
	transition: color var(--transition-fast);
}

.policy-toc a:hover {
	color: var(--primary-color);
}

.policy-toc a::before {
	content: counter(toc) ". ";
	font-weight: 600;
	color: var(--text-light);
}

.policy-body {
	line-height: 1.8;
}

.policy-section {
	margin-bottom: var(--space-8);
}

.policy-section h2 {
	font-size: var(--font-xl);
	font-weight: 700;
	margin: 0 0 var(--space-4);
	padding-bottom: var(--space-3);
	border-bottom: 1px solid var(--border-color);
	color: var(--text-color);
}

.policy-section ul {
	padding-left: var(--space-6);
	margin: var(--space-3) 0;
}

.policy-section li {
	margin-bottom: var(--space-2);
	line-height: 1.7;
}

.policy-table-wrap {
	overflow-x: auto;
	margin: var(--space-4) 0;
}

.policy-table {
	width: 100%;
	border-collapse: collapse;
	display: table;
}

.policy-table th,
.policy-table td {
	padding: var(--space-3) var(--space-4);
	text-align: left;
	border: 1px solid var(--border-color);
	font-size: var(--font-sm);
}

.policy-table th {
	background: var(--forum-head-bg);
	font-weight: 600;
	color: var(--text-color);
}

.policy-table td {
	color: var(--text-light);
}

/* ---- ABOUT PAGE ---- */
.about-content {
	max-width: 800px;
	margin: 0 auto;
}

.about-section {
	margin-bottom: var(--space-10);
	text-align: center;
}

.about-section-icon {
	font-size: 2.5rem;
	margin-bottom: var(--space-3);
}

.about-section h2 {
	font-size: var(--font-2xl);
	font-weight: 700;
	margin: 0 0 var(--space-4);
	color: var(--text-color);
}

.about-section p {
	font-size: var(--font-base);
	color: var(--text-light);
	line-height: 1.8;
	max-width: 640px;
	margin: 0 auto;
}

.about-features {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-4);
	margin: var(--space-8) 0 var(--space-10);
}

.about-feature-card {
	text-align: center;
	padding: var(--space-6);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-xl);
	transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.about-feature-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-lg);
}

.about-feature-icon {
	font-size: 2rem;
	display: block;
	margin-bottom: var(--space-3);
}

.about-feature-card h3 {
	font-size: var(--font-lg);
	font-weight: 700;
	margin: 0 0 var(--space-2);
	color: var(--text-color);
}

.about-feature-card p {
	font-size: var(--font-sm);
	color: var(--text-light);
	margin: 0;
	line-height: 1.6;
}

.about-values-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-4);
	text-align: left;
	margin-top: var(--space-6);
}

.about-value {
	padding: var(--space-5);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
}

.about-value strong {
	display: block;
	font-size: var(--font-base);
	margin-bottom: var(--space-2);
	color: var(--text-color);
}

.about-value p {
	font-size: var(--font-sm);
	color: var(--text-light);
	margin: 0;
	line-height: 1.5;
	max-width: none;
	text-align: left;
}

.about-cta {
	background: linear-gradient(135deg, rgba(79, 70, 229, 0.06), rgba(124, 58, 237, 0.06));
	border: 1px solid var(--border-color);
	border-radius: var(--radius-xl);
	padding: var(--space-10) var(--space-8) !important;
}

[data-theme="dark"] .about-cta {
	background: linear-gradient(135deg, rgba(79, 70, 229, 0.1), rgba(124, 58, 237, 0.08));
}

.about-cta-actions {
	display: flex;
	justify-content: center;
	gap: var(--space-3);
	margin-top: var(--space-6);
}

/* ---- STATIC PAGES MOBILE ---- */
@media (max-width: 768px) {
	.contact-layout {
		grid-template-columns: 1fr;
	}

	.policy-content {
		grid-template-columns: 1fr;
	}

	.policy-toc {
		position: static;
	}

	.about-features {
		grid-template-columns: 1fr;
	}

	.about-values-list {
		grid-template-columns: 1fr;
	}

	.about-cta {
		padding: var(--space-6) var(--space-4) !important;
	}

	.about-cta-actions {
		flex-direction: column;
	}

	.static-page-title {
		font-size: var(--font-2xl);
	}
}

/* ========== AUTH EXTRAS ========== */
.auth-forgot {
	text-align: right;
	margin: calc(-1 * var(--space-2)) 0 var(--space-4);
}

.auth-forgot a {
	font-size: var(--font-sm);
	color: var(--primary-color);
	text-decoration: none;
}

.auth-forgot a:hover {
	text-decoration: underline;
}

.auth-desc {
	font-size: var(--font-sm);
	color: var(--text-light);
	margin: 0 0 var(--space-5);
	line-height: 1.5;
}

/* ========== HEADER SEARCH ========== */
.header-search {
	display: flex;
	align-items: center;
	position: relative;
}

.header-search-toggle {
	background: none;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--text-light);
	font-size: 1rem;
	transition: all var(--transition-fast);
}

.header-search-toggle:hover {
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.header-search-form {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: var(--space-2);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-lg);
	padding: var(--space-2);
	z-index: 100;
	min-width: 320px;
	gap: var(--space-2);
	align-items: stretch;
}

.header-search.is-open .header-search-form {
	display: flex;
}

.header-search.is-open .header-search-toggle {
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.header-search-input {
	flex: 1;
	padding: var(--space-2) var(--space-3);
	font-size: var(--font-sm);
	font-family: inherit;
	color: var(--text-color);
	background: var(--bg-color);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	outline: none;
	min-width: 0;
}

.header-search-input:focus {
	border-color: var(--primary-color);
	box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.12);
}

.header-search-submit {
	flex-shrink: 0;
	background: var(--primary-color);
	color: #fff;
	border: none;
	border-radius: var(--radius);
	width: 38px;
	height: 38px;
	cursor: pointer;
	font-size: 0.9rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity var(--transition-fast);
}

.header-search-submit:hover {
	opacity: 0.85;
}

@media (max-width: 768px) {
	.header-search-form {
		position: fixed;
		left: var(--space-3);
		right: var(--space-3);
		top: 60px;
		min-width: auto;
	}
}

/* ========== REPORT MODAL ========== */
.rapor-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
	align-items: center;
	justify-content: center;
}

.rapor-modal.is-open {
	display: flex;
}

.rapor-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}

.rapor-modal-content {
	position: relative;
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-xl);
	padding: var(--space-6);
	max-width: 440px;
	width: 90%;
	box-shadow: var(--shadow-lg);
	z-index: 1;
}

.rapor-modal-close {
	position: absolute;
	top: var(--space-3);
	right: var(--space-3);
	background: none;
	border: none;
	font-size: 1.5rem;
	color: var(--text-light);
	cursor: pointer;
	line-height: 1;
}

.rapor-modal-close:hover {
	color: var(--text-color);
}

.rapor-modal-title {
	font-size: var(--font-lg);
	font-weight: 700;
	margin: 0 0 var(--space-5);
	color: var(--text-color);
}

.rapor-reasons {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.radio-label {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	font-size: var(--font-sm);
	color: var(--text-color);
	cursor: pointer;
	padding: var(--space-2) var(--space-3);
	border-radius: var(--radius);
	transition: background var(--transition-fast);
}

.radio-label:hover {
	background: rgba(79, 70, 229, 0.06);
}

.radio-label input[type="radio"] {
	accent-color: var(--primary-color);
}

.rapor-modal-actions {
	display: flex;
	gap: var(--space-3);
	margin-top: var(--space-4);
}

.rapor-modal-msg {
	margin-top: var(--space-4);
	padding: var(--space-3);
	border-radius: var(--radius);
	font-size: var(--font-sm);
	text-align: center;
}

.rapor-btn {
	background: none;
	border: none;
	cursor: pointer;
	color: var(--text-light);
	padding: 2px;
}

.rapor-btn:hover {
	color: var(--error-color);
}

/* ========== POPULER KONULAR ========== */
.populer-konular {
	margin: var(--space-6) 0;
}

.populer-konular-inner {
	max-width: var(--container-width, 1200px);
	margin: 0 auto;
	padding: 0 var(--space-4);
}

.populer-konular-title {
	font-size: var(--font-lg);
	font-weight: 700;
	margin: 0 0 var(--space-4);
	color: var(--text-color);
}

.populer-konular-list {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.populer-konu-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--space-3) var(--space-4);
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	text-decoration: none;
	color: var(--text-color);
	transition: all var(--transition-fast);
}

.populer-konu-item:hover {
	border-color: var(--primary-color);
	box-shadow: var(--shadow-sm);
	transform: translateX(4px);
}

.populer-konu-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.populer-konu-title {
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.populer-konu-cat {
	font-size: var(--font-xs);
	color: var(--text-light);
}

.populer-konu-stats {
	display: flex;
	gap: var(--space-3);
	font-size: var(--font-sm);
	flex-shrink: 0;
}

/* ========== TOPIC BADGES ========== */
.topic-badge {
	padding: var(--space-2) var(--space-4);
	border-radius: var(--radius);
	font-size: var(--font-sm);
	font-weight: 600;
	margin-bottom: var(--space-3);
}

.topic-badge--pinned {
	background: rgba(79, 70, 229, 0.08);
	color: var(--primary-color);
	border: 1px solid rgba(79, 70, 229, 0.2);
}

.topic-badge--locked {
	background: rgba(239, 68, 68, 0.08);
	color: var(--error-color);
	border: 1px solid rgba(239, 68, 68, 0.2);
}

/* ========== VIEW COUNT ========== */
.postbit-views {
	font-size: var(--font-xs);
	color: var(--text-light);
}

/* ========== TAGS ========== */
.postbit-tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	padding: var(--space-3) var(--space-4);
	border-top: 1px solid var(--border-color);
}

.tag-badge {
	display: inline-block;
	padding: 2px var(--space-2);
	border-radius: var(--radius);
	font-size: var(--font-xs);
	font-weight: 500;
	background: rgba(79, 70, 229, 0.08);
	color: var(--primary-color);
	text-decoration: none;
	transition: background var(--transition-fast);
}

.tag-badge:hover {
	background: rgba(79, 70, 229, 0.16);
}

/* ========== BOOKMARK ========== */
.bookmark-btn.is-bookmarked {
	color: var(--primary-color);
	font-weight: 600;
}

/* ========== SORTING ========== */
.forum-archive-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--space-3);
}

.forum-sort {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	font-size: var(--font-sm);
}

.forum-sort label {
	color: var(--text-light);
	white-space: nowrap;
}

.forum-sort select {
	padding: var(--space-1) var(--space-3);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	background: var(--card-bg);
	color: var(--text-color);
	font-size: var(--font-sm);
	cursor: pointer;
}

/* ========== TOAST ========== */
.toast-msg {
	position: fixed;
	bottom: calc(var(--space-6) + 20px);
	left: 50%;
	transform: translateX(-50%) translateY(20px);
	padding: var(--space-3) var(--space-5);
	border-radius: var(--radius);
	font-size: var(--font-sm);
	font-weight: 500;
	z-index: 10000;
	opacity: 0;
	transition: all 0.3s ease;
	pointer-events: none;
	box-shadow: var(--shadow-lg);
}

.toast-msg.show {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

.toast-msg.auth-success {
	background: var(--success-bg, #ecfdf5);
	color: var(--success-color, #065f46);
	border: 1px solid rgba(16, 185, 129, 0.3);
}

.toast-msg.auth-error {
	background: var(--error-bg, #fef2f2);
	color: var(--error-color, #991b1b);
	border: 1px solid rgba(239, 68, 68, 0.3);
}

/* ========== COMMENT EDIT AREA ========== */
.edit-comment-area {
	width: 100%;
	margin-bottom: var(--space-2);
}

.edit-comment-actions {
	display: flex;
	gap: var(--space-2);
}

.btn-sm {
	padding: var(--space-1) var(--space-3);
	font-size: var(--font-xs);
}

/* ========== FORM MSG ========== */
.form-msg {
	margin-top: var(--space-4);
	padding: var(--space-3);
	border-radius: var(--radius);
	font-size: var(--font-sm);
	text-align: center;
}

/* ========== ROL ETİKETLERİ ========== */
.postbit-role {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 9999px;
	font-size: var(--font-xs);
	font-weight: 600;
	letter-spacing: .03em;
	line-height: 1.6;
}

.role-admin {
	background: rgba(239, 68, 68, .15);
	color: #ef4444;
}

.role-moderator {
	background: rgba(59, 130, 246, .15);
	color: #3b82f6;
}

.role-vip {
	background: rgba(245, 158, 11, .15);
	color: #f59e0b;
}

.role-premium {
	background: rgba(139, 92, 246, .15);
	color: #8b5cf6;
}

.role-author {
	background: rgba(34, 197, 94, .15);
	color: #22c55e;
}

.role-contributor {
	background: rgba(14, 165, 233, .15);
	color: #0ea5e9;
}

.role-member {
	background: var(--hover-bg);
	color: var(--text-secondary);
}

.role-custom {
	background: rgba(236, 72, 153, .15);
	color: #ec4899;
}

/* ========== PROFİL SEKME ========== */
.profile-tabs {
	display: flex;
	gap: var(--space-1);
	border-bottom: 2px solid var(--border-color);
	margin-bottom: var(--space-5);
}

.profile-tab {
	padding: var(--space-3) var(--space-4);
	font-weight: 600;
	font-size: var(--font-sm);
	color: var(--text-secondary);
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	transition: color .2s, border-color .2s;
	text-decoration: none;
}

.profile-tab:hover {
	color: var(--primary-color);
}

.profile-tab--active {
	color: var(--primary-color);
	border-bottom-color: var(--primary-color);
}

/* ========== KAYDEDİLENLER ========== */
.profile-saved-empty {
	text-align: center;
	padding: var(--space-8) var(--space-4);
	color: var(--text-secondary);
}

.profile-saved-empty-icon {
	font-size: 3rem;
	display: block;
	margin-bottom: var(--space-3);
}

.profile-saved-list {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
}

.profile-saved-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: var(--space-4) var(--space-5);
	border-radius: var(--radius);
	background: var(--hover-bg);
	border-left: 3px solid var(--primary-color);
	transition: background .2s, border-color .2s;
}

.profile-saved-item:hover {
	background: var(--border-color);
	border-left-color: var(--secondary-color, #a78bfa);
}

.profile-saved-item-info {
	flex: 1;
	min-width: 0;
}

.profile-saved-item-header {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	flex-wrap: wrap;
	margin-bottom: var(--space-2);
}

.profile-saved-item-title {
	font-weight: 600;
	font-size: var(--font-base, 1rem);
	color: var(--text-color);
	text-decoration: none;
	line-height: 1.4;
}

.profile-saved-item-title:hover {
	color: var(--primary-color);
}

.profile-saved-item-cat {
	font-size: var(--font-xs);
	font-weight: 500;
	background: rgba(139, 92, 246, .15);
	color: var(--primary-color);
	padding: 2px 8px;
	border-radius: 9999px;
	white-space: nowrap;
}

.profile-saved-item-excerpt {
	font-size: var(--font-sm, .875rem);
	color: var(--text-secondary);
	line-height: 1.5;
	margin: 0 0 var(--space-2) 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.profile-saved-item-meta {
	font-size: var(--font-xs);
	color: var(--text-secondary);
}

.profile-saved-remove {
	background: none;
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	font-size: var(--font-xs);
	cursor: pointer;
	color: var(--text-secondary);
	padding: 4px 10px;
	transition: color .2s, border-color .2s;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 4px;
}

.profile-saved-remove:hover {
	color: #ef4444;
	border-color: #ef4444;
}

/* ========== BİLDİRİM DROPDOWN GELİŞTİRME ========== */
.nav-bildirim-dropdown-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--space-3) var(--space-4);
	border-bottom: 1px solid var(--border-color);
}

.nav-bildirim-dropdown-title {
	font-weight: 700;
	font-size: var(--font-sm);
}

.nav-bildirim-mark-all-read {
	background: none;
	border: none;
	color: var(--primary-color);
	font-size: var(--font-xs);
	cursor: pointer;
	font-weight: 600;
}

.nav-bildirim-mark-all-read:hover {
	text-decoration: underline;
}

.nav-bildirim-section-title {
	display: block;
	padding: var(--space-2) var(--space-4);
	font-size: var(--font-xs);
	font-weight: 700;
	color: var(--text-secondary);
	text-transform: uppercase;
	letter-spacing: .05em;
}

.nav-bildirim-item--unread {
	background: rgba(59, 130, 246, .08);
	border-left: 3px solid var(--primary-color);
}

.nav-bildirim-item--one-cikar {
	background: rgba(245, 158, 11, .08);
	border-left: 3px solid #f59e0b;
}

.nav-bildirim-item-time {
	display: block;
	font-size: var(--font-xs);
	color: var(--text-secondary);
	margin-top: 2px;
}

.nav-bildirim-empty {
	text-align: center;
	padding: var(--space-5) var(--space-4);
	color: var(--text-secondary);
	font-size: var(--font-sm);
}

/* Cinsiyet Avatar & Badge Renkleri */
.profile-avatar-wrap.avatar-kadin,
.postbit-avatar.avatar-kadin .avatar-img,
img.avatar-kadin,
.anonim-badge.avatar-kadin {
	border-color: #ec4899 !important;
	/* Pembe */
}

.profile-avatar-wrap.avatar-erkek,
.postbit-avatar.avatar-erkek .avatar-img,
img.avatar-erkek,
.anonim-badge.avatar-erkek {
	border-color: #3b82f6 !important;
	/* Mavi */
}