/* ============================================================
   FORUM — Ana Stil Dosyası
   Sürüm: 1.1.1
   ============================================================ */

/* ============================================================
   RESET & BASE
   ============================================================ */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.menu-open {
    overflow: hidden;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color 0.15s ease; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
input, textarea, select { font-family: inherit; font-size: inherit; }

/* ============================================================
   RENK DEĞİŞKENLERİ
   ============================================================ */
:root {
    --bg: #f8fafc;
    --bg-alt: #f1f5f9;
    --surface: #ffffff;
    --surface-alt: #f9fafb;
    --border: #e2e8f0;
    --border-strong: #cbd5e1;
    --text: #0f172a;
    --text-muted: #64748b;
    --text-subtle: #94a3b8;
    --text-inverse: #ffffff;
    --accent: #2563eb;
    --accent-hover: #1d4ed8;
    --accent-light: #dbeafe;
    --accent-text: #ffffff;
    --accent-rgb: 37, 99, 235;
    --success: #16a34a;
    --success-light: #dcfce7;
    --error: #dc2626;
    --error-light: #fee2e2;
    --warning: #ca8a04;
    --warning-light: #fef9c3;
    --info: #0891b2;
    --info-light: #cffafe;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
    --shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.08), 0 2px 4px -2px rgba(0,0,0,0.05);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -4px rgba(0,0,0,0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.05);
    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --radius-full: 9999px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;
    --container: 1200px;
    --header-height: 64px;
}

[data-theme="dark"] {
    --bg: #0f172a;
    --bg-alt: #1e293b;
    --surface: #1e293b;
    --surface-alt: #334155;
    --border: #334155;
    --border-strong: #475569;
    --text: #e2e8f0;
    --text-muted: #94a3b8;
    --text-subtle: #64748b;
    --text-inverse: #0f172a;
    --accent-light: #1e3a8a;
    --success-light: #14532d;
    --error-light: #7f1d1d;
    --warning-light: #713f12;
    --info-light: #164e63;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
    --shadow: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.5), 0 2px 4px -2px rgba(0,0,0,0.4);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.5), 0 4px 6px -4px rgba(0,0,0,0.4);
    --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.6), 0 8px 10px -6px rgba(0,0,0,0.5);
}

body { background-color: var(--bg); color: var(--text); }

/* ============================================================
   TEMA RENKLERİ
   ============================================================ */
[data-color="blue"]   { --accent: #2563eb; --accent-hover: #1d4ed8; --accent-light: #dbeafe; --accent-rgb: 37, 99, 235; }
[data-color="green"]  { --accent: #16a34a; --accent-hover: #15803d; --accent-light: #dcfce7; --accent-rgb: 22, 163, 74; }
[data-color="purple"] { --accent: #7c3aed; --accent-hover: #6d28d9; --accent-light: #ede9fe; --accent-rgb: 124, 58, 237; }
[data-color="orange"] { --accent: #ea580c; --accent-hover: #c2410c; --accent-light: #ffedd5; --accent-rgb: 234, 88, 12; }
[data-color="red"]    { --accent: #dc2626; --accent-hover: #b91c1c; --accent-light: #fee2e2; --accent-rgb: 220, 38, 38; }
[data-color="pink"]   { --accent: #db2777; --accent-hover: #be185d; --accent-light: #fce7f3; --accent-rgb: 219, 39, 119; }
[data-color="yellow"] { --accent: #ca8a04; --accent-hover: #a16207; --accent-light: #fef9c3; --accent-rgb: 202, 138, 4; }
[data-color="cyan"]   { --accent: #0891b2; --accent-hover: #0e7490; --accent-light: #cffafe; --accent-rgb: 8, 145, 178; }
[data-color="brown"]  { --accent: #92400e; --accent-hover: #78350f; --accent-light: #fef3c7; --accent-rgb: 146, 64, 14; }
[data-color="black"]  { --accent: #111827; --accent-hover: #000000; --accent-light: #e5e7eb; --accent-rgb: 17, 24, 39; }
[data-color="white"]  { --accent: #64748b; --accent-hover: #475569; --accent-light: #f1f5f9; --accent-rgb: 100, 116, 139; }
[data-color="gray"]   { --accent: #475569; --accent-hover: #334155; --accent-light: #e2e8f0; --accent-rgb: 71, 85, 105; }

[data-theme="dark"][data-color="blue"]   { --accent: #3b82f6; --accent-hover: #60a5fa; }
[data-theme="dark"][data-color="green"]  { --accent: #22c55e; --accent-hover: #4ade80; }
[data-theme="dark"][data-color="purple"] { --accent: #a78bfa; --accent-hover: #c4b5fd; }
[data-theme="dark"][data-color="orange"] { --accent: #fb923c; --accent-hover: #fdba74; }
[data-theme="dark"][data-color="red"]    { --accent: #f87171; --accent-hover: #fca5a5; }
[data-theme="dark"][data-color="pink"]   { --accent: #f472b6; --accent-hover: #f9a8d4; }
[data-theme="dark"][data-color="yellow"] { --accent: #fbbf24; --accent-hover: #fcd34d; }
[data-theme="dark"][data-color="cyan"]   { --accent: #22d3ee; --accent-hover: #67e8f9; }
[data-theme="dark"][data-color="brown"]  { --accent: #d97706; --accent-hover: #f59e0b; }
[data-theme="dark"][data-color="black"]  { --accent: #e5e7eb; --accent-hover: #f3f4f6; --accent-text: #111827; }
[data-theme="dark"][data-color="white"]  { --accent: #94a3b8; --accent-hover: #cbd5e1; }
[data-theme="dark"][data-color="gray"]   { --accent: #94a3b8; --accent-hover: #cbd5e1; }

/* ============================================================
   CONTAINER
   ============================================================ */
.container {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 var(--space-4);
    width: 100%;
}

.main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: var(--space-6);
    padding: var(--space-6) var(--space-4);
    align-items: start;
}

.content-main { min-width: 0; }

/* Sidebar: SAF CSS position:sticky (JS scroll dinleyicisi YOK -> titreme/gecikme yok).
   Sidebar viewport'tan kisaysa ust kenara yapisir; uzunsa (JS --side-top ile negatif
   top verir) ALT kenari gorunene kadar icerikle akar, sonra sabit kalir.
   Icerik sutunu bitince (grid alani sonu) sidebar da duzgunce durur. */
.content-side {
    position: sticky;
    top: var(--side-top, 90px);
    align-self: start;

    content-visibility: auto;
    contain-intrinsic-size: 0 700px;}

@media (max-width: 968px) {
    .main-grid {
        grid-template-columns: 1fr;
        gap: var(--space-4);
    }
    .content-side {
        position: static;
        top: auto;
    }
}

.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 999;
    background: var(--accent);
    color: var(--accent-text);
    padding: 12px 20px;
    border-radius: var(--radius-sm);
}
.skip-link:focus { left: 12px; top: 12px; }

/* ============================================================
   HEADER (En üst katman — 9999)
   ============================================================ */
.site-header {
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    z-index: 9999;
    backdrop-filter: blur(8px);
    background-color: rgba(var(--accent-rgb), 0.02);
    transition: box-shadow 0.2s ease;
}

.site-header.scrolled { box-shadow: var(--shadow-md); }

.header-inner {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    height: var(--header-height);
    max-width: 100%;
    position: relative;
}

.site-brand { display: flex; align-items: center; flex-shrink: 0; }

.brand-link {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-weight: 700;
    color: var(--text);
    font-size: 1.125rem;
}

.brand-logo { max-height: 36px; width: auto; }

.brand-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--accent);
    color: var(--accent-text);
    border-radius: var(--radius);
}

.brand-text { white-space: nowrap; }

.site-nav { flex: 1; min-width: 0; display: flex; justify-content: center; }

.nav-list { display: flex; list-style: none; gap: 2px; overflow: visible; }

.nav-list a {
    display: block;
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-muted);
    white-space: nowrap;
    transition: all 0.15s ease;
}
.nav-list a:hover { background: var(--accent-light); color: var(--accent); }

.nav-more { position: relative; }

.nav-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-muted);
    white-space: nowrap;
    transition: all 0.15s ease;
    cursor: pointer;
    border: none;
    background: none;
    font-family: inherit;
}
.nav-more-btn:hover, .nav-more-btn.active { background: var(--accent-light); color: var(--accent); }
.nav-more-btn svg { transition: transform 0.15s ease; }
.nav-more-btn.active svg { transform: rotate(180deg); }

.nav-more-menu {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 6px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    min-width: 200px;
    padding: 6px;
    z-index: 10000;
    animation: fadeInDown 0.15s ease;
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

.nav-more-menu a {
    display: block;
    padding: 9px 14px;
    border-radius: var(--radius-sm);
    color: var(--text);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.12s ease;
    white-space: nowrap;
}
.nav-more-menu a:hover { background: var(--accent-light); color: var(--accent); }

.header-actions {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    flex-shrink: 0;
    margin-left: auto;
}

.icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius);
    color: var(--text-muted);
    transition: all 0.15s ease;
}
.icon-btn:hover { background: var(--surface-alt); color: var(--text); }

.mobile-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius);
    color: var(--text-muted);
    z-index: 10001;
    position: relative;
    transition: all 0.15s ease;
}
.mobile-toggle:hover { background: var(--surface-alt); }

/* THEME SWITCHER */
.theme-switcher { position: relative; }
.icon-sun, .icon-moon { display: none; }
[data-theme="light"] .icon-sun { display: block; }
[data-theme="dark"] .icon-moon { display: block; }

.theme-menu {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    padding: var(--space-3);
    min-width: 240px;
    z-index: 10000;
    display: none;
}
.theme-menu.open { display: block; }

.theme-option {
    display: block;
    width: 100%;
    padding: 10px 12px;
    text-align: left;
    border-radius: var(--radius-sm);
    color: var(--text);
    font-size: 0.9375rem;
    transition: background 0.15s ease;
}
.theme-option:hover { background: var(--surface-alt); }

.color-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border);
}

.color-swatch {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--swatch);
    border: 2px solid transparent;
    transition: all 0.15s ease;
    cursor: pointer;
}
.color-swatch:hover { transform: scale(1.15); }
.color-swatch.active {
    border-color: var(--text);
    box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--text);
}

/* SEARCH BAR */
.search-bar {
    background: var(--surface);
    border-top: 1px solid var(--border);
    padding: var(--space-4) 0;
    animation: slideDown 0.2s ease;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.search-form { display: flex; gap: var(--space-2); align-items: center; }

.search-form input {
    flex: 1;
    padding: 12px 16px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--bg);
    color: var(--text);
    font-size: 1rem;
    transition: border-color 0.15s ease;
}
.search-form input:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.15);
}

.search-form button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--radius);
    background: var(--accent);
    color: var(--accent-text);
    transition: background 0.15s ease;
}
.search-form button:hover { background: var(--accent-hover); }

.search-close { background: var(--surface-alt) !important; color: var(--text-muted) !important; }

/* BREADCRUMB */
.breadcrumb-wrap { padding: var(--space-4) var(--space-4) 0; }

.breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 0.875rem;
    color: var(--text-muted);
}
.breadcrumb a {
    color: var(--text-muted);
    padding: 2px 4px;
    border-radius: var(--radius-sm);
    transition: color 0.15s ease;
}
.breadcrumb a:hover { color: var(--accent); }
.bc-sep {
    display: flex;
    align-items: center;
    color: var(--text-subtle);
    margin: 0 2px;
}
.bc-current { color: var(--text); font-weight: 500; }

/* MAIN & CARDS */
.site-main { flex: 1; position: relative; z-index: 1; }

.card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    margin-bottom: var(--space-4);
    overflow: visible;
    box-shadow: var(--shadow-sm);
    transition: box-shadow 0.2s ease;
}

.card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    border-bottom: 1px solid var(--border);
    background: var(--surface-alt);
    border-radius: var(--radius) var(--radius) 0 0;
}

.card-header h1, .card-header h2, .card-header h3 {
    font-size: 1.0625rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text);
}

.card-header h1 { font-size: 1.375rem; }
.card-header h2 { font-size: 1.125rem; }

.card-action {
    font-size: 0.875rem;
    color: var(--accent);
    font-weight: 500;
}
.card-action:hover { color: var(--accent-hover); }

/* PAGE CONTENT */
.page-content {
    padding: var(--space-6);
    font-size: 1.0625rem;
    line-height: 1.75;
    color: var(--text);
    word-wrap: break-word;
}
.page-content p { margin-bottom: 1em; }
.page-content p:last-child { margin-bottom: 0; }
.page-content h2, .page-content h3 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: var(--text);
    font-weight: 700;
}
.page-content h2 { font-size: 1.25rem; }
.page-content h3 { font-size: 1.125rem; }
.page-content a { color: var(--accent); text-decoration: underline; }
.page-content ul, .page-content ol { margin: 1em 0; padding-left: 2em; }
.page-content li { margin-bottom: 0.5em; }
.page-content img { margin: 1em 0; border-radius: var(--radius); }

/* HERO (z-index düşürüldü) */
.hero {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
    color: var(--accent-text);
    padding: var(--space-12) var(--space-4);
    text-align: center;
    margin-bottom: var(--space-6);
    position: relative;
    z-index: 1;
}

.hero-title {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: var(--space-2);
    color: var(--accent-text);
}

.hero-tagline { font-size: 1.0625rem; opacity: 0.9; margin-bottom: var(--space-6); }

.hero-ask {
    display: flex;
    gap: 8px;
    max-width: 560px;
    margin: 0 auto var(--space-6);
    background: #fff;
    border-radius: var(--radius-full);
    padding: 6px 6px 6px 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.hero-ask input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 0.9375rem;
    color: var(--text);
    background: transparent;
    min-width: 0;
}
.hero-ask input::placeholder { color: var(--text-subtle); }
.hero-ask button {
    border: none;
    background: var(--accent);
    color: #fff;
    font-weight: 700;
    font-size: 0.9375rem;
    padding: 10px 22px;
    border-radius: var(--radius-full);
    cursor: pointer;
    transition: background 0.15s ease;
    flex-shrink: 0;
}
.hero-ask button:hover { background: var(--accent-hover); }

@media (max-width: 640px) {
    .hero-ask { padding: 5px 5px 5px 16px; }
    .hero-ask button { padding: 9px 16px; font-size: 0.875rem; }
}
.hero-stats { display: flex; justify-content: center; gap: var(--space-8); flex-wrap: wrap; }
.hero-stat { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.hero-stat strong { font-size: 1.75rem; font-weight: 800; line-height: 1.2; }
.hero-stat span { font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.05em; opacity: 0.85; }

@media (max-width: 640px) {
    .hero { padding: var(--space-8) var(--space-4); }
    .hero-title { font-size: 1.5rem; }
    .hero-stats { gap: var(--space-5); }
    .hero-stat strong { font-size: 1.375rem; }
}

/* ÖNE ÇIKANLAR SLIDER */
.hero-slider-wrap { padding: var(--space-5) var(--space-4) 0; }

.hero-slider {
    position: relative;
    border-radius: var(--radius-lg, 16px);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
}

.hero-slider-track {
    display: flex;
    transition: transform 0.4s ease;
    will-change: transform;
}

.hero-slide {
    flex: 0 0 100%;
    min-width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 8px;
    min-height: 260px;
    padding: var(--space-6) var(--space-6) var(--space-5);
    color: #fff;
    text-decoration: none;
}

.hero-slide-cat {
    display: inline-block;
    align-self: flex-start;
    padding: 3px 12px;
    background: rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(4px);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
}

.hero-slide-title {
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 1.3;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.hero-slide-excerpt {
    font-size: 0.875rem;
    opacity: 0.92;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hero-slide-author {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    font-size: 0.8125rem;
    font-weight: 600;
}
.hero-slide-author img { width: 36px; height: 36px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.6); }

.hero-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.85);
    color: var(--text);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease;
    z-index: 2;
}
.hero-slider-arrow:hover { background: #fff; }
.hero-slider-arrow.prev { left: 12px; }
.hero-slider-arrow.next { right: 12px; }

.hero-slider-dots {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 2;
}

.hero-slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    padding: 0;
    transition: all 0.15s ease;
}
.hero-slider-dot.active { background: #fff; width: 20px; border-radius: var(--radius-full); }

@media (max-width: 640px) {
    .hero-slide { min-height: 220px; padding: var(--space-5) var(--space-4) var(--space-4); }
    .hero-slide-title { font-size: 1.125rem; }
    .hero-slider-arrow { width: 30px; height: 30px; }
}

/* CATEGORIES GRID */
.categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--space-3);
    padding: var(--space-4);
}

