/**
 * OB V1 — Modern oyun forumu teması (oynfrm.com estetiğinden uyarlanmıştır)
 * İmza: Quicksand fontu, teal→pembe→mor degrade, pembe (#d63d69) vurgu,
 * degrade hero + dalga ayraç, yuvarlak beyaz kartlar, yumuşak gölgeler.
 * Yalnızca body.theme-ob-v1 altında kapsanır; varsayılan yapıyı bozmaz.
 * Quicksand head.php üzerinden async yüklenir (render-blocking @import yok).
 */

:root {
    --ob-bg: #eff1f5;
    --ob-card: #ffffff;
    --ob-ink: #364563;
    --ob-ink-strong: #242e42;
    --ob-muted: #8a93ad;
    --ob-line: #e7eaf1;
    --ob-line-2: #dde1ea;

    --ob-pink: #d63d69;
    --ob-pink-2: #fb6f84;
    --ob-teal: #085d77;
    --ob-purple: #503d6b;

    --ob-grad: linear-gradient(90deg, #085d77 0%, #d63d69 52%, #503d6b 100%);
    --ob-grad-pink: linear-gradient(135deg, #fb6f84, #d63d69);
    --ob-grad-soft: linear-gradient(90deg, rgba(8,93,119,.10), rgba(214,61,105,.10), rgba(80,61,107,.10));

    --ob-radius: 12px;
    --ob-radius-sm: 8px;
    --ob-shadow: 0 1px 2px rgba(36,46,66,.05), 0 10px 26px rgba(36,46,66,.08);
    --ob-shadow-sm: 0 1px 2px rgba(36,46,66,.06), 0 4px 12px rgba(36,46,66,.06);
}

/* ---- Zemin ---- */
body.theme-ob-v1.vb-body {
    background:
        radial-gradient(680px 360px at 6% -8%, rgba(8,93,119,.08), transparent 60%),
        radial-gradient(680px 380px at 100% -4%, rgba(80,61,107,.08), transparent 58%),
        var(--ob-bg);
    background-attachment: fixed;
    color: var(--ob-ink);
    font-family: 'Quicksand', 'Segoe UI', Helvetica, Roboto, sans-serif;
    font-size: 15px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}
body.theme-ob-v1.vb-body.vb-has-bg {
    background: transparent !important;
    background-image: none !important;
    background-attachment: scroll !important;
}
body.theme-ob-v1 .vb-shell,
body.theme-ob-v1 .vb-outer { max-width: 1480px; }

/* ---- HERO ---- */
body.theme-ob-v1 { --hero-wave: #eff1f5; }
body.theme-ob-v1 .vb-hero { background: var(--ob-grad); }
body.theme-ob-v1.vb-has-bg { --hero-wave: transparent; }
body.theme-ob-v1.vb-has-bg .vb-hero {
    background: linear-gradient(118deg, rgba(8,93,119,.72) 0%, rgba(214,61,105,.70) 52%, rgba(80,61,107,.72) 100%);
}
body.theme-ob-v1 .vb-hero .vb-logo-text { -webkit-text-fill-color: #fff; }
body.theme-ob-v1 .vb-hero .vb-logo-sub,
body.theme-ob-v1 .vb-logo-tagline { -webkit-text-fill-color: rgba(255,255,255,.9); color: rgba(255,255,255,.9); }

/* ---- Kart / çerçeve ---- */
body.theme-ob-v1 .tborder {
    background: var(--ob-card);
    border: 1px solid var(--ob-line) !important;
    border-radius: var(--ob-radius);
    overflow: hidden;
    box-shadow: var(--ob-shadow);
}

/* Kategori başlığı — imza degrade */
body.theme-ob-v1 .tcat,
body.theme-ob-v1 .tcat td {
    background: var(--ob-grad) !important;
    background-size: 160% 100% !important;
    color: #fff !important;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .01em;
    border: 0 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,.18);
}
body.theme-ob-v1 .tcat a:link,
body.theme-ob-v1 .tcat a:visited { color: #fff !important; }
body.theme-ob-v1 .tcat a:hover { color: #ffe3ec !important; }

body.theme-ob-v1 .thead,
body.theme-ob-v1 .thead td {
    background: #f4f6fb !important;
    color: var(--ob-ink-strong) !important;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    border: 0 !important;
    border-bottom: 1px solid var(--ob-line) !important;
}
body.theme-ob-v1 .thead a:link,
body.theme-ob-v1 .thead a:visited { color: var(--ob-pink) !important; }

body.theme-ob-v1 .tfoot,
body.theme-ob-v1 .tfoot td {
    background: #f6f8fc !important;
    color: var(--ob-muted) !important;
    border-top: 1px solid var(--ob-line) !important;
}
body.theme-ob-v1 .tfoot a { color: var(--ob-pink) !important; }

/* Hücreler */
body.theme-ob-v1 .alt1,
body.theme-ob-v1 .alt1Active,
body.theme-ob-v1 td.alt1,
body.theme-ob-v1 td.alt1Active {
    background: #ffffff !important;
    color: var(--ob-ink) !important;
    border-bottom: 1px solid #f0f2f7;
}
body.theme-ob-v1 .alt2,
body.theme-ob-v1 .alt2Active,
body.theme-ob-v1 td.alt2,
body.theme-ob-v1 td.alt2Active {
    background: #fafbfe !important;
    color: var(--ob-ink) !important;
    border-bottom: 1px solid #f0f2f7;
}
body.theme-ob-v1 .alt3 { background: #eef1f8 !important; }
body.theme-ob-v1 .smallfont,
body.theme-ob-v1 .shade { color: var(--ob-muted) !important; }

/* Bağlantılar */
body.theme-ob-v1 a:link,
body.theme-ob-v1 a:visited { color: var(--ob-pink); text-decoration: none; }
body.theme-ob-v1 a:hover { color: #b02a52; }

/* Forum satırı */
body.theme-ob-v1 .vb-forum-row td { transition: background .14s ease; }
body.theme-ob-v1 .vb-forum-row:hover td.alt1,
body.theme-ob-v1 .vb-forum-row:hover td.alt1Active,
body.theme-ob-v1 .vb-forum-row:hover td.alt2 { background: #fdf2f6 !important; }
body.theme-ob-v1 .vb-forum-icon { color: var(--ob-pink); }
@media (max-width: 768px) {
    body.theme-ob-v1 .vb-forumhome tbody tr.vb-forum-row {
        border-bottom-color: var(--ob-line);
    }
    body.theme-ob-v1 .vb-forumhome .vb-forum-row > td {
        border-bottom: 0 !important;
    }
    body.theme-ob-v1 .vb-forumhome .vb-col-icon .vb-forum-icon {
        background: #fdf2f6;
        border-color: #f8cdd9;
        color: var(--ob-pink);
    }
}
body.theme-ob-v1 .vb-ficon--portrait {
    background: #e8edf5;
    box-shadow: 0 4px 14px rgba(36, 46, 66, .14);
}
body.theme-ob-v1 .vb-forum-title,
body.theme-ob-v1 .vb-forum-title strong {
    color: var(--ob-ink-strong) !important;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}
body.theme-ob-v1 .vb-forum-title:hover,
body.theme-ob-v1 .vb-forum-title:hover strong { color: var(--ob-pink) !important; }
body.theme-ob-v1 .vb-forum-desc { color: var(--ob-muted); font-size: 13.5px; }
body.theme-ob-v1 .vb-subforum-link { color: var(--ob-pink); }
body.theme-ob-v1 .vb-subforum-link i { color: var(--ob-teal); }
body.theme-ob-v1 .vb-forum-stat {
    background: #f4f6fb;
    border: 1px solid var(--ob-line);
}
body.theme-ob-v1 .vb-forum-stat span { color: var(--ob-pink); }
body.theme-ob-v1 .vb-forum-last-title { font-size: 13.5px; }

/* ---- Navigasyon (koyu pill bar) ---- */
body.theme-ob-v1 .vb-topbar,
body.theme-ob-v1 .vb-navbar,
body.theme-ob-v1 .vb-topbar.tborder {
    background: #242e42;
    border: 0;
    border-radius: var(--ob-radius);
    box-shadow: var(--ob-shadow-sm);
    overflow: visible !important;
}
body.theme-ob-v1 .vb-crumb-homeico {
    background: rgba(255,255,255,.12);
    color: #fff !important;
}
body.theme-ob-v1 .vb-crumb-trail li:not(:last-child)::after { color: #9aa6c2; }
body.theme-ob-v1 .vb-crumb-trail .is-current span { color: #fff; }
body.theme-ob-v1 .vb-forum-last-title { color: var(--ob-pink); }
body.theme-ob-v1 .vb-topbar-crumb.alt1,
body.theme-ob-v1 .vb-topbar-nav.alt1,
body.theme-ob-v1 .vb-topbar-user.alt2 {
    background: transparent !important;
    color: #eaf0ff !important;
}
body.theme-ob-v1 .vb-topbar .vb-mainnav-item:hover {
    background: rgba(214,61,105,.18) !important;
    color: #fff !important;
}
body.theme-ob-v1 .vb-topbar a,
body.theme-ob-v1 .vb-navbar a { color: #eaf0ff !important; }
body.theme-ob-v1 .vb-mainnav,
body.theme-ob-v1 .vb-navbtns {
    background: #2c3750;
    border: 0;
    border-radius: 0 0 var(--ob-radius) var(--ob-radius);
    box-shadow: var(--ob-shadow-sm);
}
body.theme-ob-v1 .vb-mainnav-item,
body.theme-ob-v1 .vb-navbtns td.vbmenu_control,
body.theme-ob-v1 .vbmenu_control {
    color: #dbe2f2 !important;
    background: transparent !important;
    border-color: rgba(255,255,255,.08) !important;
    font-weight: 600;
    border-radius: 8px;
}
body.theme-ob-v1 .vb-mainnav-item:hover,
body.theme-ob-v1 .vb-navbtns td.vbmenu_control:hover {
    background: rgba(214,61,105,.18) !important;
    color: #fff !important;
}
body.theme-ob-v1 .vb-mainnav-item.is-active,
body.theme-ob-v1 .vb-mainnav-item[aria-current="page"] {
    background: var(--ob-grad-pink) !important;
    color: #fff !important;
}
body.theme-ob-v1 .vb-mainnav-menu {
    background: #ffffff;
    border: 1px solid var(--ob-line-2);
    border-radius: var(--ob-radius-sm);
    box-shadow: var(--ob-shadow);
    padding: 6px;
}
/* Beyaz açılır menüde okunur koyu metin (beyaz-üstüne-beyaz düzeltmesi) */
body.theme-ob-v1 .vb-mainnav-menu a,
body.theme-ob-v1 .vb-mainnav-menu a:link,
body.theme-ob-v1 .vb-mainnav-menu a:visited {
    color: var(--ob-ink) !important;
    border-radius: 8px;
}
body.theme-ob-v1 .vb-mainnav-menu a i { color: var(--ob-pink); opacity: 1; }
body.theme-ob-v1 .vb-mainnav-menu a:hover {
    background: #fdf2f6 !important;
    color: var(--ob-pink) !important;
}
body.theme-ob-v1 .vb-mainnav-menu a:hover i { color: var(--ob-pink); }
body.theme-ob-v1 .vb-userbox-hello { color: #fff !important; }
body.theme-ob-v1 .vb-userbox-avatar { border-color: var(--ob-pink); }
body.theme-ob-v1 .vb-notif-panel {
    border-color: var(--ob-line-2);
    border-radius: var(--ob-radius-sm);
    box-shadow: var(--ob-shadow);
}
body.theme-ob-v1 .vb-notif-head strong { font-family: 'Quicksand', sans-serif; color: var(--ob-ink-strong); }
body.theme-ob-v1 .vb-notif-readall,
body.theme-ob-v1 .vb-notif-foot { color: var(--ob-pink) !important; }
body.theme-ob-v1 .vb-notif-item.is-unread { background: #fdf2f6; }
body.theme-ob-v1 .vb-notif-item:hover { background: #f7f9fd; }
body.theme-ob-v1 .vb-notif-badge { background: var(--ob-grad-pink); }
body.theme-ob-v1 .vb-theme-btn { color: #ffd166; }

/* ---- Butonlar ---- */
body.theme-ob-v1 .vb-login-form .button,
body.theme-ob-v1 .vb-login-form input.button,
body.theme-ob-v1 .vb-login-form button.button {
    padding: 0 14px;
    height: 32px;
    font-size: 12px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(214,61,105,.28);
    white-space: nowrap;
}
body.theme-ob-v1 .vb-login-form .bginput {
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.18);
    background: #fff;
    color: #1f2a44;
}
body.theme-ob-v1 .button,
body.theme-ob-v1 input.button,
body.theme-ob-v1 button.button {
    background: var(--ob-grad-pink);
    color: #fff !important;
    border: 0;
    border-radius: 999px;
    padding: 9px 20px;
    font: 600 13px 'Quicksand', sans-serif;
    letter-spacing: .01em;
    text-shadow: none;
    box-shadow: 0 6px 16px rgba(214,61,105,.30);
    transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
body.theme-ob-v1 .button:hover,
body.theme-ob-v1 input.button:hover,
body.theme-ob-v1 button.button:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(214,61,105,.36);
}
body.theme-ob-v1 .button:active,
body.theme-ob-v1 input.button:active { transform: translateY(0); }

/* ---- Form elemanları ---- */
body.theme-ob-v1 .bginput,
body.theme-ob-v1 input[type="text"],
body.theme-ob-v1 input[type="password"],
body.theme-ob-v1 input[type="email"],
body.theme-ob-v1 input[type="number"],
body.theme-ob-v1 input[type="search"],
body.theme-ob-v1 input[type="url"],
body.theme-ob-v1 textarea,
body.theme-ob-v1 select {
    background: #ffffff !important;
    color: var(--ob-ink) !important;
    border: 1px solid var(--ob-line-2) !important;
    border-radius: var(--ob-radius-sm);
    padding: 9px 12px;
    outline: none;
    font-family: 'Quicksand', sans-serif;
    transition: border-color .12s ease, box-shadow .12s ease;
}
body.theme-ob-v1 input:focus,
body.theme-ob-v1 textarea:focus,
body.theme-ob-v1 select:focus {
    border-color: var(--ob-pink) !important;
    box-shadow: 0 0 0 4px rgba(214,61,105,.15);
}
body.theme-ob-v1 ::placeholder { color: #aab2c6; }

/* ---- Paneller ---- */
body.theme-ob-v1 .panel {
    background: #ffffff;
    border: 1px solid var(--ob-line);
    border-radius: var(--ob-radius-sm);
}
body.theme-ob-v1 .panelsurround {
    background: #f6f8fc;
    border-radius: var(--ob-radius-sm);
}

/* ---- Sayfalama ---- */
body.theme-ob-v1 .pagenav .pagenav-link {
    background: #ffffff;
    border: 1px solid var(--ob-line-2);
    border-radius: 8px;
    color: var(--ob-ink);
    transition: background .12s ease, border-color .12s ease;
}
body.theme-ob-v1 .pagenav .pagenav-link:hover {
    background: #fdf2f6;
    border-color: var(--ob-pink);
    color: var(--ob-pink);
}
body.theme-ob-v1 .pagenav .pagenav-cur {
    background: var(--ob-grad-pink);
    border-radius: 8px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(214,61,105,.28);
}

/* ---- Postbit ---- */
body.theme-ob-v1 .vb-postbit-user {
    background: linear-gradient(180deg, #fbf3f6, #f2f4fb) !important;
    border-bottom-color: var(--ob-line) !important;
}
@media (max-width: 768px) {
    body.theme-ob-v1 .vb-forum-mmeta { color: var(--ob-muted); }
    body.theme-ob-v1 .vb-tcat-tools .vbmenu_control a { color: #fff !important; }
    body.theme-ob-v1 .vb-postbit td.vb-postbit-message,
    body.theme-ob-v1 .vb-postbit-message,
    body.theme-ob-v1 .vb-postbit-body {
        height: auto !important;
        min-height: 0 !important;
    }
    body.theme-ob-v1 .vb-postbit-actions { margin-top: 10px !important; }
}
body.theme-ob-v1 .bigusername {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    color: var(--ob-ink-strong);
}
body.theme-ob-v1 .vb-postbit-title { color: var(--ob-muted); }
body.theme-ob-v1 .vb-postbit-avatar img {
    border: 3px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(36,46,66,.18), 0 0 0 1px var(--ob-line-2);
}
body.theme-ob-v1 .vb-postbit-stats { color: var(--ob-muted); }
body.theme-ob-v1 .vb-online-dot { border-color: #f2f4fb; }
body.theme-ob-v1 .post-message { color: #2b344c; }
body.theme-ob-v1 .post-sig { border-top: 1px solid var(--ob-line); color: var(--ob-muted); }
body.theme-ob-v1 .post-controls { border-top-color: var(--ob-line); }
body.theme-ob-v1 .bb-quote,
body.theme-ob-v1 .bbcode-code {
    background: #f5f7fc;
    border: 1px solid var(--ob-line);
    border-radius: var(--ob-radius-sm);
    color: #2b344c;
}

/* ---- Rütbe / etiket şeritleri ---- */
body.theme-ob-v1 .rank-ribbon {
    border-radius: 6px;
    font-weight: 700;
    box-shadow: 0 3px 10px rgba(36,46,66,.14);
}

/* ---- Avatarlar (genel) ---- */
body.theme-ob-v1 .vb-lastpost-avatar,
body.theme-ob-v1 .rt-last-av,
body.theme-ob-v1 .rt-avatar img { border-radius: 50%; }

/* ---- Flash ---- */
body.theme-ob-v1 .vb-flash { border-radius: var(--ob-radius-sm); font-weight: 600; }
body.theme-ob-v1 .vb-flash-ok { background: #eafaf1; border-color: #b7ecca; color: #157347; }
body.theme-ob-v1 .vb-flash-err { background: #fdf0f3; border-color: #f5c2cf; color: var(--ob-pink); }

/* ---- Trend / son konular widget ---- */
body.theme-ob-v1 .rt-feed {
    border: 1px solid var(--ob-line);
    border-radius: var(--ob-radius);
    box-shadow: var(--ob-shadow);
    overflow: hidden;
    background: #ffffff;
}
body.theme-ob-v1 .rt-feed::before { background: var(--ob-grad); }
body.theme-ob-v1 .rt-bar {
    background: #fff !important;
    color: var(--ob-ink) !important;
    border-bottom-color: var(--ob-line);
}
body.theme-ob-v1 .rt-tab { color: #6b7690; font-family: 'Quicksand', Inter, sans-serif; }
body.theme-ob-v1 .rt-tab:hover { color: var(--ob-ink-strong); background: #fdf2f6; }
body.theme-ob-v1 .rt-tab.is-active {
    color: var(--ob-pink) !important;
    border-bottom-color: var(--ob-pink) !important;
}
body.theme-ob-v1 .rt-settings-btn:hover,
body.theme-ob-v1 .rt-collapse-btn:hover { color: var(--ob-pink); background: #fdf2f6; }
body.theme-ob-v1 .rt-title { color: #2563eb !important; }
body.theme-ob-v1 .rt-title:hover { color: var(--ob-pink) !important; }
body.theme-ob-v1 .rt-col-forum a,
body.theme-ob-v1 .rt-m-cat,
body.theme-ob-v1 .rt-user { color: #2563eb !important; }
body.theme-ob-v1 .rt-col-forum a:hover,
body.theme-ob-v1 .rt-user:hover { color: var(--ob-pink) !important; }
body.theme-ob-v1 .rt-table th { background: #f8fafc; color: var(--ob-muted); }
body.theme-ob-v1 .rt-row:hover { background: #fdf2f6 !important; }

/* ---- Emoji tepkileri / paylaşım ---- */
body.theme-ob-v1 .vb-postbit-actions { border-top-color: var(--ob-line); }
body.theme-ob-v1 .vb-react-summary { color: var(--ob-ink-soft, #55617e); }
body.theme-ob-v1 .vb-react-trigger {
    background: #f4f6fb;
    border-color: var(--ob-line-2);
    color: var(--ob-ink);
}
body.theme-ob-v1 .vb-react-trigger:hover { background: #fdf2f6; border-color: var(--ob-pink); color: var(--ob-pink); }
body.theme-ob-v1 .vb-react-trigger.is-active { background: var(--ob-grad-pink); color: #fff; }
body.theme-ob-v1 .vb-brand-btn--reply { box-shadow: 0 8px 20px rgba(214,61,105,.34); }
body.theme-ob-v1 .vb-brand-btn--new { box-shadow: 0 8px 20px rgba(20,184,166,.30); }
body.theme-ob-v1 .vb-watch-btn {
    border-color: var(--ob-line-2);
    color: var(--ob-ink);
    font-family: 'Quicksand', sans-serif;
}
body.theme-ob-v1 .vb-watch-btn.is-on {
    background: #fdf2f6;
    border-color: var(--ob-pink);
    color: var(--ob-pink);
}
body.theme-ob-v1 .vb-mention-item.is-active,
body.theme-ob-v1 .vb-mention-item:hover { background: #fdf2f6; color: var(--ob-pink); }
body.theme-ob-v1 .vb-react-picker { border-color: var(--ob-line-2); border-radius: 999px; }
body.theme-ob-v1 .vb-share {
    border-color: var(--ob-line);
    border-radius: var(--ob-radius);
    box-shadow: var(--ob-shadow-sm);
}
body.theme-ob-v1 .vb-share-label { color: var(--ob-ink-strong); font-family: 'Quicksand', sans-serif; }
body.theme-ob-v1 .vb-share-label i {
    background: #fde8f0;
    color: var(--ob-pink);
}
body.theme-ob-v1 .vb-share-copy { background: #fde8f0; color: var(--ob-pink); border-color: #f8cdd9; }
body.theme-ob-v1 .vb-share-copy:hover { background: var(--ob-pink); color: #fff !important; }

/* ---- Moderasyon menüsü ---- */
body.theme-ob-v1 .modmenu-toggle {
    background: var(--ob-grad-pink);
    border: 0;
    box-shadow: 0 8px 20px rgba(214,61,105,.32);
}
body.theme-ob-v1 .modmenu-panel { border-radius: var(--ob-radius-sm); box-shadow: var(--ob-shadow); }

/* ---- Profil (modern) ---- */
body.theme-ob-v1 .vb-profile-hero-main {
    background: var(--ob-card);
    border: 1px solid var(--ob-line);
    border-radius: var(--ob-radius);
    box-shadow: var(--ob-shadow-sm);
}
body.theme-ob-v1 .vb-profile-avatar { border-color: var(--ob-line); }
body.theme-ob-v1 .vb-profile-identity h2,
body.theme-ob-v1 .vb-profile-rankname,
body.theme-ob-v1 .vb-profile-activity { color: var(--ob-muted); }
body.theme-ob-v1 #link_bar.tborder {
    border-radius: var(--ob-radius);
    box-shadow: var(--ob-shadow-sm);
}
body.theme-ob-v1 .vb-profile-actions a {
    background: #f6f8fc;
    border-color: var(--ob-line);
    color: var(--ob-ink-strong) !important;
}
body.theme-ob-v1 .vb-profile-actions a:hover,
body.theme-ob-v1 .vb-profile-actions .vb-profile-action-btn:hover {
    background: #fdf2f6;
    border-color: #f3c1cf;
    color: var(--ob-pink) !important;
}
body.theme-ob-v1 .vb-profile-actions .vb-profile-action-btn {
    background: #f6f8fc;
    border-color: var(--ob-line);
    color: var(--ob-ink-strong) !important;
}
body.theme-ob-v1 #profile_tab_list {
    background: #242e42;
    border-radius: var(--ob-radius) var(--ob-radius) 0 0;
    padding: 8px 10px 0;
    gap: 4px;
}
body.theme-ob-v1 #profile_tab_list li.thead,
body.theme-ob-v1 #profile_tab_list li.tcat {
    background: transparent !important;
    color: #d7deee !important;
    border: 0 !important;
    height: auto !important;
    font-weight: 700;
}
body.theme-ob-v1 #profile_tab_list li.thead a,
body.theme-ob-v1 #profile_tab_list li.tcat a { color: inherit !important; cursor: pointer; }
body.theme-ob-v1 #profile_tab_list li.tcat {
    background: #fff !important;
    color: var(--ob-pink) !important;
}
body.theme-ob-v1 #profile_tabs .tab_header {
    background: var(--ob-grad) !important;
    height: 4px;
    padding: 0 !important;
    border: 0 !important;
}
body.theme-ob-v1 .vb-profile .content_block .block_title,
body.theme-ob-v1 .vb-profile h4.thead {
    background: transparent !important;
    border-bottom: 1px solid var(--ob-line) !important;
    color: var(--ob-ink-strong) !important;
    font-family: 'Quicksand', sans-serif;
    font-size: 13px !important;
}
body.theme-ob-v1 .vb-vm-card {
    border-color: var(--ob-line);
    border-radius: var(--ob-radius-sm);
    box-shadow: var(--ob-shadow-sm);
}
body.theme-ob-v1 .vb-vm-head { background: #f7f8fc; border-color: var(--ob-line); }
body.theme-ob-v1 #sidebar_container .content_block { border-radius: var(--ob-radius); }

/* ---- Arama (vB form + modern kart) ---- */
body.theme-ob-v1 #searchform .panelsurround {
    background: #f6f8fc !important;
}
body.theme-ob-v1 #searchform .panel {
    background: #fff !important;
    border: 1px solid var(--ob-line);
    box-shadow: none;
}
body.theme-ob-v1 #searchform .fieldset {
    border-color: var(--ob-line);
    background: #fafbfe;
}
body.theme-ob-v1 #searchform .fieldset legend { color: var(--ob-teal); font-weight: 700; }
body.theme-ob-v1 .vb-search-adv-toggle.thead {
    background: #f4f6fb !important;
    border-radius: var(--ob-radius-sm);
}

/* ---- Önek + anket ---- */
body.theme-ob-v1 .vb-prefix {
    border-radius: 999px;
    font-weight: 700;
}
body.theme-ob-v1 .vb-prefix-chip.is-on {
    box-shadow: 0 4px 10px color-mix(in srgb, var(--pfx, #085d77) 28%, transparent);
}
body.theme-ob-v1 .vb-poll { border-radius: var(--ob-radius-sm); }
body.theme-ob-v1 .vb-poll-bar span {
    background: linear-gradient(90deg, var(--ob-teal, #085d77), var(--ob-pink, #d63d69));
}

/* ---- Ayraç ---- */
body.theme-ob-v1 hr,
body.theme-ob-v1 .vb-hr { border-color: var(--ob-line); }

/* ---- Kaydırma çubuğu ---- */
body.theme-ob-v1 * { scrollbar-color: #c8ccd8 transparent; }
body.theme-ob-v1 *::-webkit-scrollbar { width: 12px; height: 12px; }
body.theme-ob-v1 *::-webkit-scrollbar-thumb {
    background: #ccd1de;
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
}
body.theme-ob-v1 *::-webkit-scrollbar-thumb:hover { background: var(--ob-pink); background-clip: padding-box; }

/* ---- Mobil ---- */
@media (max-width: 768px) {
    body.theme-ob-v1.vb-body:not(.vb-has-bg) { background-attachment: scroll; padding: 0 0 calc(var(--vb-mdock-h, 84px) + 8px + env(safe-area-inset-bottom, 0px)); margin: 0; }
    body.theme-ob-v1.vb-body.vb-has-bg { padding: 0 0 calc(var(--vb-mdock-h, 84px) + 8px + env(safe-area-inset-bottom, 0px)); margin: 0; }
    body.theme-ob-v1 .vb-mdock-item.is-active { color: var(--ob-pink); }
    body.theme-ob-v1 .vb-mdock-item.is-active::before { background: var(--ob-pink); }
    body.theme-ob-v1 .vb-qmenu-item i { color: var(--ob-pink); }
    body.theme-ob-v1 .vb-qmenu-head { background: linear-gradient(90deg, #085d77 0%, #3a2f55 100%); }
    body.theme-ob-v1 .vb-shell { max-width: 100%; padding-left: 8px; padding-right: 8px; }
    body.theme-ob-v1 .vb-logo-table { border-radius: 0 0 0 0; margin-bottom: 26px; }
    body.theme-ob-v1 .vb-logo-wrap { padding: 28px 16px 34px !important; }
    body.theme-ob-v1 .vb-logo-text { font-size: 26px; }
    body.theme-ob-v1 .vb-logo-table::after { height: 24px; bottom: -1px; }
    body.theme-ob-v1 .tborder,
    body.theme-ob-v1 .rt-feed { border-radius: 12px; box-shadow: var(--ob-shadow-sm); }
    body.theme-ob-v1 .vb-navbar { border-radius: 12px 12px 0 0; }
    body.theme-ob-v1.vb-page-home .vb-navbar { display: none; }
    body.theme-ob-v1 .tcat,
    body.theme-ob-v1 .thead { font-size: 12px; }
}
@media (max-width: 480px) {
    body.theme-ob-v1 .vb-shell { padding-left: 6px; padding-right: 6px; }
    body.theme-ob-v1 .vb-logo-text { font-size: 23px; }
    body.theme-ob-v1 .tcat,
    body.theme-ob-v1 .thead { font-size: 11px; padding: 8px 10px !important; }
}

body.theme-ob-v1 div.vb-th-head,
body.theme-ob-v1 .vb-fd-bar {
    border-color: var(--ob-line);
    box-shadow: var(--ob-shadow-sm);
}
body.theme-ob-v1 .vb-fd-bar-title h1 { color: var(--ob-ink-strong); font-family: 'Quicksand', Inter, sans-serif; }
body.theme-ob-v1 .vb-fd-back:hover,
body.theme-ob-v1 .vb-fd-search:hover { color: var(--ob-pink) !important; }
body.theme-ob-v1 .vb-fd-chip.is-on { background: var(--ob-pink); border-color: var(--ob-pink); }
body.theme-ob-v1 .vb-th-title-row h1 { color: var(--ob-ink-strong); font-family: 'Quicksand', Inter, sans-serif; }
body.theme-ob-v1 .vb-th-back:hover,
body.theme-ob-v1 .vb-th-tools a:hover { color: var(--ob-pink) !important; }

body.theme-ob-v1 a.vb-announce,
body.theme-ob-v1 a.vb-announce:link,
body.theme-ob-v1 a.vb-announce:visited,
body.theme-ob-v1 a.vb-announce:hover {
    color: #fff !important;
}
body.theme-ob-v1 .vb-announce-text strong { color: #fff !important; }
body.theme-ob-v1 .vb-announce-text span { color: #b4bac6 !important; }
body.theme-ob-v1 .vb-announce-badge { color: #fff !important; }

body.theme-ob-v1 .vb-tag {
    background: rgba(236, 72, 153, 0.12);
    color: var(--ob-pink) !important;
}
body.theme-ob-v1 .vb-tag:hover { background: rgba(236, 72, 153, 0.2); color: var(--ob-ink-strong) !important; }
body.theme-ob-v1 .vb-similar {
    border-color: var(--ob-line, #d8e0ee);
    background: var(--ob-card, #f8fafc);
}
body.theme-ob-v1 .vb-similar-head { color: var(--ob-ink-strong); font-family: 'Quicksand', Inter, sans-serif; }
body.theme-ob-v1 .vb-draft-status { color: #8b93a7; }

body.theme-ob-v1 .vb-imod-cb { accent-color: var(--ob-pink); }
body.theme-ob-v1 .vb-imod-bar { background: #242e42; }
body.theme-ob-v1 .vb-imod-bar .button { background: var(--ob-pink); }
body.theme-ob-v1 .vb-preview-banner,
body.theme-ob-v1 .vb-preview-chip {
    background: rgba(236, 72, 153, 0.12);
    color: var(--ob-pink);
}

body.theme-ob-v1 .vb-ach-card {
    background: #f4f6fb;
    border-color: var(--ob-line);
    color: var(--ob-ink);
}
body.theme-ob-v1 .vb-ach-card.is-earned {
    background: #fff;
    border-color: #f3d6a6;
}
body.theme-ob-v1 .vb-ach-card h3 { color: var(--ob-ink-strong); font-family: 'Quicksand', sans-serif; }
body.theme-ob-v1 .vb-ach-card p { color: var(--ob-ink); }
body.theme-ob-v1 .vb-ach-meta,
body.theme-ob-v1 .vb-ach-count { color: var(--ob-muted); }
body.theme-ob-v1 .vb-ach-progress { background: var(--ob-line); }

body.theme-ob-v1 .vb-fmod {
    background: #fff;
    border-color: var(--ob-line);
    border-left-color: var(--ob-pink);
    box-shadow: var(--ob-shadow);
}
body.theme-ob-v1 .vb-fmod-label { color: var(--ob-ink-strong); font-family: 'Quicksand', sans-serif; }
body.theme-ob-v1 .vb-fmod-label i { color: var(--ob-pink); }
body.theme-ob-v1 .vb-fmod-chip {
    background: #f7f8fb;
    border-color: var(--ob-line);
    color: var(--ob-pink) !important;
}
body.theme-ob-v1 .vb-fmod-chip:hover { background: #fff0f4; border-color: #f3c1cf; }