.category-tile {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface-alt);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    transition: all 0.15s ease;
}
.category-tile:hover {
    border-color: var(--accent);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.category-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius);
    background: var(--accent-light);
    color: var(--accent);
    flex-shrink: 0;
}
.category-icon span { width: 20px; height: 20px; border-radius: 50%; }

.category-name {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--text);
    line-height: 1.3;
}
.category-count { font-size: 0.75rem; color: var(--text-muted); margin-top: 2px; }

/* THREADS LIST */
.thread-card {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    border-bottom: 1px solid var(--border);
    align-items: start;
    transition: background 0.15s ease;
}
.thread-card:last-child { border-bottom: none; }
.thread-card:hover { background: var(--surface-alt); }

.thread-avatar { flex-shrink: 0; padding-top: 2px; }
.thread-avatar img { width: 40px; height: 40px; border-radius: 50%; background: var(--accent-light); }

.thread-body { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.thread-link { display: contents; }

.thread-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text);
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.thread-card:hover .thread-title { color: var(--accent); }
a:hover .thread-title { color: var(--accent); }

.thread-excerpt {
    font-size: 0.875rem;
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.thread-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: 2px;
}
.thread-meta a { color: var(--text-muted); }
.thread-meta a:hover { color: var(--accent); }
.meta-sep { color: var(--text-subtle); }
.meta-author strong { color: var(--text); font-weight: 600; }
.meta-cat {
    padding: 2px 8px;
    background: var(--accent-light);
    color: var(--accent) !important;
    border-radius: var(--radius-full);
    font-weight: 500;
}

.thread-side {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    flex-shrink: 0;
    align-items: flex-end;
    min-width: 70px;
}

/* Avatar/yan kutu olmadan sadece baslik+meta gosteren varyant (orn. profil sayfasi) */
.thread-card.compact {
    grid-template-columns: minmax(0, 1fr);
}

.thread-stat {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    color: var(--text-muted);
    padding: 3px 8px;
    border-radius: var(--radius-sm);
    background: var(--surface-alt);
    min-width: 48px;
    justify-content: center;
}

@media (max-width: 640px) {
    .thread-card {
        grid-template-columns: 32px minmax(0, 1fr);
        padding: var(--space-4);
        gap: var(--space-2);
    }
    .thread-avatar img { width: 32px; height: 32px; }
    .thread-side {
        grid-column: 2 / 3;
        flex-direction: row;
        align-self: flex-start;
        gap: var(--space-2);
        min-width: 0;
        margin-top: 6px;
    }
    .thread-title { font-size: 0.9375rem; }
    .thread-excerpt { font-size: 0.8125rem; }
}

/* PAGE HEADER */
.page-header {
    padding: var(--space-6) var(--space-5);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    margin-bottom: var(--space-4);
    box-shadow: var(--shadow-sm);
}

.page-title {
    font-size: 1.625rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: var(--space-2);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text);
}

.cat-color-dot { display: inline-block; width: 14px; height: 14px; border-radius: 50%; }
.page-desc { font-size: 0.9375rem; color: var(--text-muted); margin-bottom: var(--space-3); line-height: 1.6; }
.page-meta { font-size: 0.875rem; color: var(--text-muted); }
.page-meta strong { color: var(--text); font-weight: 700; }

/* THREAD DETAIL */
.thread-detail-header {
    padding: var(--space-6) var(--space-6) var(--space-4);
    border-bottom: 1px solid var(--border);
}

.thread-cat-badge {
    display: inline-block;
    padding: 4px 12px;
    background: var(--accent-light);
    color: var(--accent);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: var(--space-3);
}

.thread-detail-title {
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.3;
    color: var(--text);
    margin-bottom: var(--space-5);
}

.thread-detail-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-4);
    flex-wrap: wrap;
}

.author-block { display: flex; align-items: center; gap: var(--space-3); }
.author-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--accent-light); }
.author-info { display: flex; flex-direction: column; gap: 2px; }
.author-name { font-weight: 600; color: var(--text); font-size: 0.9375rem; }
.author-name:hover { color: var(--accent); }
.author-time { font-size: 0.8125rem; color: var(--text-muted); }
.thread-detail-stats { display: flex; gap: var(--space-4); font-size: 0.875rem; color: var(--text-muted); }

.thread-detail-content {
    padding: var(--space-6);
    font-size: 1.0625rem;
    line-height: 1.75;
    color: var(--text);
    word-wrap: break-word;
}

.thread-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    padding: 0 var(--space-6) var(--space-4);
}
.tag {
    display: inline-block;
    padding: 4px 12px;
    background: var(--surface-alt);
    border: 1px solid var(--border);
    border-radius: var(--radius-full);
    font-size: 0.8125rem;
    color: var(--text-muted);
    transition: all 0.15s ease;
}
.tag:hover {
    background: var(--accent-light);
    border-color: var(--accent);
    color: var(--accent);
}

.thread-actions {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--border);
    background: var(--surface-alt);
    flex-wrap: wrap;
    border-radius: 0 0 var(--radius) var(--radius);
}

/* SHARE MENU */
.share-dropdown {
    position: relative;
    display: inline-block;
    z-index: 100;
}

.share-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-xl);
    min-width: 200px;
    padding: 6px;
    z-index: 9999;
    animation: fadeInDown 0.15s ease;
}

.share-menu a, .share-menu button {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 14px;
    text-align: left;
    border-radius: var(--radius-sm);
    color: var(--text);
    font-size: 0.875rem;
    font-family: inherit;
    transition: background 0.15s ease;
    background: none;
    border: none;
    cursor: pointer;
}
.share-menu a:hover, .share-menu button:hover {
    background: var(--accent-light);
    color: var(--accent);
}

/* ACTION BUTTONS */
.action-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: 8px 14px;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text);
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.15s ease;
}
.action-btn:hover { border-color: var(--accent); color: var(--accent); }
.action-btn.liked { background: var(--error-light); border-color: var(--error); color: var(--error); }

.like-count {
    background: var(--surface-alt);
    padding: 1px 8px;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
}
.action-btn.liked .like-count { background: var(--error); color: white; }

.action-btn-sm {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--text-muted);
    font-size: 0.75rem;
    transition: all 0.15s ease;
}
.action-btn-sm:hover { border-color: var(--accent); color: var(--accent); }
.action-btn-sm.liked { background: var(--error-light); border-color: var(--error); color: var(--error); }

/* POSTS */
.post-item {
    padding: var(--space-5) var(--space-6);
    border-bottom: 1px solid var(--border);
}
.post-item:last-child { border-bottom: none; }
.post-item:target { background: var(--accent-light); animation: highlight 2s ease; }

@keyframes highlight {
    0%, 100% { background: transparent; }
    30% { background: var(--accent-light); }
}

.post-author {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
    flex-wrap: wrap;
}

.post-author img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--accent-light);
}

.post-author-name { font-weight: 600; color: var(--text); font-size: 0.9375rem; }
.post-author-name a { color: var(--text); }
.post-author-name a:hover { color: var(--accent); }

.guest-name { color: var(--text); }

.guest-badge {
    display: inline-block;
    padding: 1px 6px;
    background: var(--warning-light);
    color: var(--warning);
    font-size: 0.6875rem;
    font-weight: 600;
    border-radius: var(--radius-sm);
    margin-left: 6px;
    vertical-align: middle;
}

.post-time { font-size: 0.75rem; color: var(--text-muted); margin-left: auto; }

.post-content {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text);
    word-wrap: break-word;
    margin-bottom: var(--space-3);
}

.post-actions { display: flex; gap: var(--space-2); }

/* MODERN YORUM / CEVAP SISTEMI */
.comments-card .card-header h2 { margin: 0; }
.posts-list-modern {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: visible;
    background: transparent;
}
.post-item-modern {
    position: relative;
    padding: 18px 20px 15px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15,23,42,.04);
}
.post-item-modern.post-root:nth-child(even) { background: var(--surface-alt); }
.post-item-modern.post-root:nth-child(3n) { background: #fbfaff; }
/* Konu sayfasında ekran dışındaki uzun cevapları ilk render'da çizme.
   Görünür alana yaklaşınca tarayıcı normal şekilde render eder. */
.post-item-modern:nth-child(n+4) {
    content-visibility: auto;
    contain-intrinsic-size: 0 300px;
}

.post-item-modern.post-reply {
    margin-left: 34px;
    border-left: 3px solid var(--accent);
    background: var(--surface-alt);
}
.post-author { align-items: center; flex-wrap: nowrap; }
.post-avatar { width: 44px !important; height: 44px !important; min-width: 44px; object-fit: cover; border-radius: 50%; }
.post-author-main { min-width: 0; flex: 1; }
.post-author-line { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.post-author-name { font-size: .95rem; font-weight: 700; text-decoration: none; }
.post-author-meta {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--accent-light);
    color: var(--accent);
    font-size: .69rem;
    font-weight: 600;
}
.post-time { margin-left: 0; display: block; margin-top: 2px; }
.post-quoted-parent,
.reply-quote-preview {
    margin: 12px 0 12px 56px;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 8px 8px 0;
    background: rgba(124,58,237,.055);
    color: var(--text-muted);
}
.post-quote-label { font-size: .76rem; font-weight: 700; color: var(--accent); margin-bottom: 4px; }
.post-quote-text { font-size: .84rem; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.post-content { margin: 12px 0 0 56px; }
.post-actions { margin: 12px 0 0 56px; align-items: center; flex-wrap: wrap; }
.post-reply-btn { cursor: pointer; }
.reply-quote-preview { margin: 0 0 16px; }
.reply-quote-preview-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; color: var(--accent); font-size: .78rem; font-weight: 700; }
.reply-quote-preview-head button { border: 0; background: transparent; color: var(--text-muted); cursor: pointer; }
.reply-quote-preview-head button:hover { color: var(--error); }
#reply-quote-text { margin-top: 3px; color: var(--text-muted); font-size: .84rem; line-height: 1.45; }

@media (max-width: 640px) {
    .posts-list-modern { gap: 9px; }
    .post-item-modern { padding: 15px 13px; border-radius: 10px; }
    .post-item-modern.post-reply { margin-left: 10px; }
    .post-content, .post-actions, .post-quoted-parent { margin-left: 0; }
    .post-quoted-parent { margin-top: 8px; }
    .post-actions { gap: 6px; }
    .post-actions .action-btn-sm { font-size: .78rem; padding: 5px 8px; }
}

/* FORMS */
.reply-form { padding: var(--space-5); }

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}
@media (max-width: 640px) { .form-row { grid-template-columns: 1fr; } }

.form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: var(--space-4);
}
.form-group:last-child { margin-bottom: 0; }

.form-group label { font-size: 0.875rem; font-weight: 600; color: var(--text); }
.required { color: var(--error); }

.form-group input,
.form-group textarea,
.form-group select {
    padding: 10px 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--bg);
    color: var(--text);
    font-size: 0.9375rem;
    transition: all 0.15s ease;
    width: 100%;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.15);
}

.form-group textarea {
    resize: vertical;
    min-height: 120px;
    line-height: 1.6;
}

.form-hint { font-size: 0.75rem; color: var(--text-muted); }

.form-actions {
    display: flex;
    gap: var(--space-3);
    align-items: center;
    margin-top: var(--space-4);
    flex-wrap: wrap;
}

/* BUTTONS */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: var(--radius);
    border: 1px solid transparent;
    font-size: 0.9375rem;
    font-weight: 600;
    text-align: center;
    transition: all 0.15s ease;
    cursor: pointer;
    white-space: nowrap;
}
.btn:disabled { opacity: 0.5; cursor: not-allowed; }

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

.btn-outline { background: transparent; border-color: var(--border); color: var(--text); }
.btn-outline:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); background: var(--accent-light); }

/* ALERTS */
.alert {
    padding: 14px 18px;
    border-radius: var(--radius);
    font-size: 0.9375rem;
    margin: var(--space-4) var(--space-5);
    border: 1px solid transparent;
    line-height: 1.5;
}
.alert-error { background: var(--error-light); color: var(--error); border-color: var(--error); }
.alert-success { background: var(--success-light); color: var(--success); border-color: var(--success); }
.alert-warning { background: var(--warning-light); color: var(--warning); border-color: var(--warning); }
.alert-info { background: var(--info-light); color: var(--info); border-color: var(--info); }

/* EMPTY STATE */
.empty-state {
    padding: var(--space-12) var(--space-6);
    text-align: center;
    color: var(--text-muted);
}
.empty-state svg { margin: 0 auto var(--space-4); }
.empty-state h2 {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text);
    margin-bottom: var(--space-2);
}
.empty-state p { font-size: 0.9375rem; }

.text-muted { color: var(--text-muted); }
.text-sm { font-size: 0.875rem; }

/* SIDEBAR */
.popular-list { list-style: none; padding: var(--space-3); }
.popular-list li {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    transition: background 0.15s ease;
}
.popular-list li:hover { background: var(--surface-alt); }
.popular-num {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-light);
    color: var(--accent);
    border-radius: var(--radius-sm);
    font-size: 0.75rem;
    font-weight: 700;
}
.popular-list a { font-size: 0.875rem; color: var(--text); line-height: 1.4; }
.popular-list a:hover { color: var(--accent); }

.recent-threads-list { list-style: none; padding: var(--space-2); }
.recent-threads-list li {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-3);
    border-radius: var(--radius-sm);
    transition: background 0.15s ease;
    border-bottom: 1px solid var(--border);
}
.recent-threads-list li:last-child { border-bottom: none; }
.recent-threads-list li:hover { background: var(--surface-alt); }
.recent-threads-list .recent-avatar { flex-shrink: 0; }
.recent-threads-list .recent-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--accent-light);
}
.recent-threads-list .recent-body { flex: 1; min-width: 0; }
.recent-threads-list .recent-title {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text);
    line-height: 1.4;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.recent-threads-list .recent-title:hover { color: var(--accent); }
.recent-threads-list .recent-meta {
    font-size: 0.6875rem;
    color: var(--text-muted);
}

.sidebar-list { list-style: none; padding: var(--space-2); }
.sidebar-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    transition: background 0.15s ease;
}
.sidebar-list li:hover { background: var(--surface-alt); }
.sidebar-list li.active { background: var(--accent-light); color: var(--accent); font-weight: 600; }
.sidebar-list a {
    color: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: var(--space-3);
}
.sidebar-list .count {
    background: var(--surface-alt);
    color: var(--text-muted);
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: var(--radius-full);
    font-weight: 600;
    flex-shrink: 0;
}

.online-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: var(--space-4);
}
.online-user {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--surface-alt);
    transition: transform 0.15s ease;
}
.online-user:hover { transform: scale(1.1); }
.online-user img { width: 32px; height: 32px; border-radius: 50%; }
.online-guest { color: var(--text-subtle); }

.related-list { list-style: none; padding: var(--space-3); }
.related-list li {
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    transition: background 0.15s ease;
}
.related-list li:hover { background: var(--surface-alt); }
.related-list a {
    display: block;
    color: var(--text);
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 4px;
}
.related-list a:hover { color: var(--accent); }
.related-list time { font-size: 0.75rem; color: var(--text-muted); }

/* PAGINATION */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-5);
    flex-wrap: wrap;
}

.page-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
    color: var(--text);
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.15s ease;
}
.page-btn:hover:not(.disabled) { border-color: var(--accent); color: var(--accent); }
.page-btn.disabled { opacity: 0.4; cursor: not-allowed; }

.page-numbers { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; }

.page-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 8px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
    color: var(--text);
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.15s ease;
}
.page-num:hover { border-color: var(--accent); color: var(--accent); }
.page-num.active { background: var(--accent); color: var(--accent-text); border-color: var(--accent); font-weight: 700; }
.page-dots { padding: 0 4px; color: var(--text-muted); }

.load-more-wrap { text-align: center; padding: var(--space-5); }

/* AD SLOTS */
.ad-slot {
    margin: var(--space-4) 0;
    padding: var(--space-3);
    background: var(--surface-alt);
    border: 1px dashed var(--border-strong);
    border-radius: var(--radius);
    text-align: center;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.ad-slot img { margin: 0 auto; }
.ad-label {
    font-size: 0.6875rem;
    color: var(--text-subtle);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 4px;
}
.ad-header, .ad-footer { max-width: 728px; margin-left: auto; margin-right: auto; }
.ad-sidebar { max-width: 300px; margin-left: auto; margin-right: auto; }

/* FOOTER */
.site-footer {
    background: var(--surface);
    border-top: 1px solid var(--border);
    padding: var(--space-8) 0 var(--space-6);
    margin-top: var(--space-8);
    position: relative;
    z-index: 1;
}
.site-footer::before {
    content: '';
    display: block;
    height: 3px;
    background: linear-gradient(90deg, var(--accent) 0%, var(--accent-hover) 60%, transparent 100%);
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 0.9fr 1.1fr 1fr;
    gap: var(--space-7);
    margin-bottom: var(--space-7);
    padding-top: var(--space-2);
}
@media (max-width: 1100px) { .footer-grid { grid-template-columns: 1fr 1fr; } .footer-col-brand { grid-column: 1 / -1; } }
@media (max-width: 640px) { .footer-grid { grid-template-columns: 1fr; gap: var(--space-6); } .footer-col-brand { grid-column: auto; } }

.footer-title { font-size: 1.125rem; font-weight: 700; margin-bottom: var(--space-2); color: var(--text); }
.footer-tagline { font-size: 0.875rem; color: var(--text-muted); margin-bottom: var(--space-3); }
.footer-desc { font-size: 0.8125rem; color: var(--text-muted); line-height: 1.6; max-width: 36em; }
.footer-subtitle {
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text);
    margin-bottom: var(--space-3);
    padding-bottom: var(--space-2);
    border-bottom: 2px solid var(--accent-light);
    display: inline-block;
}
.footer-links { list-style: none; display: flex; flex-direction: column; gap: 9px; }
.footer-links a { font-size: 0.875rem; color: var(--text-muted); transition: color 0.15s ease; }
.footer-links a:hover { color: var(--accent); }

/* Kategoriler uzun olabildigi icin 2 sutuna yayilir, boylece komsu
   sutunla (Sayfalar) kiyaslandiginda asiri uzun/tek sutunlu gorunmez */
.footer-links-columns {
    display: block;
    columns: 2;
    column-gap: var(--space-5);
}
.footer-links-columns li { break-inside: avoid; margin-bottom: 9px; }

/* Sitemap/RSS gibi teknik linkler ikincil sayilir, daha kucuk/soluk */
.footer-links-utility { margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--border); gap: 6px; }
.footer-links-utility a { font-size: 0.8125rem; opacity: 0.75; }

.footer-bottom {
    padding-top: var(--space-5);
    border-top: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    align-items: center;
    text-align: center;
}

.footer-stats-inline {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-2) var(--space-5);
    font-size: 0.8125rem;
    color: var(--text-muted);
}
.footer-stats-inline strong { color: var(--text); font-weight: 700; }

.footer-text { font-size: 0.8125rem; color: var(--text-muted); line-height: 1.6; }
.footer-text a { color: var(--accent); }

.footer-alt { font-size: 0.8125rem; color: var(--text-muted); }
.footer-alt a { color: var(--text-muted); margin: 0 6px; }
.footer-alt a:hover { color: var(--accent); }

/* SCROLL TOP BUTTON */
.scroll-top {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--accent);
    color: var(--accent-text);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-lg);
    cursor: pointer;
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.25s ease;
    border: none;
}
.scroll-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }
.scroll-top:hover {
    background: var(--accent-hover);
    transform: translateY(-3px);
    box-shadow: 0 12px 24px -8px rgba(var(--accent-rgb), 0.5);
}

@media (max-width: 640px) {
    .scroll-top { bottom: 16px; right: 16px; width: 42px; height: 42px; }
}

/* PROFILE */
.profile-header { display: flex; gap: var(--space-6); padding: var(--space-6); align-items: flex-start; }
.profile-avatar img { width: 96px; height: 96px; border-radius: 50%; background: var(--accent-light); }
.profile-info { flex: 1; min-width: 0; }
.profile-name { font-size: 1.5rem; font-weight: 800; margin-bottom: var(--space-3); color: var(--text); }
.profile-meta { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-3); }
.profile-tag { display: inline-block; padding: 4px 12px; background: var(--surface-alt); border-radius: var(--radius-full); font-size: 0.8125rem; color: var(--text-muted); }
.profile-bio { font-size: 0.9375rem; color: var(--text-muted); line-height: 1.6; margin-bottom: var(--space-3); }
.profile-interests { margin-bottom: var(--space-3); font-size: 0.875rem; color: var(--text-muted); }
.interest-tag { display: inline-block; padding: 2px 10px; background: var(--accent-light); color: var(--accent); border-radius: var(--radius-full); font-size: 0.75rem; margin-left: 4px; }

.profile-stats { display: flex; gap: var(--space-5); flex-wrap: wrap; padding-top: var(--space-4); border-top: 1px solid var(--border); margin-top: var(--space-4); }
.profile-stat { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.profile-stat strong { font-size: 1.25rem; font-weight: 700; color: var(--text); }
.profile-stat span { font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; }

@media (max-width: 640px) {
    .profile-header { flex-direction: column; align-items: center; text-align: center; }
    .profile-stats { justify-content: center; }
}

.posts-mini-list { padding: var(--space-3); }
.post-mini { padding: var(--space-4); border-bottom: 1px solid var(--border); }
.post-mini:last-child { border-bottom: none; }
.post-mini-thread { display: block; font-weight: 600; color: var(--text); font-size: 0.9375rem; margin-bottom: 6px; }
.post-mini-thread:hover { color: var(--accent); }
.post-mini-content { font-size: 0.875rem; color: var(--text-muted); line-height: 1.6; margin-bottom: 6px; }
.post-mini-time { font-size: 0.75rem; color: var(--text-subtle); }

/* TOAST */
.toast {
    position: fixed;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: var(--text);
    color: var(--bg);
    padding: 12px 20px;
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    z-index: 99999;
    opacity: 0;
    transition: all 0.25s ease;
    font-size: 0.9375rem;
    max-width: 90vw;
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ERROR PAGES */
/* ============================================================
   404 SAYFASI
   ============================================================ */
.error-404-page {
    min-height: min(680px, calc(100vh - var(--header-height)));
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 56px 16px 72px;
    position: relative;
    overflow: hidden;
}

.error-404-page::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: var(--accent-light);
    opacity: .42;
    filter: blur(2px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -52%);
    pointer-events: none;
}

.error-404-card {
    width: min(100%, 680px);
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 46px 42px 38px;
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    border: 1px solid var(--border);
    border-radius: 22px;
    box-shadow: var(--shadow-xl);
    backdrop-filter: blur(12px);
}

.error-404-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    display: grid;
    place-items: center;
    color: var(--accent);
    background: var(--accent-light);
    border-radius: 50%;
}
.error-404-icon svg { width: 44px; height: 44px; }
.error-404-code {
    font-size: clamp(4.8rem, 13vw, 7.5rem);
    line-height: .86;
    font-weight: 900;
    letter-spacing: -.075em;
    color: var(--text);
}
.error-404-badge {
    display: inline-flex;
    margin: 18px auto 12px;
    padding: 5px 11px;
    border-radius: var(--radius-full);
    background: var(--accent-light);
    color: var(--accent);
    font-size: .76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.error-404-card h1 {
    font-size: clamp(1.35rem, 3vw, 1.75rem);
    line-height: 1.25;
    margin: 0 0 10px;
    color: var(--text);
}
.error-404-text {
    max-width: 510px;
    margin: 0 auto 24px;
    color: var(--text-muted);
    font-size: .94rem;
    line-height: 1.65;
}
.error-404-search {
    display: flex;
    align-items: center;
    gap: 9px;
    width: min(100%, 520px);
    margin: 0 auto 20px;
    padding: 5px 6px 5px 14px;
    background: var(--surface-alt);
    border: 1px solid var(--border-strong);
    border-radius: 12px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.error-404-search:focus-within {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .10);
}
.error-404-search > svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    color: var(--text-subtle);
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
}
.error-404-search input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text);
    font-size: .92rem;
}
.error-404-search input::placeholder { color: var(--text-subtle); }
.error-404-search button {
    flex: 0 0 auto;
    padding: 9px 16px;
    border-radius: 8px;
    background: var(--accent);
    color: var(--accent-text);
    font-size: .85rem;
    font-weight: 700;
}
.error-404-search button:hover { background: var(--accent-hover); }
.error-404-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px;
}
.error-404-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.error-404-actions .btn svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.error-404-actions .btn-ghost {
    background: transparent;
    color: var(--text-muted);
    border: 1px solid transparent;
}
.error-404-actions .btn-ghost:hover {
    background: var(--surface-alt);
    color: var(--text);
    border-color: var(--border);
}
.error-404-help {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 26px;
    padding-top: 19px;
    border-top: 1px solid var(--border);
    color: var(--text-subtle);
    font-size: .8rem;
}
.error-404-help a { color: var(--accent); font-weight: 600; }
.error-404-help a:hover { text-decoration: underline; }

@media (max-width: 640px) {
    .error-404-page { padding: 32px 12px 48px; min-height: calc(100vh - var(--header-height)); }
    .error-404-card { padding: 34px 18px 26px; border-radius: 18px; }
    .error-404-icon { width: 62px; height: 62px; }
    .error-404-icon svg { width: 38px; height: 38px; }
    .error-404-text { font-size: .88rem; }
    .error-404-search { margin-bottom: 14px; }
    .error-404-actions .btn { width: 100%; }
    .error-404-help { flex-direction: column; gap: 2px; }
}

@media (max-width: 480px) {
    .container { padding: 0 var(--space-3); }
    .card { border-radius: var(--radius-sm); }
    .card-header { padding: var(--space-3) var(--space-4); }
    .thread-detail-header,
    .thread-detail-content,
    .reply-form,
    .page-content { padding: var(--space-4); }
    .thread-detail-title { font-size: 1.375rem; }
    .hero-title { font-size: 1.375rem; }
    .page-title { font-size: 1.375rem; }
    .post-item { padding: var(--space-4); }
    .footer-grid { gap: var(--space-5); }
}

/* ============================================================
   MOBILE MENU (968px ve altı) — Z-INDEX EN ÜST
   ============================================================ */
@media (max-width: 968px) {
    .mobile-toggle { 
        display: flex;
        z-index: 10001;
        position: relative;
    }
    
    .site-nav {
    display: none;
    position: fixed;
    top: var(--header-height);
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100vh - var(--header-height));
    max-height: calc(100vh - var(--header-height));
    background: var(--surface);
    padding: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.site-nav.open {
    display: block;
    height: calc(100vh - var(--header-height));
    max-height: calc(100vh - var(--header-height));
    background: var(--surface);
    opacity: 1;
    visibility: visible;
}
    
    .site-nav.open { 
        display: block;
    }
    
    .nav-list {
        flex-direction: column;
        gap: 0;
        overflow: visible;
        background: var(--surface);
        padding: var(--space-2) 0;
        list-style: none;
    }
    
    .nav-list li {
        background: var(--surface);
        border-bottom: 1px solid var(--border);
        list-style: none;
        width: 100%;
    }
    
    .nav-list li:last-child { 
        border-bottom: none; 
    }
    
    .nav-list a {
        display: block;
        padding: 16px 20px;
        font-size: 1rem;
        font-weight: 500;
        color: var(--text);
        background: var(--surface);
        border-radius: 0;
        white-space: normal;
    }
    
    .nav-list a:hover {
        background: var(--accent-light);
        color: var(--accent);
    }
    
    .nav-more { 
        width: 100%;
        background: var(--surface);
    }
    
    .nav-more-btn {
        width: 100%;
        justify-content: space-between;
        padding: 16px 20px;
        font-size: 1rem;
        color: var(--text);
        background: var(--surface);
        border-radius: 0;
    }
    
    .nav-more-menu {
        position: static;
        box-shadow: none;
        border: none;
        margin: 0;
        padding: 0;
        animation: none;
        background: var(--surface);
        min-width: auto;
    }
    
    .nav-more-menu a {
        display: block;
        padding: 16px 20px;
        font-size: 1rem;
        font-weight: 500;
        color: var(--text);
        background: var(--surface);
        border-radius: 0;
        white-space: normal;
        border-bottom: 1px solid var(--border);
    }
    
    .nav-more-menu a:last-child {
        border-bottom: none;
    }
}

@media print {
    .site-header, .site-footer, .thread-side, .thread-actions,
    .ad-slot, .pagination, .reply-form, .scroll-top { display: none !important; }
    .card { box-shadow: none; border: 1px solid #ccc; }
    body { background: white; color: black; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

/* ============================================================
   KIMLER CEVRIMICI (vBulletin tarzi)
   ============================================================ */
.online-list-vb {
    list-style: none;
    padding: 8px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.online-vb-item {
    display: flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 0.875rem;
    transition: background 0.15s ease;
}
.online-vb-item:hover {
    background: var(--surface-alt);
}
.online-vb-link {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    color: var(--text);
    text-decoration: none;
    cursor: pointer;
}
.online-vb-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 14px;
    flex-shrink: 0;
    line-height: 1;
}
.online-vb-name {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.online-vb-admin .online-vb-name { color: #dc2626; font-weight: 700; }
.online-vb-bot .online-vb-name { color: var(--accent); font-weight: 600; }
.online-vb-bot .online-vb-link:hover .online-vb-name { text-decoration: underline; }
.online-vb-user .online-vb-name { color: #16a34a; font-weight: 600; }
.online-vb-guest .online-vb-name { color: var(--text-muted); font-style: italic; font-weight: 400; }
[data-theme="dark"] .online-vb-admin .online-vb-name { color: #f87171; }
[data-theme="dark"] .online-vb-user .online-vb-name { color: #22c55e; }

/* ============================================================
   ADMIN ACTION BUTONLARI
   ============================================================ */
.admin-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    padding-left: 12px;
    border-left: 1px solid var(--border);
}

.admin-sep {
    color: var(--text-subtle);
    margin: 0 4px;
}

.admin-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    border-radius: var(--radius-sm);
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid;
    font-family: inherit;
}

.admin-btn-delete {
    background: #fee2e2;
    border-color: #fecaca;
    color: #991b1b;
}
.admin-btn-delete:hover {
    background: #dc2626;
    border-color: #dc2626;
    color: white;
}

.admin-btn-lock {
    background: #fef3c7;
    border-color: #fcd34d;
    color: #78350f;
}
.admin-btn-lock:hover {
    background: #ca8a04;
    border-color: #ca8a04;
    color: white;
}

.admin-btn-sm-delete {
    background: #fee2e2 !important;
    border-color: #fecaca !important;
    color: #991b1b !important;
}
.admin-btn-sm-delete:hover {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: white !important;
}

/* ============================================================
   GENEL: hidden özniteliği her zaman gizlesin
   ============================================================ */
[hidden] { display: none !important; }

/* ============================================================
   İÇERİKTE RESİM
   ============================================================ */
.content-figure {
    margin: var(--space-4) 0;
    text-align: center;
}
.content-figure img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
}

/* ============================================================
   ADMIN: DÜZENLEME ARAYÜZÜ (sadece admin görür)
   ============================================================ */
.thread-edit-card { border: 2px dashed var(--accent); margin-bottom: var(--space-4); }
.thread-edit-card .card-header p { margin-top: 4px; }

.editor-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-bottom: var(--space-2);
}
.editor-status { font-size: 0.8125rem; color: var(--text-muted); }

.edit-check {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.875rem;
    margin: var(--space-3) 0;
    cursor: pointer;
}
.edit-check input { width: auto; margin-top: 3px; }
.edit-check small { color: var(--text-muted); }

.admin-btn-edit {
    background: var(--accent-light);
    border-color: var(--accent-light);
    color: var(--accent);
    text-decoration: none;
}
.admin-btn-image {
    background: #0f766e;
    color: #fff;
    border-color: #0f766e;
}
.admin-btn-image:hover {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff;
}
.admin-btn-ai {
    background: #7c3aed;
    color: #fff;
    border-color: #7c3aed;
}
.admin-btn-ai:hover {
    background: #6d28d9;
    border-color: #6d28d9;
    color: #fff;
}

.admin-btn-edit:hover {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--accent-text);
}
.admin-btn-sm-edit {
    background: var(--accent-light) !important;
    border-color: var(--accent-light) !important;
    color: var(--accent) !important;
}
.admin-btn-sm-edit:hover {
    background: var(--accent) !important;
    color: var(--accent-text) !important;
}

.post-edit-form {
    margin-top: var(--space-3);
    padding: var(--space-3);
    border: 1px dashed var(--accent);
    border-radius: var(--radius);
    background: var(--surface-alt);
}
.post-edit-form .form-actions { margin-top: var(--space-3); }

/* Yayınlanan içerikte de RTE stilleri aynen uygulanır (başlık, liste, tablo, alıntı...) */
.rte-html h1{font-size:1.6em;margin:.7em 0 .4em}.rte-html h2{font-size:1.35em;margin:.7em 0 .4em}
.rte-html h3{font-size:1.15em;margin:.7em 0 .4em}.rte-html h4{font-size:1.05em;margin:.7em 0 .4em}
.rte-html p{margin:0 0 1em}.rte-html ul,.rte-html ol{margin:0 0 1em 1.4em}
.rte-html blockquote{margin:0 0 1em;padding:.5em 1.1em;border-left:4px solid var(--accent);background:var(--surface-alt);color:var(--text-muted);border-radius:0 8px 8px 0}
.rte-html pre{background:#0f172a;color:#e2e8f0;padding:14px;border-radius:8px;overflow:auto;margin:0 0 1em;white-space:pre-wrap;font-size:.9em}
.rte-html table{border-collapse:collapse;width:100%;margin:0 0 1.2em;display:block;overflow-x:auto}
.rte-html th,.rte-html td{border:1px solid var(--border-strong,var(--border));padding:8px 12px}
.rte-html th{background:var(--surface-alt);font-weight:700}
.rte-html a{color:var(--accent);text-decoration:underline;word-break:break-word}
.rte-html hr{border:0;border-top:2px solid var(--border);margin:1.2em 0}
.rte-html .ta-center{text-align:center}.rte-html .ta-right{text-align:right}.rte-html .ta-justify{text-align:justify}
.rte-html img{max-width:100%;height:auto;border-radius:var(--radius)}

@media (max-width: 640px) {
    .admin-actions { margin-left: 0; padding-left: 0; border-left: 0; flex-wrap: wrap; }
}

/* ============================================================
   FOOTER: SİTE BİLGİLERİ
   ============================================================ */
.footer-subtitle-info { margin-top: var(--space-5); }
.footer-info {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 260px;
}
.footer-info li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--space-3);
    font-size: 0.8125rem;
    color: var(--text-muted);
    padding-bottom: 6px;
    border-bottom: 1px dashed var(--border);
}
.footer-info li:last-child { border-bottom: 0; padding-bottom: 0; }
.footer-info strong { color: var(--text); font-weight: 700; white-space: nowrap; }

/* ============================================================
   YENİ WIDGETLAR (üye listesi, etiket bulutu, özel HTML)
   ============================================================ */
.widget-users { list-style: none; padding: var(--space-2); display: flex; flex-direction: column; gap: 2px; }
.widget-users li a, .widget-users li .widget-user-static {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 12px; border-radius: var(--radius-sm);
    color: var(--text); font-size: 0.875rem; font-weight: 600;
    transition: background 0.15s ease;
}
.widget-users li a:hover { background: var(--surface-alt); color: var(--accent); }
.widget-users img { width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; }

.widget-tags { padding: var(--space-3); display: flex; flex-wrap: wrap; gap: 8px; }
.tag-chip {
    display: inline-block; padding: 5px 12px; border-radius: 999px;
    background: var(--surface-alt); border: 1px solid var(--border);
    color: var(--text); font-size: 0.8125rem; text-decoration: none;
    transition: all 0.15s ease;
}
.tag-chip:hover { background: var(--accent); border-color: var(--accent); color: var(--accent-text); }

.widget-html { padding: var(--space-3); font-size: 0.875rem; color: var(--text); line-height: 1.6; }
.widget-html p:last-child { margin-bottom: 0; }

.ad-sidebar { margin-top: var(--space-4); }

/* Modern header */
.ks-header{position:sticky;top:0;z-index:200;background:var(--surface);box-shadow:0 2px 14px rgba(15,23,42,.08)}.ks-topbar{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.ks-topbar-inner{min-height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.ks-nav-link{color:#fff;background:none;border:0;font:inherit;font-weight:700;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;text-decoration:none}.ks-nav-link:hover{color:#fff;background:#ffffff1f;border-radius:10px}.ks-brand{justify-self:center;color:#fff;font-size:1.45rem;font-weight:800;display:flex;align-items:center;gap:8px;text-decoration:none}.ks-brand:hover{color:#fff}.ks-brand-mark{width:34px;height:34px;border-radius:10px;background:#ffffff2e;display:grid;place-items:center}.ks-brand .brand-logo{max-height:38px;max-width:190px;object-fit:contain}.ks-user-area{justify-self:end}.ks-login-link{color:#fff;font-weight:700;text-decoration:none;padding:9px 12px;border-radius:10px}.ks-login-link:hover{background:#ffffff1f;color:#fff}.ks-categorybar{background:var(--surface);border-bottom:1px solid var(--border)}.ks-category-inner{min-height:46px;display:flex;align-items:center;gap:6px;overflow:visible;position:relative}.ks-category-inner>a{color:var(--text-muted);padding:8px 11px;font-size:.84rem;font-weight:600;border-radius:8px;white-space:nowrap}.ks-category-inner>a:hover{background:var(--accent-light);color:var(--accent)}.ks-category-inner .nav-more-btn,.ks-theme-button{border:0;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;padding:8px 11px;cursor:pointer}.ks-theme-button{margin-left:auto;font-size:1.05rem}
@media(max-width:900px){.ks-topbar-inner{grid-template-columns:auto 1fr auto}.ks-brand{justify-self:center}.ks-category-inner{overflow-x:auto}.ks-nav-link span{display:none}}@media(max-width:640px){.ks-topbar-inner{min-height:58px;gap:4px}.ks-brand{font-size:1.15rem}.ks-brand .brand-logo{max-width:130px}.ks-user-area .ks-login-link{font-size:0}.ks-user-area .ks-login-link:before{content:'◉';font-size:20px}.ks-categorybar{display:none}}
/* Multi-block slider */
.hero-slider-wrap{padding:20px 16px 0}.hero-slider-mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:190px 190px;gap:10px;min-height:390px}.hero-mosaic-card{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#334155,#111827);color:#fff;text-decoration:none;box-shadow:0 8px 25px #0f172a1f}.hero-mosaic-card.is-main{grid-row:1/3}.hero-mosaic-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}.hero-mosaic-card:hover img{transform:scale(1.045)}.hero-mosaic-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0f172a05 25%,#0f172ad1 100%)}.hero-mosaic-body{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;z-index:1}.hero-mosaic-body h2{font-size:1.12rem;line-height:1.28;margin:7px 0 5px;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.is-main .hero-mosaic-body h2{font-size:1.55rem}.hero-mosaic-body p{margin:0 0 6px;font-size:.8rem;line-height:1.45;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-mosaic-body small{font-size:.7rem;opacity:.8}@media(max-width:800px){.hero-slider-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:250px 170px}.hero-mosaic-card.is-main{grid-column:1/3;grid-row:auto}}@media(max-width:560px){.hero-slider-mosaic{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;min-height:0}.hero-mosaic-card,.hero-mosaic-card.is-main{flex:0 0 86vw;height:250px;scroll-snap-align:start}}
/* Professional footer */
.site-footer{background:#101827;color:#dbe4f0;border-top:0;padding:0 0 24px;margin-top:48px}.site-footer:before{height:4px;background:linear-gradient(90deg,#7c3aed,#db2777,#f59e0b)}.footer-pro-grid{grid-template-columns:1.45fr 1fr 1fr 1fr;gap:28px;padding:38px 0 30px;margin:0}.site-footer .footer-title,.site-footer .footer-subtitle{color:#fff}.site-footer .footer-tagline,.site-footer .footer-desc,.site-footer .footer-links a,.site-footer .footer-text,.site-footer .footer-alt,.site-footer .footer-stats-inline,.site-footer .footer-info{color:#9fb0c5}.site-footer .footer-links a:hover{color:#fff}.site-footer .footer-subtitle{border-bottom-color:#ffffff1f}.site-footer .footer-links-utility{border-top-color:#ffffff1a}.site-footer .footer-bottom{border-top-color:#ffffff1a}.site-footer .footer-stats-inline strong,.site-footer .footer-info strong{color:#fff}.site-footer .footer-info li{border-bottom-color:#ffffff17}@media(max-width:1100px){.footer-pro-grid{grid-template-columns:1fr 1fr}.footer-pro-grid .footer-col-brand{grid-column:1/-1}}@media(max-width:640px){.footer-pro-grid{grid-template-columns:1fr;gap:24px}.footer-pro-grid .footer-col-brand{grid-column:auto}}
.share-menu a,.share-menu button{display:flex;align-items:center;gap:10px}.share-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:800;flex:0 0 28px;color:#fff;font-size:14px}.share-x{background:#111827}.share-fb{background:#1877f2}.share-wa{background:#16a34a}.share-tg{background:#229ed9}.share-copy{background:#64748b}

.ks-theme-wrap{position:relative;margin-left:auto}.ks-theme-wrap .theme-menu{right:0;left:auto;top:42px}.share-menu a,.share-menu button{justify-content:flex-start}.share-menu .share-icon + span{display:none}.share-menu a,.share-menu button{width:auto;min-width:28px}.share-menu{min-width:auto}


/* ============================================================
   RÜYALAR — KS ESİNTİLİ ÜST ALAN / MENÜ / SORU KUTUSU
   ============================================================ */
.ks-header{background:transparent;border:0;box-shadow:none;backdrop-filter:none;overflow:visible}
.ks-topbar{background:linear-gradient(135deg,#744f68 0%,#56364e 48%,#35182e 100%);color:#fff;box-shadow:0 5px 20px rgba(46,20,40,.22)}
.ks-topbar-inner{min-height:70px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;position:relative}
.ks-nav-link{color:#fff;background:transparent;border:0;font:inherit;font-weight:700;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;cursor:pointer;text-decoration:none;border-radius:10px}
.ks-nav-link:hover{color:#fff;background:rgba(255,255,255,.12)}
.ks-brand{justify-self:center;color:#fff;font-size:1.35rem;font-weight:800;display:flex;align-items:center;gap:9px;text-decoration:none;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.ks-brand:hover{color:#fff}
.ks-brand .brand-logo{max-height:42px;max-width:42px;object-fit:contain;border-radius:50%}
.ks-brand-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.ks-brand-copy strong{font-size:1.42rem;letter-spacing:-.03em}
.ks-brand-copy small{font-size:.72rem;font-weight:500;opacity:.86;margin-top:5px}
.ks-user-area{justify-self:end;display:flex;align-items:center;gap:4px}
.ks-admin-icon,.ks-theme-button{width:42px;height:42px;display:grid;place-items:center;border:0;background:rgba(255,255,255,.09);color:#fff;border-radius:50%;cursor:pointer;text-decoration:none}
.ks-admin-icon:hover,.ks-theme-button:hover{background:rgba(255,255,255,.18);color:#fff}
.ks-theme-button{font-size:1.2rem;position:relative}
.ks-theme-button .ks-moon{display:none}
[data-theme="dark"] .ks-theme-button .ks-sun{display:none}
[data-theme="dark"] .ks-theme-button .ks-moon{display:inline}
.ks-ask-wrap{background:#fff;padding:0 0 34px;position:relative;z-index:2}
.ks-ask-wrap .container{position:relative}
.ks-ask-box{width:min(600px,calc(100% - 32px));margin:-2px auto 0;transform:translateY(2px);background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(35,20,30,.16);padding:7px;display:flex;align-items:center;border:1px solid #eee1e9}
.ks-ask-box input{flex:1;border:0;outline:0;padding:15px 18px;font:inherit;color:#333;background:transparent;min-width:0}
.ks-ask-box input::placeholder{color:#69707a}
.ks-ask-box button{border:0;border-radius:9px;background:#e85d16;color:#fff;font-weight:800;font-size:.95rem;padding:15px 23px;cursor:pointer;white-space:nowrap}
.ks-ask-box button:hover{background:#c94e0f}
.ks-menu-panel{position:absolute;left:0;right:0;top:70px;background:rgba(38,18,34,.98);color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.28);z-index:10000;border-top:1px solid rgba(255,255,255,.1)}
.ks-menu-panel .container{padding-top:20px;padding-bottom:26px}
.ks-menu-head{display:flex;align-items:center;justify-content:space-between;font-size:1.15rem;margin-bottom:14px}
.ks-menu-head button{border:0;background:rgba(255,255,255,.1);color:#fff;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}
.ks-menu-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:28px;align-items:start}
.ks-menu-title{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#d9b8cc;font-weight:800;margin-bottom:10px}
.ks-menu-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px}
.ks-menu-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}
.ks-menu-item{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;padding:8px 9px;border-radius:8px;font-size:.9rem;font-weight:600;min-width:0}
.ks-menu-item:hover{background:rgba(255,255,255,.1);color:#fff}
.ks-menu-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.ks-header .search-bar{background:#fff;border-bottom:1px solid #e7dde3}
.ks-categorybar{display:none!important}
.ks-header .search-form{padding:12px 0}
.ks-header.scrolled .ks-topbar{box-shadow:0 6px 24px rgba(30,15,25,.28)}

/* Ana sayfa / kategori konu kartları: görsel + metin */
.thread-card.has-thumb .thread-link{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center}
.thread-thumb{width:150px;height:100px;border-radius:10px;overflow:hidden;background:var(--surface-alt);flex:0 0 150px}
.thread-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thread-card.has-thumb .thread-body{min-width:0}

/* Paylaş menüsünde bilinen ikonlar */
.share-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px}
.share-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.share-fb svg{fill:currentColor;stroke:none}
.share-menu a,.share-menu button{gap:10px}

/* Footer fazladan çizgi kaldırıldı */
.site-footer .footer-links-utility{border-top:0!important;padding-top:0!important;margin-top:16px}
.site-footer{background:linear-gradient(180deg,#241522 0%,#160c15 100%);color:#eadfe8}
.site-footer:before{background:linear-gradient(90deg,#9b6a89,#784a64,#3a2034)}
.site-footer .footer-title,.site-footer .footer-subtitle{color:#fff}
.site-footer .footer-links a,.site-footer .footer-text,.site-footer .footer-alt,.site-footer .footer-desc,.site-footer .footer-tagline,.site-footer .footer-info{color:#c6b5c1}
.site-footer .footer-links a:hover{color:#fff}
.site-footer .footer-bottom{border-top-color:rgba(255,255,255,.12)}

@media(max-width:900px){
  .ks-topbar-inner{grid-template-columns:auto auto 1fr auto;min-height:64px}
  .ks-brand{position:static;transform:none;justify-self:center}
  .ks-brand-copy small{display:none}
  .ks-menu-panel{top:64px}
  .ks-nav-link span{display:none}
  .thread-card.has-thumb .thread-link{grid-template-columns:120px minmax(0,1fr)}
  .thread-thumb{width:120px;height:90px;flex-basis:120px}
}
@media(max-width:640px){
  .ks-topbar-inner{grid-template-columns:auto auto 1fr auto;gap:2px;padding-left:8px;padding-right:8px}
  .ks-brand-copy strong{font-size:1.08rem}
  .ks-brand .brand-logo{max-height:34px;max-width:34px}
  .ks-ask-wrap{padding-bottom:26px}
  .ks-ask-box{width:calc(100% - 24px)}
  .ks-ask-box input{padding:13px 12px;font-size:.9rem}
  .ks-ask-box button{padding:13px 14px;font-size:.82rem}
  .ks-menu-grid{grid-template-columns:1fr;gap:18px}\n  .ks-menu-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n  .ks-menu-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .thread-card.has-thumb .thread-link{grid-template-columns:1fr;gap:10px}
  .thread-thumb{width:100%;height:auto;overflow:hidden}
  .thread-thumb img{width:100%;height:auto;object-fit:contain;display:block}
}

.thread-card.has-thumb .thread-avatar{display:none!important}


/* ============================================================
   RÜYALAR — SON HEADER / KONU LİSTESİ DÜZELTMELERİ
   ============================================================ */
.ks-topbar{background:linear-gradient(135deg,#76536b 0%,#5b3a51 52%,#351a2f 100%)}
.ks-topbar-inner{min-height:70px}
.ks-nav-link svg{width:23px;height:23px;flex:0 0 23px}
.ks-user-area{gap:8px}
.ks-admin-icon,.ks-theme-button{width:46px;height:46px;min-width:46px;min-height:46px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ks-admin-icon svg{width:26px;height:26px}
.ks-theme-button{font-size:0}
.ks-theme-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ks-theme-button .ks-moon{display:none}
[data-theme="dark"] .ks-theme-button .ks-sun{display:none}
[data-theme="dark"] .ks-theme-button .ks-moon{display:block}

/* Soru kutusu: üst alanın içine taşan, profesyonel/katmanlı görünüm */
.ks-ask-wrap{background:transparent;padding:0 0 56px;margin-top:-34px;position:relative;z-index:210}
.ks-ask-box{position:relative;z-index:3;width:min(600px,calc(100% - 32px));margin:0 auto;background:var(--surface,#fff);border:1px solid #eadfe7;border-radius:14px;box-shadow:0 12px 30px rgba(48,25,42,.16);padding:7px;min-height:70px}
.ks-ask-box input{font-size:1rem}
.ks-ask-box button{min-height:54px;padding:0 25px;border-radius:10px}

/* Görselli konu kartı artık parent grid'i bozmaz. */
.thread-card.has-thumb{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.thread-card.has-thumb .thread-link{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;min-width:0}
.thread-card.has-thumb .thread-avatar{display:none!important}
.thread-card.has-thumb .thread-thumb{width:150px;height:100px}
.thread-card.has-thumb .thread-side{align-self:center}

/* Mobil header: sol Menü, ortada Rüyalar, sağda Ara + tema */
@media(max-width:700px){
  .ks-topbar-inner{min-height:64px;display:block;position:relative;padding:0 8px}
  .ks-menu-trigger{position:absolute;left:8px;top:8px;width:46px;height:46px;padding:0;justify-content:center}
  .ks-menu-trigger span,.ks-topbar-inner>.ks-nav-link:nth-of-type(2){display:none}
  .ks-search-trigger{position:absolute;right:62px;top:8px;width:46px;height:46px;padding:0;justify-content:center}
  .ks-search-trigger span{display:none}
  .ks-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:46vw}
  .ks-brand-copy strong{font-size:1.18rem}
  .ks-brand-copy small{display:none}
  .ks-brand .brand-logo{width:34px;height:34px;max-width:34px;max-height:34px}
  .ks-user-area{position:absolute;right:8px;top:8px;display:flex;gap:0}
  .ks-admin-icon{display:none}
  .ks-theme-button{width:46px;height:46px;min-width:46px}
  .ks-user-area .ks-theme-button{display:grid}
  .ks-ask-wrap{margin-top:-24px;padding-bottom:42px}
  .ks-ask-box{width:calc(100% - 20px);min-height:62px}
  .ks-ask-box input{padding:12px 11px;font-size:.88rem}
  .ks-ask-box button{min-height:48px;padding:0 13px;font-size:.8rem}
  .thread-card.has-thumb{grid-template-columns:minmax(0,1fr) auto}
  .thread-card.has-thumb .thread-link{grid-template-columns:105px minmax(0,1fr);gap:10px}
  .thread-card.has-thumb .thread-thumb{width:105px;height:82px}
}
@media(max-width:420px){
  .ks-brand-copy strong{font-size:1.05rem}
  .ks-brand .brand-logo{display:none}
  .ks-search-trigger,.ks-menu-trigger,.ks-theme-button{width:42px;height:42px;min-width:42px;min-height:42px;top:11px}
  .ks-search-trigger{right:57px}
  .ks-user-area{top:11px}
  .ks-nav-link svg{width:21px;height:21px}
}

/* ============================================================
   RÜYALAR — SON GÖRSEL DÜZELTMELER
   ============================================================ */
/* Soru kutusu: header'ın alt kenarına kontrollü taşar, breadcrumb'a girmez. */
.ks-ask-wrap{
    background:transparent;
    position:relative;
    z-index:20;
    height:0;
    padding:0;
    margin:0;
}
.ks-ask-wrap .container{position:relative;height:0}
.ks-ask-box{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,-30%);
    width:min(600px,calc(100% - 32px));
    min-height:70px;
    box-sizing:border-box;
    margin:0;
    background:var(--surface,#fff);
    border:1px solid #eadfe7;
    border-radius:14px;
    box-shadow:0 12px 30px rgba(48,25,42,.16);
    padding:7px;
    display:flex;
    align-items:center;
}
/* Kutunun kapladığı alanı içerikten önce rezerve et. */
.ks-ask-wrap + .ad-slot,
.ks-ask-wrap + .breadcrumb-wrap,
.ks-ask-wrap + .container.breadcrumb-wrap{
    margin-top:42px;
}
.ks-ask-box input{min-width:0}

/* Admin ve tema ikonları: gerçek, simetrik SVG alanı. */
.ks-admin-icon,.ks-theme-button{
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
    padding:0!important;display:grid!important;place-items:center!important;
    border-radius:50%;box-sizing:border-box;line-height:0;
}
.ks-admin-icon svg,.ks-theme-button svg{width:27px!important;height:27px!important;display:block}
.admin-gear-svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Konu kartları: görsel hiçbir zaman başlık/meta/istatistik alanına taşamaz. */
.thread-card.has-thumb{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 70px!important;
    gap:16px!important;
    align-items:center!important;
}
.thread-card.has-thumb .thread-link{
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:center!important;
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
}
.thread-card.has-thumb .thread-thumb{
    position:relative!important;
    width:150px!important;height:100px!important;
    min-width:150px!important;
    grid-column:1!important;
    grid-row:1!important;
    overflow:hidden!important;
    border-radius:10px!important;
}
.thread-card.has-thumb .thread-body{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:auto!important;
    overflow:hidden!important;
}
.thread-card.has-thumb .thread-title,
.thread-card.has-thumb .thread-excerpt,
.thread-card.has-thumb .thread-meta{position:static!important;max-width:100%!important;overflow:hidden}
.thread-card.has-thumb .thread-title{white-space:normal!important;text-overflow:clip!important}
.thread-card.has-thumb .thread-side{grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:center!important;position:relative!important;z-index:2}
.thread-stat{min-width:48px!important;height:28px;box-sizing:border-box}
.thread-stat-icon{width:14px;height:14px;display:block;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:900px){
    .thread-card.has-thumb .thread-link{grid-template-columns:120px minmax(0,1fr)!important;gap:12px!important}
    .thread-card.has-thumb .thread-thumb{width:120px!important;min-width:120px!important;height:90px!important}
}
@media(max-width:640px){
    .ks-ask-box{width:calc(100% - 20px);min-height:62px;transform:translate(-50%,-22%)}
    .ks-ask-wrap + .breadcrumb-wrap,.ks-ask-wrap + .container.breadcrumb-wrap{margin-top:34px}
    .thread-card.has-thumb{grid-template-columns:minmax(0,1fr) 56px!important;gap:8px!important}
    .thread-card.has-thumb .thread-link{grid-template-columns:105px minmax(0,1fr)!important;gap:10px!important}
    .thread-card.has-thumb .thread-thumb{width:105px!important;min-width:105px!important;height:82px!important}
    .thread-card.has-thumb .thread-side{grid-column:2!important}
    .thread-stat{min-width:44px!important;padding:3px 5px!important}
}

/* ============================================================
   RÜYALAR — KONU LİSTESİ / HEADER SON DÜZELTME
   ============================================================ */
/* Arama artık sağdaki tema/yönetim ikonlarının yanında. */
.ks-topbar-inner > .ks-search-trigger{
    position:absolute!important;
    right:112px;
    top:11px;
    margin:0;
    z-index:4;
}
.ks-user-area{position:absolute!important;right:0;top:11px;z-index:5}

/* Görselli konular: üç net kolon; görsel, içerik, istatistik. */
.thread-card.has-thumb{
    grid-template-columns:150px minmax(0,1fr) 70px!important;
    gap:16px!important;
    align-items:center!important;
}
.thread-card.has-thumb .thread-link{display:contents!important}
.thread-card.has-thumb .thread-thumb{
    grid-column:1!important;grid-row:1!important;
    width:150px!important;min-width:150px!important;height:100px!important;
}
.thread-card.has-thumb .thread-body{
    grid-column:2!important;grid-row:1!important;
    width:auto!important;min-width:0!important;overflow:hidden!important;
}
.thread-card.has-thumb .thread-side{
    grid-column:3!important;grid-row:1!important;
    width:70px!important;min-width:70px!important;
    align-self:center!important;justify-self:end!important;
}
.thread-card.has-thumb .thread-title,
.thread-card.has-thumb .thread-excerpt,
.thread-card.has-thumb .thread-meta{max-width:100%!important;min-width:0!important}

/* Yönetim ve tema ikonları aynı ölçü ve hizada. */
.ks-admin-icon,.ks-theme-button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
.admin-gear-svg{width:27px!important;height:27px!important;fill:currentColor!important;stroke:none!important}

@media(max-width:900px){
    .ks-topbar-inner > .ks-search-trigger{right:112px;top:9px}
    .ks-user-area{right:0;top:9px}
    .thread-card.has-thumb{grid-template-columns:120px minmax(0,1fr) 60px!important;gap:12px!important}
    .thread-card.has-thumb .thread-thumb{width:120px!important;min-width:120px!important;height:90px!important}
    .thread-card.has-thumb .thread-side{width:60px!important;min-width:60px!important}
}
@media(max-width:700px){
    .ks-topbar-inner > .ks-search-trigger{right:62px;top:8px;width:46px;height:46px;padding:0;justify-content:center}
    .ks-user-area{right:8px;top:8px}
    .thread-card.has-thumb{grid-template-columns:105px minmax(0,1fr) 52px!important;gap:10px!important}
    .thread-card.has-thumb .thread-thumb{width:105px!important;min-width:105px!important;height:82px!important}
    .thread-card.has-thumb .thread-side{width:52px!important;min-width:52px!important}
}
@media(max-width:420px){
    .ks-topbar-inner > .ks-search-trigger{right:57px;top:11px;width:42px;height:42px}
    .ks-user-area{right:8px;top:11px}
    .ks-theme-button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
    .thread-card.has-thumb{grid-template-columns:90px minmax(0,1fr) 46px!important;gap:8px!important}
    .thread-card.has-thumb .thread-thumb{width:90px!important;min-width:90px!important;height:76px!important}
    .thread-card.has-thumb .thread-side{width:46px!important;min-width:46px!important}
    .thread-stat{min-width:40px!important;padding:3px 4px!important}
}

/* ============================================================
   SIDEBAR — RÜYANI ANLAT KUTUSU
   ============================================================ */
.sidebar-ask-card{
    width:100%;
    box-sizing:border-box;
    margin:0 0 var(--space-4,16px);
    padding:18px;
    background:linear-gradient(145deg,#76536b 0%,#5b3a51 55%,#351a2f 100%);
    color:#fff;
    border-radius:16px;
    box-shadow:0 10px 26px rgba(48,25,42,.18);
    border:1px solid rgba(255,255,255,.12);
}
.sidebar-ask-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    margin-bottom:10px;
    border-radius:50%;
    background:rgba(255,255,255,.13);
    color:#fff;
    font-size:22px;
    line-height:1;
}
.sidebar-ask-content h3{
    margin:0 0 6px;
    color:#fff;
    font-size:1.05rem;
    line-height:1.3;
    font-weight:800;
}
.sidebar-ask-content p{
    margin:0 0 13px;
    color:rgba(255,255,255,.78);
    font-size:.82rem;
    line-height:1.45;
}
.sidebar-ask-content form{display:flex;flex-direction:column;gap:8px}
.sidebar-ask-content input{
    width:100%;
    min-width:0;
    height:44px;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.18);
    border-radius:10px;
    outline:none;
    padding:0 12px;
    background:rgba(255,255,255,.97);
    color:#333;
    font:inherit;
    font-size:.86rem;
}
.sidebar-ask-content input::placeholder{color:#777}
.sidebar-ask-content input:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.sidebar-ask-content button{
    width:100%;
    min-height:44px;
    border:0;
    border-radius:10px;
    background:#e85d16;
    color:#fff;
    font:inherit;
    font-size:.86rem;
    font-weight:800;
    cursor:pointer;
}
.sidebar-ask-content button:hover{background:#c94e0f}

/* Eski header-altı soru kutusu artık kullanılmıyor. */
.ks-ask-wrap{display:none!important}

@media(max-width:968px){
    .sidebar-ask-card{margin-top:4px}
}

/* Ana sayfa kategori bloğu */
.home-categories-card{margin-bottom:var(--space-5)}
.home-categories-card .categories-grid{padding:var(--space-4)}
.home-categories-card .category-tile{text-decoration:none}
.home-categories-card .category-icon{background:var(--accent-light)!important}
.home-categories-card .category-icon>span{display:block;width:18px;height:18px;border-radius:50%}
@media(max-width:640px){
    .home-categories-card .categories-grid{grid-template-columns:1fr 1fr;gap:10px;padding:12px}
    .home-categories-card .category-tile{padding:10px;gap:9px}
    .home-categories-card .category-icon{width:34px;height:34px;min-width:34px}
    .home-categories-card .category-name{font-size:.84rem}
}
@media(max-width:420px){
    .home-categories-card .categories-grid{grid-template-columns:1fr}
}

/* ============================================================
   MOBİL HEADER — SON DÜZENLEME
   Menü solda, Rüyalar ortada, Ara + Gece/Gündüz sağda.
   ============================================================ */
@media (max-width:700px){
    .ks-topbar-inner{
        min-height:58px!important;
        height:58px!important;
        display:block!important;
        position:relative!important;
        padding:0 8px!important;
        box-sizing:border-box!important;
    }
    .ks-menu-trigger{
        display:flex!important;
        position:absolute!important;
        left:8px!important;
        top:8px!important;
        width:42px!important;
        height:42px!important;
        padding:0!important;
        margin:0!important;
        justify-content:center!important;
        align-items:center!important;
        z-index:6!important;
    }
    .ks-menu-trigger span{display:none!important}
    .ks-topbar-inner>.ks-nav-link:nth-of-type(2){display:none!important}

    .ks-search-trigger,
    .ks-topbar-inner>.ks-search-trigger{
        display:flex!important;
        position:absolute!important;
        right:56px!important;
        top:8px!important;
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        min-height:42px!important;
        padding:0!important;
        margin:0!important;
        justify-content:center!important;
        align-items:center!important;
        z-index:7!important;
        border-radius:50%!important;
        background:rgba(255,255,255,.12)!important;
        color:#fff!important;
    }
    .ks-search-trigger span{display:none!important}
    .ks-search-trigger svg{display:block!important;width:22px!important;height:22px!important}

    .ks-brand{
        display:flex!important;
        position:absolute!important;
        left:50%!important;
        top:50%!important;
        transform:translate(-50%,-50%)!important;
        margin:0!important;
        max-width:42vw!important;
        white-space:nowrap!important;
        z-index:5!important;
    }
    .ks-brand-copy strong{font-size:1.15rem!important}
    .ks-brand-copy small{display:none!important}
    .ks-brand .brand-logo{display:none!important}

    .ks-user-area{
        position:absolute!important;
        right:8px!important;
        top:8px!important;
        display:flex!important;
        width:42px!important;
        height:42px!important;
        z-index:8!important;
    }
    .ks-admin-icon{display:none!important}
    .ks-theme-button{
        display:grid!important;
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        min-height:42px!important;
        padding:0!important;
        margin:0!important;
    }
}
@media (max-width:420px){
    .ks-topbar-inner{min-height:56px!important;height:56px!important}
    .ks-menu-trigger{left:7px!important;top:7px!important;width:42px!important;height:42px!important}
    .ks-search-trigger,.ks-topbar-inner>.ks-search-trigger{right:55px!important;top:7px!important;width:42px!important;height:42px!important}
    .ks-user-area{right:7px!important;top:7px!important}
    .ks-theme-button{width:42px!important;height:42px!important}
    .ks-brand-copy strong{font-size:1.08rem!important}
}

/* ============================================================
   SIDEBAR RÜYANI ANLAT + TEMA RENGİ
   ============================================================ */
.sidebar-ask-card{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%)!important;
    color:var(--accent-text)!important;
}
.sidebar-ask-content h3{color:var(--accent-text)!important}
.sidebar-ask-content p{color:rgba(255,255,255,.84)!important}
.sidebar-ask-content textarea{
    width:100%;min-height:112px;resize:vertical;box-sizing:border-box;
    border:1px solid rgba(255,255,255,.22);border-radius:12px;outline:none;
    padding:12px 13px;background:rgba(255,255,255,.98);color:#1f2937;
    font:inherit;font-size:.9rem;line-height:1.5;
}
.sidebar-ask-content textarea::placeholder{color:#737373}
.sidebar-ask-content textarea:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.15)}
.sidebar-ask-content button{
    background:var(--accent-text)!important;color:var(--accent)!important;
}
.sidebar-ask-content button:hover{filter:brightness(.96)}
.sidebar-ask-content button:disabled{opacity:.65;cursor:wait}
.sidebar-ask-status{font-size:.78rem;line-height:1.35;margin-top:2px;min-height:18px;color:rgba(255,255,255,.9)}
.sidebar-ask-status.is-success{color:#fff}
.sidebar-ask-status.is-error{color:#ffe1e1}

/* Header artık sabit mor renge bağlı değil; admin panelindeki tema rengi kullanılır. */
.ks-topbar{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%)!important;
}
.ks-menu-panel{background:color-mix(in srgb,var(--accent) 94%,#111 6%)!important}

/* Mobil header tek bir temiz satır: menü - logo - tema. */
@media(max-width:700px){
    .ks-topbar{height:60px!important;min-height:60px!important}
    .ks-topbar-inner{height:60px!important;min-height:60px!important;padding:0 7px!important;box-sizing:border-box!important}
    .ks-menu-trigger{left:7px!important;top:9px!important;width:42px!important;height:42px!important;border-radius:50%!important;background:rgba(255,255,255,.10)!important}
    .ks-menu-trigger svg{width:23px!important;height:23px!important}
    .ks-brand{left:50%!important;top:30px!important;transform:translate(-50%,-50%)!important}
    .ks-brand-copy strong{font-size:1.18rem!important;color:#fff!important}
    .ks-brand-copy small,.ks-brand .brand-logo{display:none!important}
    .ks-search-trigger{display:none!important}
    .ks-user-area{right:7px!important;top:9px!important;width:42px!important;height:42px!important}
    .ks-admin-icon{display:none!important}
    .ks-theme-button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:50%!important;background:rgba(255,255,255,.10)!important}
    .ks-theme-button svg{width:24px!important;height:24px!important}
    .ks-menu-panel{top:60px!important}
}
@media(max-width:700px){
    /* Mobilde Ara, gece/gündüz ikonunun hemen solunda kalır. */
    .ks-search-trigger,.ks-topbar-inner>.ks-search-trigger{
        display:flex!important;
        position:absolute!important;
        right:56px!important;
        top:9px!important;
        width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
        padding:0!important;margin:0!important;justify-content:center!important;align-items:center!important;
        border-radius:50%!important;background:rgba(255,255,255,.10)!important;color:#fff!important;z-index:8!important;
    }
    .ks-search-trigger span{display:none!important}
    .ks-search-trigger svg{display:block!important;width:21px!important;height:21px!important}
    .ks-brand{max-width:40vw!important}
}

/* ============================================================
   SON DÜZENLEME — MOBİL HEADER TAMAMEN SADELEŞTİRİLDİ
   ============================================================ */
@media (max-width:700px){
    .ks-header{
        height:64px!important;
        min-height:64px!important;
        max-height:64px!important;
        overflow:visible!important;
        position:relative!important;
    }
    .ks-topbar{
        height:64px!important;
        min-height:64px!important;
        max-height:64px!important;
        overflow:visible!important;
    }
    .ks-topbar-inner{
        width:100%!important;
        height:64px!important;
        min-height:64px!important;
        max-height:64px!important;
        padding:0 8px!important;
        margin:0!important;
        display:block!important;
        position:relative!important;
        box-sizing:border-box!important;
    }
    .ks-menu-trigger{
        position:absolute!important;
        left:8px!important;
        top:10px!important;
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        min-height:44px!important;
        padding:0!important;
        margin:0!important;
        display:grid!important;
        place-items:center!important;
        border-radius:12px!important;
        background:rgba(255,255,255,.12)!important;
        z-index:20!important;
    }
    .ks-menu-trigger span,
    .ks-topbar-inner>.ks-nav-link:nth-of-type(2){display:none!important}
    .ks-menu-trigger svg{width:25px!important;height:25px!important}

    /* Mobilde üst çubuğu bozan arama düğmesi tamamen kaldırıldı. */
    .ks-topbar-inner>.ks-search-trigger{display:none!important}

    .ks-brand{
        position:absolute!important;
        left:50%!important;
        top:32px!important;
        transform:translate(-50%,-50%)!important;
        margin:0!important;
        padding:0!important;
        max-width:60vw!important;
        white-space:nowrap!important;
        z-index:10!important;
    }
    .ks-brand-copy{display:block!important}
    .ks-brand-copy strong{display:block!important;font-size:1.28rem!important;line-height:1!important;color:#fff!important}
    .ks-brand-copy small,.ks-brand .brand-logo{display:none!important}

    .ks-user-area{
        position:absolute!important;
        right:8px!important;
        top:10px!important;
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        min-height:44px!important;
        display:block!important;
        z-index:20!important;
    }
    .ks-admin-icon{display:none!important}
    .ks-theme-button{
        display:grid!important;
        place-items:center!important;
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        min-height:44px!important;
        margin:0!important;
        padding:0!important;
        border-radius:50%!important;
        background:rgba(255,255,255,.12)!important;
    }
    .ks-theme-button svg{width:25px!important;height:25px!important}
    .ks-menu-panel{top:64px!important}

    /* Mobilde soru kutusu sidebar'a taşındığı için header altında boşluk bırakma. */
    .ks-ask-wrap{display:none!important}
}

/* ============================================================
   TÜM KATEGORİLER SAYFASI
   ============================================================ */
.all-categories-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-bottom:32px;
}
.all-category-card{
    display:flex;
    gap:16px;
    align-items:flex-start;
    padding:20px;
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:16px;
    text-decoration:none;
    color:var(--text);
    box-shadow:var(--shadow-sm);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.all-category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-light);color:var(--text)}
.all-category-icon{width:48px;height:48px;min-width:48px;border-radius:14px;display:grid;place-items:center}
.all-category-icon>span{width:20px;height:20px;border-radius:50%}
.all-category-body{display:flex;flex-direction:column;min-width:0;gap:6px}
.all-category-body strong{font-size:1.05rem;line-height:1.25;color:var(--text)}
.all-category-body>span{font-size:.88rem;line-height:1.5;color:var(--text-muted)}
.all-category-body small{font-size:.78rem;font-weight:700;color:var(--accent)}
.all-category-body small b{font-size:1rem;margin-left:3px}
@media(max-width:700px){
    .all-categories-grid{grid-template-columns:1fr;gap:12px}
    .all-category-card{padding:16px;gap:13px}
}

/* Sidebar rüya yazma alanı biraz daha ferah. */
.sidebar-ask-content textarea{min-height:150px!important}

/* ============================================================
   SON MOBİL HEADER — SADECE MENÜ / ARA / GECE-GÜNDÜZ
   ============================================================ */
@media (max-width:700px){
    .ks-header,.ks-topbar,.ks-topbar-inner{height:62px!important;min-height:62px!important;max-height:62px!important}
    .ks-topbar{overflow:visible!important}
    .ks-topbar-inner{display:block!important;position:relative!important;width:100%!important;padding:0 8px!important}
    .ks-menu-trigger{position:absolute!important;left:8px!important;top:9px!important;width:44px!important;height:44px!important;min-width:44px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:12px!important;background:rgba(255,255,255,.12)!important;z-index:30!important}
    .ks-menu-trigger span{display:none!important}
    .ks-menu-trigger svg{width:25px!important;height:25px!important}
    .ks-topbar-inner>.ks-nav-link:nth-of-type(2){display:none!important}
    .ks-brand{position:absolute!important;left:50%!important;top:31px!important;transform:translate(-50%,-50%)!important;display:block!important;margin:0!important;padding:0!important;max-width:40vw!important;z-index:20!important}
    .ks-brand-copy strong{display:block!important;color:#fff!important;font-size:1.18rem!important;line-height:1!important;white-space:nowrap!important}
    .ks-brand-copy small,.ks-brand .brand-logo{display:none!important}
    .ks-topbar-inner>.ks-search-trigger{display:grid!important;position:absolute!important;right:58px!important;top:9px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;margin:0!important;place-items:center!important;border-radius:12px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;z-index:30!important}
    .ks-topbar-inner>.ks-search-trigger span{display:none!important}
    .ks-topbar-inner>.ks-search-trigger svg{display:block!important;width:23px!important;height:23px!important}
    .ks-user-area{position:absolute!important;right:8px!important;top:9px!important;width:44px!important;height:44px!important;min-width:44px!important;display:block!important;z-index:30!important}
    .ks-admin-icon{display:none!important}
    .ks-theme-button{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border-radius:12px!important;background:rgba(255,255,255,.12)!important}
    .ks-theme-button svg{width:24px!important;height:24px!important}
    .ks-menu-panel{top:62px!important}
}
@media (max-width:420px){
    .ks-header,.ks-topbar,.ks-topbar-inner{height:60px!important;min-height:60px!important;max-height:60px!important}
    .ks-menu-trigger{left:6px!important;top:8px!important}
    .ks-topbar-inner>.ks-search-trigger{right:54px!important;top:8px!important}
    .ks-user-area{right:6px!important;top:8px!important}
    .ks-brand{top:30px!important}
    .ks-menu-panel{top:60px!important}
}

/* Ana sayfadaki kategori kutularında konu sayısı gösterilmez. */
.home-categories-card .category-count{display:none!important}

/* Favicon'daki mor tonunu varsayılan tema olarak kullan. */
[data-color="default"]{--accent:#784a64;--accent-hover:#5d354f;--accent-light:#f0e5eb;--accent-rgb:120,74,100;--accent-text:#fff}
[data-theme="dark"][data-color="default"]{--accent:#a06f8e;--accent-hover:#c08eaa;--accent-light:#3b2735;--accent-text:#fff}

/* ============================================================
   FINAL MOBILE HEADER — tek ve net yerleşim
   Mobilde yalnızca Menü + Ara + Gece/Gündüz gösterilir.
   ============================================================ */
@media (max-width:700px){
    .ks-header,
    .ks-topbar,
    .ks-topbar-inner{
        height:60px!important;
        min-height:60px!important;
        max-height:60px!important;
    }
    .ks-header{overflow:visible!important;position:sticky!important;top:0!important;z-index:2000!important}
    .ks-topbar{overflow:visible!important}
    .ks-topbar-inner{
        display:block!important;
        position:relative!important;
        width:100%!important;
        padding:0!important;
        margin:0!important;
        box-sizing:border-box!important;
    }

    /* Sol: yalnız Menü */
    .ks-topbar-inner>.ks-menu-trigger{
        display:grid!important;
        position:absolute!important;
        left:8px!important;
        top:8px!important;
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        min-height:44px!important;
        padding:0!important;
        margin:0!important;
        place-items:center!important;
        border-radius:12px!important;
        background:rgba(255,255,255,.12)!important;
        color:#fff!important;
        z-index:40!important;
    }
    .ks-topbar-inner>.ks-menu-trigger span{display:none!important}
    .ks-topbar-inner>.ks-menu-trigger svg{display:block!important;width:25px!important;height:25px!important}

    /* Keşfet mobilde kesinlikle yok */
    .ks-topbar-inner>.ks-nav-link:nth-of-type(2){display:none!important}

    /* Orta: yalnız Rüyalar */
    .ks-topbar-inner>.ks-brand{
        display:block!important;
        position:absolute!important;
        left:50%!important;
        top:30px!important;
        transform:translate(-50%,-50%)!important;
        margin:0!important;
        padding:0!important;
        max-width:45vw!important;
        white-space:nowrap!important;
        z-index:20!important;
    }
    .ks-brand-copy{display:block!important}
    .ks-brand-copy strong{
        display:block!important;
        font-size:1.18rem!important;
        line-height:1!important;
        color:#fff!important;
        white-space:nowrap!important;
    }
    .ks-brand-copy small,.ks-brand .brand-logo{display:none!important}

    /* Sağ: Ara + Gece/Gündüz */
    .ks-topbar-inner>.ks-search-trigger{
        display:grid!important;
        position:absolute!important;
        right:58px!important;
        top:8px!important;
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        min-height:44px!important;
        padding:0!important;
        margin:0!important;
        place-items:center!important;
        border-radius:12px!important;
        background:rgba(255,255,255,.12)!important;
        color:#fff!important;
        z-index:40!important;
    }
    .ks-topbar-inner>.ks-search-trigger span{display:none!important}
    .ks-topbar-inner>.ks-search-trigger svg{display:block!important;width:23px!important;height:23px!important}

    .ks-user-area{
        display:block!important;
        position:static!important;
        margin:0!important;
        padding:0!important;
    }
    .ks-user-area .ks-admin-icon{display:none!important}
    .ks-user-area>.ks-theme-button{
        display:grid!important;
        position:absolute!important;
        right:8px!important;
        top:8px!important;
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        min-height:44px!important;
        padding:0!important;
        margin:0!important;
        place-items:center!important;
        border-radius:12px!important;
        background:rgba(255,255,255,.12)!important;
        color:#fff!important;
        z-index:40!important;
    }
    .ks-user-area>.ks-theme-button svg{display:block!important;width:24px!important;height:24px!important}

    .ks-menu-panel{top:60px!important}
}

@media (max-width:420px){
    .ks-topbar-inner>.ks-menu-trigger{left:6px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;top:9px!important}
    .ks-topbar-inner>.ks-search-trigger{right:54px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;top:9px!important}
    .ks-user-area>.ks-theme-button{right:6px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;top:9px!important}
    .ks-topbar-inner>.ks-brand{top:30px!important}
}

/* ============================================================
   MOBİL HEADER — SON TEMİZ YERLEŞİM
   3 eleman aynı satır: Menü | Rüyalar | Ara | Gece/Gündüz
   ============================================================ */
@media (max-width:700px){
  .ks-header,.ks-topbar{height:60px!important;min-height:60px!important;max-height:60px!important;overflow:visible!important}
  .ks-topbar-inner{
    position:relative!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px 44px!important;
    align-items:center!important;
    column-gap:6px!important;
    width:100%!important;height:60px!important;min-height:60px!important;
    padding:0 8px!important;margin:0!important;box-sizing:border-box!important;
  }
  .ks-topbar-inner>.ks-menu-trigger{
    position:static!important;grid-column:1!important;grid-row:1!important;
    display:grid!important;place-items:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;border-radius:12px!important;
    background:rgba(255,255,255,.12)!important;color:#fff!important;z-index:20!important;
  }
  .ks-topbar-inner>.ks-menu-trigger span{display:none!important}
  .ks-topbar-inner>.ks-menu-trigger svg{display:block!important;width:25px!important;height:25px!important}
  .ks-topbar-inner>.ks-nav-link:nth-of-type(2){display:none!important}
  .ks-topbar-inner>.ks-brand{
    position:static!important;grid-column:2!important;grid-row:1!important;
    justify-self:center!important;align-self:center!important;
    transform:none!important;display:block!important;max-width:100%!important;
    margin:0!important;padding:0!important;white-space:nowrap!important;z-index:10!important;
  }
  .ks-brand-copy{display:block!important}
  .ks-brand-copy strong{display:block!important;color:#fff!important;font-size:1.18rem!important;line-height:1!important;white-space:nowrap!important}
  .ks-brand-copy small,.ks-brand .brand-logo{display:none!important}
  .ks-topbar-inner>.ks-search-trigger{
    position:static!important;grid-column:3!important;grid-row:1!important;
    display:grid!important;place-items:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;border-radius:12px!important;
    background:rgba(255,255,255,.12)!important;color:#fff!important;z-index:20!important;
  }
  .ks-topbar-inner>.ks-search-trigger span{display:none!important}
  .ks-topbar-inner>.ks-search-trigger svg{display:block!important;width:23px!important;height:23px!important}
  .ks-user-area{
    position:static!important;display:contents!important;margin:0!important;padding:0!important;
  }
  .ks-user-area .ks-admin-icon{display:none!important}
  .ks-user-area>.ks-theme-button{
    position:static!important;grid-column:4!important;grid-row:1!important;
    display:grid!important;place-items:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;border-radius:12px!important;
    background:rgba(255,255,255,.12)!important;color:#fff!important;z-index:20!important;
  }
  .ks-user-area>.ks-theme-button svg{display:block!important;width:24px!important;height:24px!important}
  .ks-menu-panel{top:60px!important}
}
@media (max-width:420px){
  .ks-topbar-inner{grid-template-columns:40px minmax(0,1fr) 40px 40px!important;column-gap:5px!important;padding:0 6px!important}
  .ks-topbar-inner>.ks-menu-trigger,.ks-topbar-inner>.ks-search-trigger,.ks-user-area>.ks-theme-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  .ks-topbar-inner>.ks-menu-trigger svg{width:23px!important;height:23px!important}
  .ks-topbar-inner>.ks-search-trigger svg,.ks-user-area>.ks-theme-button svg{width:22px!important;height:22px!important}
}

/* Son düzeltme: mobilde tema ikonlarından yalnızca biri görünür. */
@media (max-width: 900px){
  .ks-user-area>.ks-theme-button .ks-sun{display:block!important;}
  .ks-user-area>.ks-theme-button .ks-moon{display:none!important;}
  [data-theme="dark"] .ks-user-area>.ks-theme-button .ks-sun{display:none!important;}
  [data-theme="dark"] .ks-user-area>.ks-theme-button .ks-moon{display:block!important;}
}

/* Sidebar rüya paylaşım kartı: form yerine soru sayfasına yönlendiren buton */
.sidebar-ask-content .sidebar-ask-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:42px;
    padding:10px 14px;
    border-radius:10px;
    background:var(--accent, #e85d0f);
    color:#fff;
    text-decoration:none;
    font-weight:700;
    box-sizing:border-box;
    transition:filter .2s ease, transform .2s ease;
}
.sidebar-ask-content .sidebar-ask-button:hover{
    filter:brightness(.94);
    text-decoration:none;
}

/* ============================================================
   MOBİL — KONU KARTI TAŞMA DÜZELTMESİ
   Görselli kartlarda istatistikler mobilde ayrı satıra alınır.
   ============================================================ */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

@media (max-width: 640px) {
    .main-grid,
    .main-grid > .content-main,
    .main-grid > .content-side {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .thread-card,
    .thread-card.has-thumb {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .thread-card.has-thumb {
        grid-template-columns: 90px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        gap: 8px !important;
        align-items: start !important;
    }

    .thread-card.has-thumb .thread-thumb {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 90px !important;
        min-width: 90px !important;
        height: 76px !important;
        max-width: 90px !important;
    }

    .thread-card.has-thumb .thread-body {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .thread-card.has-thumb .thread-side {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-self: start !important;
        align-self: start !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin-top: 2px !important;
    }

    .thread-card.has-thumb .thread-title,
    .thread-card.has-thumb .thread-excerpt,
    .thread-card.has-thumb .thread-meta {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .thread-card.has-thumb .thread-meta {
        overflow-wrap: anywhere;
    }

    .thread-card.has-thumb .thread-stat {
        min-width: 40px !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        padding: 3px 6px !important;
    }
}

/* ============================================================
   MOBİL — KONU KARTLARINDA İSTATİSTİK HİZASI
   Görselli/görselsiz kartlarda cevap-beğeni-görüntülenme
   her zaman içerik alanının altında aynı yapıda durur.
   ============================================================ */
@media (max-width: 640px) {
    .thread-card,
    .thread-card.has-thumb {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        align-items: start !important;
    }

    /* Görselsiz kart: avatar | içerik, istatistikler içerik altında */
    .thread-card:not(.has-thumb) {
        grid-template-columns: 32px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        column-gap: 8px !important;
        row-gap: 0 !important;
    }

    .thread-card:not(.has-thumb) .thread-avatar {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .thread-card:not(.has-thumb) .thread-body {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .thread-card:not(.has-thumb) .thread-side {
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-self: start !important;
        align-self: start !important;
        margin-top: 8px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    /* Görselli kart: görsel | içerik, istatistikler içerik altında */
    .thread-card.has-thumb {
        grid-template-columns: 90px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        column-gap: 10px !important;
        row-gap: 0 !important;
    }

    .thread-card.has-thumb .thread-link {
        display: contents !important;
    }

    .thread-card.has-thumb .thread-thumb {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 90px !important;
        min-width: 90px !important;
        max-width: 90px !important;
        height: 76px !important;
        max-height: 76px !important;
        align-self: start !important;
    }

    .thread-card.has-thumb .thread-avatar {
        display: none !important;
    }

    .thread-card.has-thumb .thread-body {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: auto !important;
        overflow: hidden !important;
        align-self: start !important;
    }

    .thread-card.has-thumb .thread-side {
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-self: start !important;
        align-self: start !important;
        margin-top: 8px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .thread-card .thread-stat,
    .thread-card.has-thumb .thread-stat {
        flex: 0 0 auto !important;
        min-width: 48px !important;
        height: 32px !important;
        padding: 3px 8px !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 420px) {
    .thread-card.has-thumb {
        grid-template-columns: 82px minmax(0, 1fr) !important;
        column-gap: 8px !important;
    }
    .thread-card.has-thumb .thread-thumb {
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
        height: 70px !important;
        max-height: 70px !important;
    }
    .thread-card .thread-stat,
    .thread-card.has-thumb .thread-stat {
        min-width: 44px !important;
        padding: 3px 7px !important;
    }
}

/* ============================================================
   KONU ALTI RESİMLİ İÇERİKLER
   ============================================================ */
.thread-bottom-block {
    margin: 20px 0;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}
.thread-bottom-header {
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    background: var(--surface-alt);
}
.thread-bottom-header h2 {
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
}
.thread-bottom-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
}
.thread-bottom-card {
    display: block;
    min-width: 0;
    color: var(--text);
    text-decoration: none;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--surface);
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.thread-bottom-card:hover {
    transform: translateY(-2px);
    border-color: var(--accent);
    box-shadow: var(--shadow-md);
}
.thread-bottom-image {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--surface-alt);
}
.thread-bottom-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.thread-bottom-body {
    padding: 10px;
}
.thread-bottom-body h3 {
    margin: 0 0 6px;
    font-size: 13.5px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.thread-bottom-body span {
    display: block;
    font-size: 11.5px;
    color: var(--text-muted);
}
@media (max-width: 900px) {
    .thread-bottom-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .thread-bottom-grid { grid-template-columns: 1fr; }
}


/* Sidebar anket */
.sidebar-poll { padding: 14px; }
.sidebar-poll-form { margin: 0; }
.sidebar-poll-question { font-weight: 700; line-height: 1.45; margin: 0 0 12px; padding: 0; }
.sidebar-poll-option { display:flex; align-items:center; gap:8px; padding:8px 0; cursor:pointer; }
.sidebar-poll-option input { flex:0 0 auto; }
.sidebar-poll-option span { flex:1; line-height:1.35; }
.sidebar-poll-option strong { font-size:.8rem; opacity:.75; }
.sidebar-poll-submit { width:100%; margin-top:8px; }
.sidebar-poll-voted { margin-top:10px; font-size:.85rem; opacity:.75; }

/* Sidebar Anket */
.sidebar-poll{border-radius:16px;padding:16px;color:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.10);background:linear-gradient(135deg,#7c3aed,#a855f7)}
.poll-theme-purple{background:linear-gradient(135deg,#6d28d9,#a855f7)}
.poll-theme-blue{background:linear-gradient(135deg,#2563eb,#38bdf8)}
.poll-theme-teal{background:linear-gradient(135deg,#0f766e,#2dd4bf)}
.poll-theme-green{background:linear-gradient(135deg,#15803d,#4ade80)}
.poll-theme-orange{background:linear-gradient(135deg,#ea580c,#fb923c)}
.poll-theme-pink{background:linear-gradient(135deg,#db2777,#f472b6)}
.poll-theme-red{background:linear-gradient(135deg,#dc2626,#fb7185)}
.poll-theme-navy{background:linear-gradient(135deg,#172554,#3b82f6)}
.sidebar-poll-heading{display:flex;gap:9px;align-items:flex-start;font-weight:700;font-size:1rem;line-height:1.35;margin-bottom:13px}.sidebar-poll-question-emoji{font-size:1.3rem;line-height:1}.sidebar-poll-options{display:flex;flex-direction:column;gap:8px}.sidebar-poll-option{position:relative;display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.12);cursor:pointer;transition:.15s;overflow:hidden;isolation:isolate;min-width:0}.sidebar-poll-option:hover{background:rgba(255,255,255,.2)}.sidebar-poll-option input{position:absolute;opacity:0;pointer-events:none}.sidebar-poll-option-check{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex:0 0 18px!important;border:2px solid rgba(255,255,255,.88);border-radius:50%;display:block;position:relative;z-index:2}.sidebar-poll-option input:checked~.sidebar-poll-option-check{border:5px solid #fff;background:transparent}.sidebar-poll-option-content{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:7px;min-width:0;flex:1 1 auto;position:relative;z-index:2}.sidebar-poll-option-emoji{font-size:1rem!important;line-height:1;min-width:1.05rem!important}.sidebar-poll-option-text{min-width:0;line-height:1.22;font-size:.88rem;font-weight:600;overflow-wrap:anywhere}.sidebar-poll-result{display:none;align-items:center;justify-content:center;min-width:42px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.20);font-size:.76rem;line-height:1;white-space:nowrap;position:relative;z-index:3;font-weight:800;text-align:center}.sidebar-poll-result:before{display:none}.sidebar-poll-option.poll-voted-option{cursor:default}.sidebar-poll-option.poll-voted-option:hover{background:rgba(255,255,255,.12)}.sidebar-poll-option.poll-voted-option .sidebar-poll-option-check{border-color:rgba(255,255,255,.65)}.sidebar-poll-footer{display:flex;align-items:center;gap:8px;margin-top:12px}.sidebar-poll-submit{flex:1;border:0;border-radius:10px;padding:10px 12px;background:#fff;color:#222;font-weight:800;cursor:pointer;transition:.15s}.sidebar-poll-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.sidebar-poll-submit:disabled{opacity:.55;cursor:pointer}.sidebar-poll-submit.poll-no-selection{opacity:.65}.sidebar-poll-submit.poll-sending{opacity:.7;cursor:wait}.sidebar-poll-total{font-size:.78rem;white-space:nowrap;opacity:.9}.sidebar-poll-voted{flex:1;font-size:.84rem;font-weight:800;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.16);text-align:center}.sidebar-poll-message{font-size:.78rem;margin-top:7px;min-height:1px}.poll-admin-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:12px}.poll-admin-results{margin-top:12px;padding:10px;border-radius:10px;background:var(--surface-muted,#f6f6f7)}.poll-result-line{display:flex;justify-content:space-between;gap:10px;font-size:.84rem;padding:5px 0}.poll-option-editor{display:flex;flex-direction:column;gap:8px}.poll-option-admin-row{display:grid;grid-template-columns:72px 1fr 40px;gap:8px;align-items:center}.poll-emoji-input{text-align:center;font-size:1.05rem}.poll-remove-option{height:40px}.poll-theme-picker{display:flex;flex-wrap:wrap;gap:8px}.poll-theme-choice{display:inline-flex!important;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border-color,#ddd);border-radius:9px;cursor:pointer;font-size:.82rem;line-height:1.2;white-space:nowrap}.poll-theme-choice input{display:none}.poll-theme-choice.selected,.poll-theme-choice:has(input:checked){border-color:var(--primary,#784a64);box-shadow:0 0 0 2px rgba(120,74,100,.12);background:rgba(120,74,100,.04)}.poll-theme-swatch{width:18px!important;height:18px!important;min-width:18px;border-radius:50%;display:inline-block!important;flex:none!important}.poll-tone-picker{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px!important;width:100%}.poll-tone-choice{display:block!important;cursor:pointer;margin:0!important}.poll-tone-choice input{display:none}.poll-tone-choice span{display:flex!important;align-items:center;justify-content:center;min-height:40px;padding:8px 10px!important;border:1px solid var(--border-color,#ddd);border-radius:9px;font-size:.82rem;line-height:1.2;text-align:center;white-space:normal;background:var(--surface,#fff);transition:.15s}.poll-tone-choice span:hover{border-color:#9ca3af;background:var(--surface-muted,#f6f6f7)}.poll-tone-choice input:checked+span{border-color:var(--primary,#784a64);background:rgba(120,74,100,.08);font-weight:700;box-shadow:0 0 0 2px rgba(120,74,100,.08)}.poll-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.poll-manual-card,.poll-ai-card{border-style:dashed}.sidebar-poll-form{margin:0}@media(max-width:900px){.poll-tone-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.poll-create-grid{grid-template-columns:1fr}.poll-option-admin-row{grid-template-columns:58px 1fr 40px}.sidebar-poll{padding:14px}}@media(max-width:520px){.poll-tone-picker{grid-template-columns:1fr}.poll-theme-picker{gap:6px}.poll-theme-choice{font-size:.78rem;padding:6px 8px}}

/* Anket: sonuç yüzdesi metnin hemen yanında, taşma yok */
.sidebar-poll-option-content{max-width:100%;overflow:hidden}
.sidebar-poll-option-text{overflow-wrap:anywhere;word-break:normal}
.sidebar-poll-result{max-width:46px}

/* Anket şık/yüzde hizası */
.sidebar-poll-option{min-width:0;width:100%;box-sizing:border-box}.sidebar-poll-option-content{width:100%;box-sizing:border-box}.sidebar-poll-option-text{white-space:normal}.sidebar-poll-result b{font-size:inherit;font-weight:800}@media(max-width:380px){.sidebar-poll-option-content{column-gap:5px}.sidebar-poll-option-text{font-size:.84rem}.sidebar-poll-result{min-width:38px;padding:3px 5px;font-size:.72rem}}

/* FOOTER BUILDER */
.site-footer-builder{background:var(--footer-bg,#160c15);color:var(--footer-text,#c6b5c1);border-top:0;padding:0 0 24px;margin-top:48px}
.site-footer-builder::before{height:4px;background:linear-gradient(90deg,var(--footer-accent,#784a64),color-mix(in srgb,var(--footer-accent,#784a64) 55%,#fff 45%),transparent)}
.footer-builder-grid-live{display:grid;grid-template-columns:repeat(var(--footer-columns,4),minmax(0,1fr));gap:28px;padding:38px 0 30px;margin:0}
.site-footer-builder .footer-title,.site-footer-builder .footer-subtitle{color:#fff}
.site-footer-builder .footer-tagline,.site-footer-builder .footer-desc,.site-footer-builder .footer-links a,.site-footer-builder .footer-text,.site-footer-builder .footer-alt,.site-footer-builder .footer-info{color:var(--footer-text,#c6b5c1)}
.site-footer-builder .footer-links a:hover{color:#fff}
.site-footer-builder .footer-subtitle{border-bottom-color:color-mix(in srgb,var(--footer-accent,#784a64) 55%,transparent 45%)}
.site-footer-builder .footer-bottom{border-top-color:rgba(255,255,255,.12)}
.site-footer-builder .footer-info strong{color:#fff}
.site-footer-builder .footer-info li{border-bottom-color:rgba(255,255,255,.09)}
.footer-social-links{display:flex;flex-direction:column;gap:9px}
.footer-social-btn{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--footer-text,#c6b5c1);text-decoration:none}
.footer-social-btn span.footer-social-icon{width:32px;height:32px;min-width:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--footer-accent,#784a64) 78%,#fff 22%);color:#fff;transition:background .2s,transform .2s}.footer-social-icon svg{width:17px;height:17px;display:block;fill:currentColor}.footer-social-btn:hover{color:#fff}.footer-social-btn:hover .footer-social-icon{background:var(--footer-accent,#784a64);transform:translateY(-1px)}.footer-social-label{line-height:1.3}
.footer-supported-sites{gap:9px}.footer-custom-html{font-size:.875rem;line-height:1.65;color:var(--footer-text,#c6b5c1)}
.footer-custom-html a{color:#fff}
@media(max-width:1100px){.footer-cols-3 .footer-builder-grid-live,.footer-cols-4 .footer-builder-grid-live,.footer-cols-5 .footer-builder-grid-live{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.footer-builder-grid-live{grid-template-columns:1fr;gap:24px}.site-footer-builder .footer-col-brand{grid-column:auto}}
/* Footer brand colors + supported-site favicons */
.site-footer-builder .footer-social-icon{background:var(--social-brand,#64748b)!important;color:#fff!important;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.site-footer-builder .footer-social-btn:hover .footer-social-icon{filter:brightness(.92);transform:translateY(-1px)}
.footer-supported-sites{list-style:none;margin:0;padding:0}
.footer-supported-sites li{margin:0 0 9px}
.footer-supported-link{display:flex!important;align-items:center;gap:9px;text-decoration:none!important}
.footer-supported-favicon{width:22px;height:22px;min-width:22px;object-fit:contain;border-radius:5px;background:rgba(255,255,255,.08);padding:2px}
.site-favicon-current{display:flex;align-items:center;gap:8px;margin:0 0 7px;font-size:12px;color:var(--text-muted,#64748b)}
.site-favicon-current img{width:24px;height:24px;object-fit:contain;border-radius:5px;border:1px solid var(--border-color,#ddd);background:#fff;padding:2px}


/* ============================================================
   FINAL HEADER — BizBiliriz / KızlarSoruyor düzeni
   Tek kaynaklı yerleşim: sol gezinme, ortada marka, sağ üyelik.
   ============================================================ */
.ks-topbar-inner{
    min-height:70px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:16px!important;
    position:relative!important;
}
.ks-left-nav{display:flex!important;align-items:center!important;gap:2px!important;min-width:0!important}
.ks-left-nav .ks-nav-link{white-space:nowrap!important}
.ks-brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:10!important}
.ks-user-area{justify-self:end!important;display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;z-index:20!important}
.ks-login-trigger,.ks-register-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important}
.ks-login-icon{display:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:900px){
    .ks-topbar-inner{grid-template-columns:1fr auto 1fr!important;gap:0!important;min-height:64px!important}
    .ks-left-nav{justify-self:start!important}
    .ks-left-nav .ks-nav-link span{display:none!important}
    .ks-left-nav .ks-nav-link{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;justify-content:center!important;border-radius:12px!important}
    .ks-left-nav .ks-nav-link svg{width:23px!important;height:23px!important}
    .ks-left-nav .ks-explore-link{display:none!important}
    .ks-brand{max-width:42vw!important}
    .ks-brand-copy small{display:none!important}
    .ks-user-area{justify-self:end!important}
    .ks-login-trigger span,.ks-register-trigger{display:none!important}
    .ks-login-trigger{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:12px!important;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important}
    .ks-login-icon{display:block!important}
    .ks-user-area .ks-theme-button{width:44px!important;height:44px!important;min-width:44px!important}
    .ks-member-link span,.ks-member-logout{display:none!important}
    .ks-member-link{width:44px!important;height:44px!important;justify-content:center!important}
}
@media(max-width:520px){
    .ks-topbar-inner{min-height:60px!important}
    .ks-left-nav .ks-nav-link,.ks-login-trigger,.ks-user-area .ks-theme-button,.ks-member-link{width:42px!important;height:42px!important;min-width:42px!important}
    .ks-left-nav{gap:2px!important}
    .ks-user-area{gap:3px!important}
    .ks-brand-copy strong{font-size:1.12rem!important}
}

/* Üye alanı: isim solda, avatar ortada, çıkış sağda. Mobilde mevcut ikon düzeni korunur. */
.ks-user-area .ks-member-link{
    display:inline-flex!important;
    align-items:center!important;
    flex-direction:row-reverse!important;
    gap:8px!important;
    color:#fff!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}
.ks-user-area .ks-member-link span{
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:180px;
}
@media(max-width:900px){
    .ks-user-area .ks-member-link span{display:none!important}
}

/* FINAL MEMBER HEADER + PROFILE FIX */
.ks-user-area{min-width:0!important;overflow:visible!important}.ks-member-link{min-width:0!important;max-width:220px!important}.ks-member-link span{min-width:0!important;max-width:180px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ks-member-link img{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;object-fit:cover!important;border-radius:50%!important;flex:0 0 34px!important}.ks-member-logout{flex:0 0 auto!important;white-space:nowrap!important;margin-left:2px!important}
@media(max-width:900px){.ks-topbar-inner{grid-template-columns:auto 1fr auto!important;gap:8px!important;padding-left:12px!important;padding-right:12px!important}.ks-left-nav{display:flex!important;justify-self:start!important;gap:4px!important}.ks-left-nav .ks-menu-trigger,.ks-left-nav .ks-search-trigger{display:inline-flex!important}.ks-left-nav .ks-explore-link{display:none!important}.ks-left-nav .ks-nav-link{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important}.ks-brand{position:static!important;transform:none!important;justify-self:center!important;max-width:100%!important;min-width:0!important}.ks-brand-copy strong{font-size:1.12rem!important;white-space:nowrap!important}.ks-user-area{justify-self:end!important;display:flex!important;align-items:center!important;gap:5px!important;max-width:none!important}.ks-member-link{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;padding:0!important;justify-content:center!important}.ks-member-link span,.ks-member-logout{display:none!important}.ks-member-link img{width:34px!important;height:34px!important;min-width:34px!important}.ks-user-area .ks-theme-button{display:grid!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;margin:0!important;padding:0!important}}
@media(max-width:380px){.ks-topbar-inner{gap:4px!important;padding-left:8px!important;padding-right:8px!important}.ks-left-nav{gap:2px!important}.ks-left-nav .ks-nav-link,.ks-member-link,.ks-user-area .ks-theme-button{width:38px!important;height:38px!important;min-width:38px!important}.ks-left-nav .ks-nav-link svg{width:21px!important;height:21px!important}.ks-user-area .ks-theme-button svg{width:22px!important;height:22px!important}.ks-brand-copy strong{font-size:1.02rem!important}}
.public-member-profile{overflow:hidden!important}.public-member-profile .profile-header{display:flex!important;gap:22px!important;padding:26px!important;align-items:center!important}.public-member-profile .profile-avatar{flex:0 0 128px!important}.public-member-profile .profile-avatar img{display:block!important;width:128px!important;height:128px!important;max-width:128px!important;min-width:128px!important;border-radius:50%!important;object-fit:cover!important;background:var(--accent-light)!important}.public-member-profile .profile-info{flex:1!important;min-width:0!important}.profile-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.profile-title-row .profile-name{margin:0!important;font-size:2rem!important;line-height:1.15!important;overflow-wrap:anywhere!important}.profile-username{margin-top:7px;color:var(--text-muted);font-size:.95rem}.profile-online{margin-top:10px;font-size:.86rem;font-weight:600}.profile-online.is-online{color:#15803d}.profile-online.is-offline{color:#64748b}.public-member-profile .profile-bio{margin-top:16px!important;margin-bottom:0!important;padding:13px 15px;border-radius:10px;background:var(--surface-alt);color:var(--text);white-space:normal;overflow-wrap:anywhere}.profile-empty-bio{margin-top:16px;color:var(--text-muted);font-size:.9rem}.profile-empty-bio a{color:var(--accent);font-weight:700}.profile-edit-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:9px 13px;border-radius:9px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;font-size:.82rem}.profile-edit-button:hover{color:#fff;filter:brightness(.95)}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border)}.profile-stats-grid>div{padding:16px;text-align:center;min-width:0}.profile-stats-grid>div+div{border-left:1px solid var(--border)}.profile-stats-grid strong{display:block;font-size:1.15rem;color:var(--text);overflow-wrap:anywhere}.profile-stats-grid span{display:block;margin-top:4px;color:var(--text-muted);font-size:.78rem}
.profile-edit-page{max-width:820px;margin:30px auto;padding:0 16px}.profile-edit-card{padding:24px}.profile-edit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.profile-edit-head h1{margin:0 0 5px}.profile-edit-head p{margin:0;color:var(--text-muted)}.profile-back-link{color:var(--accent);font-weight:700;text-decoration:none}.profile-avatar-editor{display:flex;align-items:center;gap:22px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt);margin-bottom:22px}.profile-avatar-editor>img{width:128px!important;height:128px!important;min-width:128px!important;object-fit:cover;border-radius:50%}.profile-avatar-editor h2{margin:0 0 4px;font-size:1rem}.profile-avatar-editor p{margin:0 0 12px;color:var(--text-muted);font-size:.82rem}.avatar-upload-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.avatar-upload-form input[type=file]{max-width:100%}.avatar-upload-form button,.profile-save-btn{border:0;border-radius:9px;padding:10px 15px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.avatar-remove-form{margin-top:8px}.profile-secondary-btn{border:0;background:transparent;color:#b91c1c;padding:0;cursor:pointer;font-size:.82rem}.profile-fields label{display:block;font-size:.82rem;font-weight:700;margin:0 0 6px}.profile-fields input,.profile-fields textarea{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:9px;padding:11px;margin:0 0 15px;font:inherit;background:var(--surface);color:var(--text)}.profile-fields textarea{min-height:150px;resize:vertical}.profile-fields input:focus,.profile-fields textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.profile-field-count{margin:-9px 0 16px;color:var(--text-muted);font-size:.76rem}.profile-save-btn{margin-top:2px}
@media(max-width:640px){.public-member-profile .profile-header{padding:20px 16px;gap:16px;align-items:flex-start}.public-member-profile .profile-avatar{flex-basis:84px}.public-member-profile .profile-avatar img{width:84px!important;height:84px!important;min-width:84px!important}.profile-title-row{display:block}.profile-title-row .profile-name{font-size:1.45rem!important}.profile-edit-button{margin-top:10px}.profile-bio{font-size:.9rem}.profile-stats-grid strong{font-size:1rem}.profile-edit-page{margin:18px auto;padding:0 12px}.profile-edit-card{padding:18px}.profile-edit-head{display:block}.profile-back-link{display:inline-block;margin-top:10px}.profile-avatar-editor{display:block;text-align:center}.profile-avatar-editor>img{margin:0 auto 15px}.avatar-upload-form{justify-content:center}.avatar-upload-form input[type=file]{width:100%}}

/* BIZBILIRIZ HEADER - FINAL MOBILE OVERRIDE */
@media (max-width: 900px){
    .ks-topbar{height:60px!important;min-height:60px!important;overflow:hidden!important}
    .ks-topbar-inner{
        height:60px!important;
        min-height:60px!important;
        width:100%!important;
        box-sizing:border-box!important;
        padding:0 10px!important;
        display:grid!important;
        grid-template-columns:auto minmax(0,1fr) auto!important;
        align-items:center!important;
        column-gap:8px!important;
        overflow:hidden!important;
    }
    .ks-left-nav{
        position:static!important;
        display:flex!important;
        align-items:center!important;
        justify-self:start!important;
        gap:5px!important;
        min-width:0!important;
        width:auto!important;
    }
    .ks-left-nav .ks-menu-trigger,
    .ks-left-nav .ks-search-trigger{
        position:static!important;
        display:inline-flex!important;
        flex:0 0 40px!important;
        width:40px!important;
        min-width:40px!important;
        max-width:40px!important;
        height:40px!important;
        min-height:40px!important;
        padding:0!important;
        margin:0!important;
        justify-content:center!important;
        align-items:center!important;
        border-radius:11px!important;
        box-sizing:border-box!important;
    }
    .ks-left-nav .ks-explore-link{display:none!important}
    .ks-left-nav .ks-nav-link span{display:none!important}
    .ks-left-nav .ks-nav-link svg{width:22px!important;height:22px!important;display:block!important}

    .ks-brand{
        position:absolute!important;
        left:50%!important;
        top:50%!important;
        transform:translate(-50%,-50%)!important;
        max-width:34vw!important;
        min-width:0!important;
        margin:0!important;
        overflow:hidden!important;
    }
    .ks-brand-copy{min-width:0!important;overflow:hidden!important}
    .ks-brand-copy strong{font-size:1.08rem!important;white-space:nowrap!important}
    .ks-brand-copy small,.ks-brand .brand-logo{display:none!important}

    .ks-user-area{
        position:static!important;
        justify-self:end!important;
        display:flex!important;
        align-items:center!important;
        gap:5px!important;
        width:auto!important;
        height:auto!important;
        min-width:0!important;
        max-width:none!important;
        overflow:visible!important;
        margin:0!important;
    }
    .ks-user-area .ks-member-link,
    .ks-user-area .ks-login-trigger,
    .ks-user-area .ks-theme-button{
        position:static!important;
        flex:0 0 40px!important;
        width:40px!important;
        min-width:40px!important;
        max-width:40px!important;
        height:40px!important;
        min-height:40px!important;
        max-height:40px!important;
        margin:0!important;
        padding:0!important;
        box-sizing:border-box!important;
    }
    .ks-user-area .ks-member-link{
        display:inline-flex!important;
        justify-content:center!important;
        align-items:center!important;
    }
    .ks-user-area .ks-member-link span,
    .ks-user-area .ks-member-logout,
    .ks-user-area .ks-login-trigger span,
    .ks-user-area .ks-register-trigger,
    .ks-user-area .ks-admin-icon{display:none!important}
    .ks-user-area .ks-member-link img{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important}
    .ks-user-area .ks-login-trigger{display:inline-flex!important;justify-content:center!important;align-items:center!important}
    .ks-user-area .ks-login-icon{display:block!important;width:22px!important;height:22px!important}
    .ks-user-area .ks-theme-button{display:grid!important;place-items:center!important;border-radius:50%!important}
    .ks-user-area .ks-theme-button svg{width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important}
}

@media (max-width: 420px){
    .ks-topbar-inner{padding:0 7px!important;column-gap:5px!important}
    .ks-left-nav{gap:3px!important}
    .ks-left-nav .ks-menu-trigger,
    .ks-left-nav .ks-search-trigger,
    .ks-user-area .ks-member-link,
    .ks-user-area .ks-login-trigger,
    .ks-user-area .ks-theme-button{
        flex-basis:37px!important;
        width:37px!important;
        min-width:37px!important;
        max-width:37px!important;
        height:37px!important;
        min-height:37px!important;
        max-height:37px!important;
    }
    .ks-brand-copy strong{font-size:1rem!important}
    .ks-user-area{gap:3px!important}
}

@media (max-width: 360px){
    .ks-topbar-inner{padding:0 5px!important}
    .ks-left-nav .ks-menu-trigger,
    .ks-left-nav .ks-search-trigger,
    .ks-user-area .ks-member-link,
    .ks-user-area .ks-login-trigger,
    .ks-user-area .ks-theme-button{
        flex-basis:35px!important;
        width:35px!important;
        min-width:35px!important;
        max-width:35px!important;
        height:35px!important;
        min-height:35px!important;
        max-height:35px!important;
    }
    .ks-left-nav .ks-nav-link svg{width:20px!important;height:20px!important}
    .ks-user-area .ks-theme-button svg{width:19px!important;height:19px!important}
    .ks-brand-copy strong{font-size:.95rem!important}
}

/* MOBIL ANA SAYFA KONU KARTI - SADECE GORSELLI KARTLAR */
@media (max-width: 640px) {
    .thread-card.has-thumb {
        display: block !important;
        padding: 12px !important;
    }
    .thread-card.has-thumb .thread-link {
        display: block !important;
        width: 100% !important;
    }
    .thread-card.has-thumb .thread-thumb {
        display: block !important;
        width: calc(100% + 24px) !important;
        max-width: none !important;
        height: auto !important;
        aspect-ratio: auto !important;
        margin: -12px -12px 10px !important;
        border-radius: 12px 12px 0 0 !important;
        overflow: hidden !important;
    }
    .thread-card.has-thumb .thread-thumb img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        object-fit: contain !important;
        object-position: center !important;
    }
    .thread-card.has-thumb .thread-body {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    .thread-card.has-thumb .thread-side {
        display: flex !important;
        width: 100% !important;
        margin-top: 10px !important;
        justify-content: flex-start !important;
    }
}

/* SON MOBİL RESİM DÜZELTMESİ: resmi hiçbir şekilde kırpma */
@media (max-width: 640px) {
  .thread-card.has-thumb .thread-thumb {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
    margin: 0 0 12px 0 !important;
    border-radius: 10px !important;
  }
  .thread-card.has-thumb .thread-thumb img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: fill !important;
    object-position: center !important;
  }
  .thread-card.has-thumb .thread-link {
    display: block !important;
    width: 100% !important;
  }
  .thread-card.has-thumb .thread-body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .thread-card.has-thumb .thread-side {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 10px !important;
  }
}

/* MASAÜSTÜ ANA SAYFA KONU KARTLARI - ANNA TARZI GÖRÜNÜM
   Sadece görselli konu kartlarını etkiler. Mobil kurallarına dokunmaz. */
@media (min-width: 969px) {
    .thread-card.has-thumb {
        display: grid !important;
        grid-template-columns: 360px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        column-gap: 24px !important;
        row-gap: 8px !important;
        padding: 20px 24px !important;
        align-items: start !important;
    }

    .thread-card.has-thumb .thread-link {
        display: contents !important;
    }

    .thread-card.has-thumb .thread-thumb {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        width: 100% !important;
        height: 220px !important;
        min-width: 0 !important;
        margin: 0 !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .thread-card.has-thumb .thread-thumb img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .thread-card.has-thumb .thread-body {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 7px !important;
        padding: 0 !important;
    }

    .thread-card.has-thumb .thread-title {
        font-size: 1.18rem !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
    }

    .thread-card.has-thumb .thread-excerpt {
        font-size: 0.9rem !important;
        line-height: 1.65 !important;
        -webkit-line-clamp: 3 !important;
    }

    .thread-card.has-thumb .thread-meta {
        order: -1 !important;
        margin-top: 0 !important;
    }

    .thread-card.has-thumb .thread-side {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .thread-card.has-thumb .thread-avatar {
        display: none !important;
    }
}

/* ===== Rüya sistemi ===== */
.dream-short{margin:0 0 18px;padding:14px 16px;border-left:4px solid var(--primary,#6d5dfc);background:rgba(109,93,252,.08);border-radius:10px}
.dream-short-title{display:block;margin-bottom:4px;font-size:.95rem}
.dream-short p{margin:0;line-height:1.7}
.dream-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}
.dream-box{padding:16px;border:1px solid rgba(127,127,127,.25);border-radius:12px;background:rgba(127,127,127,.05)}
.dream-box h2{margin:0 0 8px;font-size:1.05rem}
.dream-box p{margin:0 0 8px;line-height:1.7}
.dream-note{display:block;opacity:.7;font-size:.8rem}
.dream-faq{margin:22px 0}
.dream-faq h2{font-size:1.1rem;margin:0 0 10px}
.dream-faq details{border:1px solid rgba(127,127,127,.25);border-radius:10px;padding:10px 14px;margin-bottom:8px}
.dream-faq summary{cursor:pointer;font-weight:600}
.dream-faq details p{margin:8px 0 0;line-height:1.7}
@media(max-width:700px){.dream-sections{grid-template-columns:1fr}}