*{box-sizing:border-box}body{margin:0;background:#090a10;color:#f5f3fa;font:15px system-ui;min-width:1050px}header{height:90px;border-bottom:1px solid #252838;display:flex;align-items:center;padding:0 32px;gap:30px;background:#0b0c12;position:sticky;top:0;z-index:2}.logo{display:flex;align-items:center;gap:10px;font-size:27px;min-width:220px}.logo i{width:43px;height:43px;border:2px solid #a94cff;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#fff;box-shadow:0 0 22px #7e32d966}.logo span,em{color:#ad49ff;font-style:normal}.search{height:44px;max-width:610px;flex:1;background:#151722;border:1px solid #292d3d;border-radius:12px;padding:0 15px;display:flex;align-items:center;font-size:25px;color:#777c91}.search input{background:none;border:0;outline:0;color:white;font-size:15px;width:100%;margin-left:10px}nav{display:flex;gap:8px;margin-left:auto}button{background:#151722;color:#c9ccda;border:1px solid #292d3d;border-radius:9px;padding:9px 12px;cursor:pointer}nav strong{display:grid;place-items:center;width:40px;border-radius:50%;background:linear-gradient(135deg,#7e3cff,#c04cff)}.layout{max-width:1400px;margin:auto;padding:22px;display:grid;grid-template-columns:225px minmax(600px,760px) 285px;gap:22px}aside{border-right:1px solid #252838;padding-right:16px}aside h5{color:#70768a;margin:25px 10px 8px}aside a{display:block;padding:11px;border-radius:9px;color:#a7abbc;margin:2px 0}.active{background:#1b1727;color:white!important;box-shadow:inset 3px 0 #a64cff}.ask{background:linear-gradient(135deg,#873bff,#bf4cff);color:#fff;border:0;font-weight:800;box-shadow:0 8px 25px #873bff33}.me{border-top:1px solid #252838;margin-top:25px;padding:18px 8px;color:#bfc2ce}.me small{display:block;color:#777c90}.hero{padding:26px;border:1px solid #322346;border-radius:17px;background:radial-gradient(circle at 85% 15%,#9b42ff33,transparent 35%),#12131d;display:flex;justify-content:space-between;align-items:center}.hero h1{font-size:31px;margin:8px 0}.hero p{color:#999dad}.cats{display:flex;gap:8px;margin:18px 0;overflow:hidden}.cats button,.head button{border-radius:20px;white-space:nowrap}.sel{background:#8d3cff!important;color:white!important;border-color:#8d3cff!important}.head{display:flex;justify-content:space-between;align-items:end;margin:25px 2px 12px}.head h2{margin:0}.head small{color:#777c90}.question{background:#11131d;border:1px solid #252838;border-radius:15px;padding:20px;margin-bottom:13px}.user{display:flex;gap:10px;color:#bfc2cf}.tag{float:right;color:#ad6cff;background:#1c1828;padding:5px 9px;border-radius:20px;font-size:11px}.question h3{font-size:18px;line-height:1.4}.question p{color:#969aaa;line-height:1.5}.actions{border-top:1px solid #252838;padding-top:11px;display:flex;gap:8px}.actions button{border:0;background:none}.right{border:0;padding:0}.card{background:#11131d;border:1px solid #252838;border-radius:15px;padding:16px;margin-bottom:13px}.card small{display:block;color:#777c90;margin:3px 0 12px}.card button{float:right;color:#b276ff}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:5;place-items:center}.modal.open{display:grid}.modal>div{width:600px;background:#11131d;border:1px solid #39314d;border-radius:18px;padding:24px}.modal input,.modal textarea{width:100%;background:#0b0d14;color:white;border:1px solid #2a2e40;border-radius:10px;padding:13px;margin:8px 0;outline:0;font:inherit}.modal textarea{height:130px}.modal .ask{margin-top:8px;width:100%}.x{float:right;background:none;border:0;font-size:28px}
/* =========================
   BiSor Auth Modal
========================= */

.auth-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0,0,0,.72);
    backdrop-filter: blur(8px);
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.auth-modal.open {
    display: flex;
}

.auth-box {
    width: min(420px, 100%);
    background: #11131d;
    border: 1px solid #292d3d;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 20px 70px rgba(0,0,0,.55);
    position: relative;
}

.auth-close {
    position: absolute;
    right: 18px;
    top: 14px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #292d3d;
    background: #151722;
    color: #aaa;
    cursor: pointer;
    font-size: 18px;
}

.auth-logo {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    background: linear-gradient(135deg,#873bff,#bf4cff);
    color: white;
    font-size: 24px;
    font-weight: 800;
    box-shadow: 0 8px 25px rgba(135,59,255,.35);
}

.auth-box h2 {
    margin: 0 0 7px;
    font-size: 25px;
}

.auth-subtitle {
    color: #969aaa;
    margin-bottom: 22px;
    font-size: 14px;
}

.auth-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.auth-form input {
    width: 100%;
    box-sizing: border-box;
    background: #0b0d14;
    color: white;
    border: 1px solid #2a2e40;
    border-radius: 11px;
    padding: 13px 14px;
    outline: none;
    font-size: 15px;
}

.auth-form input:focus {
    border-color: #9c4dff;
    box-shadow: 0 0 0 3px rgba(156,77,255,.12);
}

.auth-submit {
    width: 100%;
    margin-top: 5px;
    border: 0;
    border-radius: 11px;
    padding: 13px;
    background: linear-gradient(135deg,#873bff,#b94cff);
    color: white;
    font-weight: 800;
    cursor: pointer;
    font-size: 15px;
}

.auth-submit:hover {
    filter: brightness(1.08);
}

.auth-switch {
    text-align: center;
    color: #969aaa;
    font-size: 14px;
    margin-top: 18px;
}

.auth-switch button {
    border: 0;
    background: none;
    color: #b276ff;
    cursor: pointer;
    font-weight: 700;
}

.auth-error {
    display: none;
    background: rgba(255,70,100,.10);
    border: 1px solid rgba(255,70,100,.30);
    color: #ff8da4;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 13px;
}

.auth-success {
    display: none;
    background: rgba(80,220,140,.10);
    border: 1px solid rgba(80,220,140,.30);
    color: #78e5a1;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 13px;
}

@media (max-width: 600px) {
    .auth-box {
        padding: 23px;
        border-radius: 17px;
    }
}

#profileMenu {
    z-index: 10000;
    width: 220px;
    background: #11131d;
    border: 1px solid #292d3d;
    border-radius: 15px;
    padding: 12px;
    box-shadow: 0 18px 50px rgba(0,0,0,.5);
}

.profile-menu-name {
    color: #fff;
    font-weight: 800;
    font-size: 16px;
    padding: 5px 8px 0;
}

.profile-menu-username {
    color: #888da0;
    font-size: 13px;
    padding: 2px 8px 8px;
}

#profileMenu hr {
    border: 0;
    border-top: 1px solid #292d3d;
    margin: 5px 0 7px;
}

#profileMenu button {
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    color: #ddd;
    text-align: left;
    padding: 10px 8px;
    border-radius: 9px;
    cursor: pointer;
}

#profileMenu button:hover {
    background: #1b1727;
    color: #fff;
}

#profileLogout {
    color: #ff8da4 !important;
}

.bisor-logo {
    width: 300px !important;
    height: 90px !important;
    max-height: 90px !important;
    object-fit: contain;
    object-position: left center;
    display: block;
    flex-shrink: 0;
}

@media (max-width: 700px) {
    .bisor-logo {
        width: 145px;
        max-height: 45px;
    }
}

/* ARAMA ÇUBUGU - TAM ORTALAMA */
.header {
    position: relative;
}

.header .search-wrapper {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
}

/* Masaüstünde dengeli genişlik */
.header .search-wrapper input {
    width: 520px;
}

/* Küçük ekranlar */
@media (max-width: 1100px) {
    .header .search-wrapper input {
        width: 380px;
    }
}

@media (max-width: 800px) {
    .header .search-wrapper {
        position: static !important;
        transform: none !important;
        width: 100%;
    }

    .header .search-wrapper input {
        width: 100%;
    }
}


/* BiSor arama kutusu - header tam ortası */
header {
    position: relative;
}

header .search {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: 520px !important;
    z-index: 2;
}

header .search input {
    width: 100% !important;
    box-sizing: border-box;
}

@media (max-width: 1100px) {
    header .search {
        width: 400px !important;
    }
}

@media (max-width: 800px) {
    header .search {
        position: static !important;
        transform: none !important;
        width: auto !important;
        flex: 1;
        margin: 0 10px !important;
    }
}



.bisor-home-logo {
    display: flex;
    align-items: center;
    width: auto;
    height: 90px;
    text-decoration: none;
    flex-shrink: 0;
}

/* =========================
   BiSor Profil İstatistikleri
========================= */

.profile-stats-bisor{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:stretch;
    width:240px;
    margin-top:18px;
    padding:8px 0;
    border-top:1px solid #292d3d;
    border-bottom:1px solid #292d3d;
}

.profile-stat-bisor{
    width:auto;
    min-width:0;
    padding:4px 0;
    text-align:center;
    position:relative;
}

.profile-stat-bisor + .profile-stat-bisor{
    border-left:1px solid #8b3cff66;
}

.profile-stat-bisor strong{
    display:block;
    color:#f5f3fa;
    font-size:20px;
    line-height:1.1;
}

.profile-stat-bisor span{
    display:block;
    margin-top:4px;
    color:#8f95a8;
    font-size:12px;
}

.profile-stat-bisor:hover strong{
    color:#b98cff;
}

.profile-stats-bisor{
    display:flex;
    justify-content:flex-end;
    align-items:stretch;
    width:100%;
    margin-top:18px;
    padding:10px 0;
    border-top:1px solid #292d3d;
    border-bottom:1px solid #292d3d;
}

.profile-stat-bisor{
    min-width:85px;
    padding:4px 16px;
    text-align:center;
}

.profile-stat-bisor + .profile-stat-bisor{
    border-left:1px solid #8b3cff66;
}

.profile-stat-bisor strong{
    display:block;
    color:#f5f3fa;
    font-size:18px;
    line-height:1.1;
}

.profile-stat-bisor span{
    display:block;
    margin-top:4px;
    color:#8f95a8;
    font-size:11px;
}

.profile-stat-bisor:hover strong{
    color:#b98cff;
}

.profile-stats-bisor{
    display:flex !important;
    justify-content:flex-end;
    align-items:stretch;
    width:100%;
    margin-top:18px;
    padding:10px 0;
    border-top:1px solid #292d3d;
    border-bottom:1px solid #292d3d;
}

.profile-stat-bisor{
    flex:0 0 95px;
    padding:4px 10px;
    text-align:center;
}

.profile-stat-bisor + .profile-stat-bisor{
    border-left:1px solid #8b3cff66;
}

.profile-stat-bisor strong{
    display:block;
    color:#f5f3fa;
    font-size:18px;
    line-height:1.1;
}

.profile-stat-bisor span{
    display:block;
    margin-top:4px;
    color:#8f95a8;
    font-size:11px;
}

.profile-stat-bisor:hover strong{
    color:#b98cff;
}

/* BiSor profil istatistikleri - son düzenleme */
.profile-stats-bisor{
    display:flex !important;
    flex-direction:row !important;
    justify-content:flex-end !important;
    align-items:stretch !important;
    width:100% !important;
    margin-top:18px !important;
    padding:10px 0 !important;
    border-top:1px solid #292d3d !important;
    border-bottom:1px solid #292d3d !important;
}

.profile-stat-bisor{
    flex:0 0 95px !important;
    width:95px !important;
    min-width:95px !important;
    padding:4px 8px !important;
    text-align:center !important;
    border-left:0 !important;
}

.profile-stat-bisor + .profile-stat-bisor{
    border-left:1px solid #8b3cff66 !important;
}

.profile-stat-bisor strong{
    display:block !important;
    color:#f5f3fa !important;
    font-size:18px !important;
    line-height:1.1 !important;
}

.profile-stat-bisor span{
    display:block !important;
    margin-top:4px !important;
    color:#8f95a8 !important;
    font-size:11px !important;
}


/* LEVEL EN BASA + AYRAC */
.profile-stats-bisor{
    justify-content:flex-end !important;
}

.profile-stats-bisor > .profile-stat-bisor{
    order:1 !important;
}

/* DIGER ISTATISTIKLER */
.profile-stats-bisor > .profile-stat-bisor{
    order:1 !important;
}

/* LEVEL EN SOLDA, ISTATISTIKLER SAGINDA */
.profile-stats-bisor{
    justify-content:flex-start !important;
    width:100% !important;
}

.profile-stats-bisor > .profile-stat-bisor{
    order:1 !important;
}

/* =================================
   BiSor Profil İstatistikleri
   Simetrik son tasarım
================================= */

.profile-stats-bisor{
    width:100% !important;
    display:grid !important;
    grid-template-columns:auto repeat(4, 1fr) !important;
    align-items:center !important;
    column-gap:20px !important;
    margin-top:18px !important;
    padding:10px 0 !important;
    min-height:58px !important;
    box-sizing:border-box !important;
    border-top:1px solid #292d3d !important;
    border-bottom:1px solid #292d3d !important;
}

/* İSTATİSTİKLER */
.profile-stats-bisor > .profile-stat-bisor{
    width:auto !important;
    min-width:0 !important;
    flex:none !important;
    margin:0 !important;
    padding:5px 10px !important;
    text-align:center !important;
    align-self:center !important;
}

/* İlk istatistikte ekstra ayraç yok */
.profile-stats-bisor > .profile-stat-bisor:first-of-type{
    border-left:0 !important;
}

/* Diğer ayraçlar */
.profile-stats-bisor > .profile-stat-bisor + .profile-stat-bisor{
    }

/* Sayılar */
.profile-stats-bisor > .profile-stat-bisor strong{
    display:block !important;
    font-size:18px !important;
    line-height:1.1 !important;
    text-align:center !important;
}

/* Yazılar */
.profile-stats-bisor > .profile-stat-bisor span{
    display:block !important;
    margin-top:4px !important;
    font-size:11px !important;
    color:#8f95a8 !important;
    text-align:center !important;
}



header .logo .bisor-home-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 !important;
    padding:0 !important;
}

header .logo .bisor-logo{
    display:block !important;
    margin:0 !important;
}



header .logo .bisor-home-logo{
    display:flex !important;
    align-items:center !important;
    width:310px !important;
    height:90px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 310px !important;
}

header .logo .bisor-logo{
    width:300px !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    flex-shrink:0 !important;
}



header .logo{
    flex:0 0 220px !important;
    width:220px !important;
    min-width:220px !important;
    height:70px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
}

header .logo .bisor-home-logo{
    width:auto !important;
    height:70px !important;
    flex:0 0 auto !important;
}

header .logo .bisor-logo{
    width:220px !important;
    height:auto !important;
    max-height:58px !important;
    margin:0 !important;
}

/* ==================================================
   BİSOR LOGO - TÜM SAYFALARDA TEK STANDART
   ================================================== */

header .logo{
    width:250px !important;
    min-width:250px !important;
    max-width:250px !important;
    height:72px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex:0 0 250px !important;
    overflow:visible !important;
}

header .logo .bisor-home-logo{
    width:250px !important;
    height:72px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex:0 0 250px !important;
}

header .logo .bisor-logo{
    width:250px !important;
    height:auto !important;
    max-width:250px !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    flex-shrink:0 !important;
}

/* =================================================
   HEADER LOGO + ARAMA - SABIT VE SIMETRIK
   ================================================= */

header > .logo{
    flex:0 0 250px !important;
    width:250px !important;
    min-width:250px !important;
    max-width:250px !important;
    height:72px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
}

header > .logo .bisor-home-logo{
    width:250px !important;
    height:72px !important;
    flex:0 0 250px !important;
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
}

header > .logo .bisor-logo{
    width:250px !important;
    height:auto !important;
    max-width:250px !important;
    margin:0 !important;
    display:block !important;
}

/* Arama kutusu logoya girmesin */
header > .search{
    flex:1 1 auto !important;
    min-width:0 !important;
    margin-left:0 !important;
}

/* Sağ menü sabit kalsın */
header > nav{
    flex:0 0 auto !important;
    margin-left:auto !important;
}


/* LOGO ALANI ICINDE TAM ORTALI */
header > .logo{
    justify-content:center !important;
}

header > .logo .bisor-home-logo{
    justify-content:center !important;
}

/* LOGOYU SADECE BIRAZ SOLA AL */
header > .logo .bisor-home-logo{
    transform:translateX(-15px) !important;
}

/* LOGO SON HIZALAMA */
header > .logo .bisor-home-logo{
    transform:translateX(-20px) !important;
}

/* LOGO SON HIZALAMA */
header > .logo .bisor-home-logo{
    transform:translateX(-24px) !important;
}

/* LOGO SON DOKUNUS */
header > .logo .bisor-home-logo{
    transform:translateX(-27px) !important;
}

/* ==============================
   BiSor PROFİL KAPAK
============================== */

.profile-cover{
    height:150px !important;
    position:relative !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 15% 20%, rgba(139,60,255,.35), transparent 35%),
        radial-gradient(circle at 85% 80%, rgba(91,45,180,.30), transparent 40%),
        linear-gradient(135deg,#111522,#21183a,#30205c)
    background-size:cover !important;
    background-position:center !important;
}

/* Kapak fotoğrafı geldiğinde */
.profile-cover.has-image{
    background-repeat:no-repeat !important;
}

/* Hafif BiSor kapak parlaması */
.profile-cover::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.05),
        rgba(0,0,0,.18)
    );
    pointer-events:none;
}

/* KAPAK FOTOĞRAFI BUTONU */
.cover-edit-button{
    position:absolute !important;
    right:18px !important;
    bottom:18px !important;
    width:42px !important;
    height:42px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(10,11,18,.78) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#fff !important;
    font-size:18px !important;
    cursor:pointer !important;
    z-index:10 !important;
    backdrop-filter:blur(8px);
}

.cover-edit-button:hover{
    background:#8b3cff !important;
    border-color:#8b3cff !important;
}

.profile-cover.has-image{
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center !important;
}


.cover-edit-button{
    position:absolute !important;
    right:18px !important;
    bottom:18px !important;
    width:42px !important;
    height:42px !important;
    padding:0 !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(10,11,18,.82) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    color:#fff !important;
    font-size:18px !important;
    cursor:pointer !important;
    z-index:50 !important;
}

.cover-edit-button:hover{
    background:#8b3cff !important;
}

/* ADMIN KAPAK - BISOR LOGOSU */
.profile-cover.has-image{
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}

/* BISOR KAPAK - LOGO TAM SIGSIN */
.profile-cover.has-image{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#0d101b !important;
}

/* Avatar kapağın üzerinde kalsın */
.profile-avatar-bisor{
    position:relative !important;
    z-index:20 !important;
}

/* BISOR KAPAK - LOGO TAM SIGSIN */
.profile-cover.has-image{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#0d101b !important;
}

/* Avatar kapağın üzerinde kalsın */
.profile-avatar-bisor{
    position:relative !important;
    z-index:20 !important;
}

/* ==============================
   PROFİL FOTOĞRAFI DEĞİŞTİR
============================== */

.profile-avatar-bisor{
    position:relative !important;
}

.avatar-edit-button{
    position:absolute !important;
    right:2px !important;
    bottom:2px !important;
    width:34px !important;
    height:34px !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;
    border:2px solid #121521 !important;

    background:rgba(10,11,18,.85) !important;
    color:#fff !important;

    font-size:15px !important;
    cursor:pointer !important;

    z-index:30 !important;
}

.avatar-edit-button:hover{
    background:#8b3cff !important;
}

.profile-avatar-bisor img{
    position:relative;
    z-index:1;
}

/* AVATAR KAMERA - ZORLA GORUNUR */
.profile-avatar-bisor{
    position:relative !important;
    overflow:visible !important;
}

.avatar-edit-button{
    position:absolute !important;
    right:-2px !important;
    bottom:-2px !important;
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;
    border:2px solid #121521 !important;

    background:#8b3cff !important;
    color:#fff !important;

    font-size:15px !important;
    line-height:1 !important;
    cursor:pointer !important;

    z-index:999 !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* AVATAR FOTOĞRAFI KESİNLİKLE DAİRE */
.profile-avatar-bisor{
    border-radius:50% !important;
    overflow:hidden !important;
}

.profile-avatar-bisor img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    border-radius:50% !important;
}

/* Kamera butonu dairenin üzerinde kalsın */
.profile-avatar-bisor .avatar-edit-button{
    border-radius:50% !important;
    overflow:visible !important;
    z-index:999 !important;
}

.profile-avatar-bisor{
    position:relative !important;
    overflow:visible !important;
    border-radius:50% !important;
}

.profile-avatar-bisor img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    border-radius:50% !important;
}

.profile-avatar-bisor > img{
    clip-path:circle(50% at 50% 50%) !important;
}

.avatar-edit-button {
    position: absolute !important;
    right: -6px !important;
    bottom: -6px !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 2px solid #121521 !important;
    background: linear-gradient(135deg, #7e3cff, #b44cff) !important;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(126,60,255,.45) !important;
    z-index: 999 !important;
}

.avatar-edit-button:hover {
    transform: scale(1.06) !important;
}


/* KAMERA: BEYAZ CIZGI + MOR ZEMIN */

.avatar-edit-button {
    background: linear-gradient(135deg, #7e3cff, #b44cff) !important;
    color: #ffffff !important;
    border: 2px solid #121521 !important;
    font-size: 0 !important;
}

.avatar-edit-button::before {
    content: '📷' !important;
    filter: grayscale(1) brightness(0) invert(1) !important;
    font-size: 17px !important;
    line-height: 1 !important;
}


/* KAMERA - ESKI HALI */
.avatar-edit-button {
    background: linear-gradient(135deg, #7e3cff, #b44cff) !important;
    color: #fff !important;
    font-size: 17px !important;
}

.avatar-edit-button::before {
    content: none !important;
}


/* ==============================
   SAĞ ÜST PROFİL AVATARI
============================== */

.profile-button{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;

    padding:0 !important;
    margin:0 !important;

    border-radius:50% !important;
    overflow:hidden !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:linear-gradient(
        135deg,
        #7e3cff,
        #b44cff
    ) !important;

    border:2px solid #292d3d !important;
    color:#fff !important;

    cursor:pointer !important;
}

.header-avatar-content{
    width:100%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;
    overflow:hidden;

    font-weight:800;
}

.header-avatar-content img{
    width:100%;
    height:100%;

    display:block;
    object-fit:cover;

    border-radius:50%;
}

/* GİRİŞ YAPILMAMIŞ PROFİL BUTONU */
.profile-button.logged-out {
    width: auto !important;
    min-width: 110px !important;
    height: 40px !important;
    min-height: 40px !important;

    padding: 0 18px !important;

    border-radius: 10px !important;

    background: linear-gradient(
        135deg,
        #7e3cff,
        #b44cff
    ) !important;

    border: none !important;

    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* GİRİŞ YAPILINCA TEKRAR YUVARLAK */
.profile-button.logged-in {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;

    padding: 0 !important;
    border-radius: 50% !important;
}

.logged-in-only {
    display: none !important;
}

.profile-button.logged-in ~ .logged-in-only,
.logged-in-only.logged-in-active {
    display: inline-flex !important;
}


/* AUTH KAPATMA BUTONU - TIKLANABILIR */
.auth-close {
    z-index: 999999 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}


/* SORU GÖRSELİ */
.question-image {
    margin: 14px 0 4px;
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
}

.question-image img {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    border-radius: 14px;
}

.question-image-button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0;
    padding: 9px 13px;
    border: 1px solid #292d3d;
    border-radius: 10px;
    background: #151722;
    color: #ddd;
    cursor: pointer;
    font-size: 14px;
}

.question-image-button:hover {
    background: #202333;
}

#questionImagePreview {
    margin: 8px 0 12px;
}

#questionImagePreview img {
    display: block;
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    border-radius: 12px;
}


/* =========================
   PROFİL SORU KARTLARI
========================= */

.profile-questions {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.profile-question-card {
    background: #11131d;
    border: 1px solid #292d3d;
    border-radius: 16px;
    padding: 18px;
    box-sizing: border-box;
    transition: border-color .2s, transform .2s;
}

.profile-question-card:hover {
    border-color: #41465b;
    transform: translateY(-1px);
}

.profile-question-user {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.profile-question-user > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.profile-question-user strong {
    color: #fff;
    font-size: 14px;
}

.profile-question-user small {
    color: #85899b;
    font-size: 12px;
}

.profile-question-avatar {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 50%;
    overflow: hidden;
    background: #242039;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-question-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.profile-question-head {
    margin-bottom: 8px;
}

.profile-question-category {
    display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(168, 76, 255, .12);
    border: 1px solid rgba(168, 76, 255, .25);
    color: #c58cff;
    font-size: 11px;
    font-weight: 700;
}

.profile-question-card h4 {
    margin: 8px 0 10px;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
}

.profile-question-content {
    margin: 0;
    color: #aeb3c7;
    font-size: 14px;
    line-height: 1.65;
    white-space: pre-wrap;
}

.profile-question-image {
    margin-top: 14px;
    width: 100%;
    max-height: 360px;
    overflow: hidden;
    border-radius: 13px;
    border: 1px solid #292d3d;
    background: #0b0d14;
}

.profile-question-image img {
    display: block;
    width: 100%;
    max-height: 360px;
    object-fit: contain;
}

.profile-question-meta {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 16px;
    padding-top: 13px;
    border-top: 1px solid #292d3d;
    color: #9ca1b3;
    font-size: 13px;
}

.profile-delete-question {
    margin-left: auto;
    border: 1px solid rgba(255, 82, 110, .25);
    background: rgba(255, 82, 110, .08);
    color: #ff8da4;
    border-radius: 8px;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 12px;
}

.profile-delete-question:hover {
    background: rgba(255, 82, 110, .16);
}

@media (max-width: 600px) {
    .profile-question-card {
        padding: 15px;
        border-radius: 14px;
    }

    .profile-question-card h4 {
        font-size: 16px;
    }

    .profile-question-meta {
        gap: 10px;
        flex-wrap: wrap;
    }

    .profile-delete-question {
        margin-left: 0;
    }
}


/* =========================
   SORU DETAY SAYFASI
========================= */

.question-page {
    width: min(760px, calc(100% - 32px));
    margin: 40px auto;
}

.question-detail-card {
    background: #11131d;
    border: 1px solid #292d3d;
    border-radius: 18px;
    padding: 24px;
    box-sizing: border-box;
    box-shadow: 0 15px 45px rgba(0,0,0,.18);
}

.question-detail-user {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.question-detail-user > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.question-detail-user strong {
    color: #fff;
    font-size: 15px;
}

.question-detail-user small {
    color: #85899b;
    font-size: 12px;
}

.question-detail-avatar {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    overflow: hidden;
    background: #242039;
    display: flex;
    align-items: center;
    justify-content: center;
}

.question-detail-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.question-detail-category {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(168,76,255,.12);
    border: 1px solid rgba(168,76,255,.25);
    color: #c58cff;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 12px;
}

.question-detail-card h1 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 27px;
    line-height: 1.35;
}

.question-detail-card > p {
    color: #b0b5c8;
    font-size: 15px;
    line-height: 1.75;
    white-space: pre-wrap;
    margin: 0;
}

.question-detail-image {
    margin-top: 20px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #292d3d;
    background: #090b11;
}

.question-detail-image img {
    display: block;
    width: 100%;
    max-height: 600px;
    object-fit: contain;
}

.question-detail-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #292d3d;
    color: #9ca1b3;
    font-size: 13px;
}

.question-detail-delete {
    margin-left: auto;
    border: 1px solid rgba(255,82,110,.25);
    background: rgba(255,82,110,.08);
    color: #ff8da4;
    border-radius: 8px;
    padding: 7px 11px;
    cursor: pointer;
}

.question-detail-delete:hover {
    background: rgba(255,82,110,.16);
}

@media (max-width: 600px) {

    .question-page {
        width: calc(100% - 20px);
        margin: 20px auto;
    }

    .question-detail-card {
        padding: 17px;
        border-radius: 15px;
    }

    .question-detail-card h1 {
        font-size: 21px;
    }

}

.profile-question-card {
    cursor: pointer;
}

.profile-question-card .profile-delete-question {
    cursor: pointer;
}

.question .actions button:first-child,
#questionDetail .actions .bisor-detail-action:first-child {
    color: #9b5cff;
}

.question .actions button:first-child:hover,
#questionDetail .actions .bisor-detail-action:first-child:hover {
    color: #b77aff;
}

/* BiSor mor beğeni kalpleri */
.question .actions button:first-child,
.question-detail-actions #questionLikes,
.profile-question-meta span:last-child,
#questionDetail .actions .bisor-detail-action:first-child {
    color: #9b5cff !important;
}

.question .actions button:first-child:hover,
#questionDetail .actions .bisor-detail-action:first-child:hover {
    color: #b77aff !important;
}


.profile-like-heart,
.question-like-heart {
    color: #9b5cff !important;
}


/* Beğeni solda, cevap sağda */
.profile-question-meta,
.question-detail-actions {
    display: flex;
    align-items: center;
}

.profile-question-meta > span:first-child,
.question-detail-actions > #questionLikes {
    margin-right: auto;
}

.profile-question-meta > span:last-child {
    margin-left: auto;
}

.question-detail-actions > #questionAnswers {
    margin-left: auto;
}

/* Beğeni varsayılan olarak beyaz */
.question-detail-actions #questionLikes,
.profile-question-meta span:last-child {
    color: #ffffff !important;
}

/* Beğenilmişse mor */
.question-like-button.liked,
.question-like-button.liked * {
    color: #9b5cff !important;
}


/* Soru cevap alanı */
.question-answers-area {
    margin-top: 18px;
}

.question-answer-form {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #11131d;
    border: 1px solid #292d3d;
    border-radius: 16px;
    padding: 12px;
}

.question-answer-avatar {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 50%;
    background: #202437;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.question-answer-form textarea {
    flex: 1;
    height: 42px;
    resize: none;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    padding: 10px 2px;
}

.question-answer-form textarea::placeholder {
    color: #8d93a8;
}

.question-answer-submit {
    border: 0;
    border-radius: 10px;
    background: #7040ff;
    color: #fff;
    font-weight: 700;
    padding: 11px 17px;
    cursor: pointer;
    white-space: nowrap;
}

.question-answer-submit:hover {
    background: #8054ff;
}

.question-answers-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 14px;
}

.question-answer-card {
    background: #11131d;
    border: 1px solid #292d3d;
    border-radius: 16px;
    padding: 16px;
}

.question-answer-user {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.question-answer-user strong {
    color: #fff;
    font-size: 14px;
}

.question-answer-user small {
    color: #7f8599;
    font-size: 12px;
}

.question-answer-card p {
    margin: 0 0 10px;
    color: #d9dce6;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}

.question-answer-card > small {
    color: #70778c;
    font-size: 11px;
}

.question-empty {
    padding: 22px;
    text-align: center;
    color: #777e93;
    font-size: 13px;
}


/* Soru detayında beğeni solda, cevap sağda */
.question-detail-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
}

.question-detail-actions #questionLikes {
    order: 1 !important;
    margin: 0 !important;
}

.question-detail-actions #questionAnswers {
    order: 2 !important;
    margin: 0 !important;
}

.question-detail-actions #questionDelete {
    order: 3 !important;
    margin-left: auto !important;
}


/* Soru detay beğeni / cevap ayıracı */
.question-detail-actions {
    justify-content: center !important;
    gap: 0 !important;
}

.question-detail-actions #questionLikes,
.question-detail-actions #questionAnswers {
    flex: 1;
    text-align: center;
    margin: 0 !important;
}

.question-detail-actions #questionLikes {
    border-right: 1px solid #292d3d;
}


.question-detail-user {
    position: relative;
    padding-right: 120px;
}

.question-detail-user > div:last-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

#questionDate {
    position: absolute;
    top: 2px;
    right: 0;
    color: #70778c;
    font-size: 11px;
}









/* BiSor inline ünvan renkleri — sadece ünvan renklenir */
.bisor-inline-title{font:inherit;font-weight:700;}
.bisor-title-acemi{color:#9ca3af!important;}
.bisor-title-merakli{color:#7dd3fc!important;}
.bisor-title-katilimci{color:#3b82f6!important;}
.bisor-title-arastirmaci{color:#1e3a8a!important;}
.bisor-title-bilge{color:#a78bfa!important;}
.bisor-title-usta{color:#8b5cf6!important;}
.bisor-title-elit{color:#7c3aed!important;}
.bisor-title-efsane{color:#8b3cff!important;}

/* Soru/Cevap Efsane level rozeti */



/* =========================
   SORU FOTOĞRAFI 16:9 KIRPMA
========================= */

.question-crop-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.78);
    padding: 20px;
}

.question-crop-box {
    width: min(720px, 95vw);
    background: #151824;
    border-radius: 18px;
    padding: 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,.5);
}

.question-crop-box h3 {
    margin: 0 0 15px;
    color: #fff;
}

.question-crop-frame {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 12px;
    background: #080a10;
    display: flex;
    align-items: center;
    justify-content: center;
}

#questionCropImage,
#biBilgiCropImage {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.question-crop-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 15px;
}

.question-crop-actions button {
    border: 0;
    border-radius: 10px;
    padding: 10px 16px;
    cursor: pointer;
}

#questionCropConfirm {
    background: #8b3cff;
    color: #fff;
}


.question-crop-frame {
    position: relative;
    cursor: grab;
    touch-action: none;
}

.question-crop-frame:active {
    cursor: grabbing;
}

#questionCropImage,
#biBilgiCropImage {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: none !important;
    max-height: none !important;
    user-select: none;
    -webkit-user-drag: none;
    transform-origin: center center;
    cursor: grab;
}

#questionCropImage:active,
#biBilgiCropImage:active {
    cursor: grabbing;
}

/* ==================================================
   BiBilgi — Soru modalıyla aynı form tonları
================================================== */
#biBilgiModal select,
#questionCategory {
    width:100%;
    box-sizing:border-box;
    background:#0b0d14;
    color:#fff;
    border:1px solid #2a2e40;
    border-radius:10px;
    padding:13px;
    margin:8px 0;
    outline:none;
    font:inherit;
}

#biBilgiModal select:focus,
#questionCategory:focus {
    border-color:#9c4dff;
    box-shadow:0 0 0 3px rgba(156,77,255,.12);
}

#biBilgiModal select option,
#questionCategory option {
    background:#0b0d14;
    color:#fff;
}

#biBilgiModal .question-image-button {
    margin-top:10px;
}

.bibilgi-card,
.profile-bibilgi-card {
    cursor:pointer;
    transition:transform .15s ease, border-color .15s ease;
}

.bibilgi-card:hover,
.profile-bibilgi-card:hover {
    transform:none;
    border-color:#3a3150;
}

.bibilgi-detail-modal {
    position:fixed;
    inset:0;
    z-index:10001;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(0,0,0,.78);
}

.bibilgi-detail-modal.open {
    display:flex;
}

.bibilgi-detail-box {
    position:relative;
    width:min(760px,95vw);
    max-height:90vh;
    overflow:auto;
    padding:24px;
    border:1px solid #39314d;
    border-radius:18px;
    background:#11131d;
    box-shadow:0 20px 60px rgba(0,0,0,.55);
}

.bibilgi-detail-close {
    position:absolute;
    top:10px;
    right:12px;
    width:38px;
    height:38px;
    border:0;
    background:transparent;
    color:#aaa;
    font-size:28px;
    line-height:1;
    cursor:pointer;
}

.bibilgi-detail-user {
    display:flex;
    align-items:center;
    gap:10px;
    padding-right:42px;
}

.bibilgi-detail-box h2 {
    margin:18px 0 10px;
    color:#fff;
    font-size:22px;
}

.bibilgi-detail-text {
    color:#c2c5d1;
    line-height:1.65;
    white-space:pre-wrap;
}

.bibilgi-detail-loading {
    padding:40px 10px;
    color:#888da0;
    text-align:center;
}


.question-detail-card {
    position: relative;
}

.question-detail-category {
    position: absolute !important;
    top: 32px;
    right: 0;
    margin: 0 !important;
}


.question-detail-category {
    top: 40px !important;
    right: 0 !important;
}


#questionDate {
    right: 0 !important;
    width: 120px;
    text-align: center;
}

.question-detail-category {
    top: 40px !important;
    right: 0 !important;
    width: 120px;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
    margin: 0 !important;
}


#questionDate {
    right: 0 !important;
    width: auto !important;
    text-align: right !important;
}

.question-detail-category {
    top: 38px !important;
    right: 0 !important;
    width: auto !important;
    padding: 4px 8px !important;
    font-size: 10px !important;
    transform: translateX(0) !important;
}


#questionDate {
    right: 0 !important;
    width: 110px !important;
    text-align: center !important;
    font-size: 11px !important;
}

.question-detail-category {
    top: 38px !important;
    right: 20px !important;
    width: 70px !important;
    box-sizing: border-box;
    padding: 5px 8px !important;
    font-size: 11px !important;
    justify-content: center !important;
    text-align: center !important;
}


.question-detail-category {
    top: 150px !important;
    right: 0 !important;
    width: auto !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
    margin: 0 !important;
}


#questionCategory {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    margin: 10px 0 !important;
    padding: 11px 13px !important;
    border: 1px solid rgba(155, 70, 255, .65) !important;
    border-radius: 10px !important;
    background: #171522 !important;
    color: #fff !important;
    font-size: 14px !important;
    outline: none;
    cursor: pointer;
}


.question-card-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
}

.question-card-actions .action-divider {
    width: 1px;
    height: 16px;
    background: rgba(255,255,255,.12);
    flex-shrink: 0;
}

.question-card-actions button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}


.question-card-actions {
    display: grid !important;
    grid-template-columns: 1fr 1px 1fr !important;
    align-items: center !important;
    width: 100% !important;
    gap: 0 !important;
}

.question-card-actions > :first-child {
    justify-self: center !important;
}

.question-card-actions .action-divider {
    width: 1px !important;
    height: 18px !important;
    background: rgba(255,255,255,.14) !important;
}

.question-card-actions > :last-child {
    justify-self: center !important;
}


.profile-question-meta.question-card-actions {
    display: grid !important;
    grid-template-columns: 1fr 1px 1fr !important;
    align-items: center !important;
    justify-content: initial !important;
    width: 100% !important;
    gap: 0 !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
    padding-top: 14px !important;
}

.profile-question-meta.question-card-actions > :first-child {
    justify-self: center !important;
}

.profile-question-meta.question-card-actions .action-divider {
    width: 1px !important;
    height: 18px !important;
    background: rgba(255,255,255,.14) !important;
}

.profile-question-meta.question-card-actions > :last-child {
    justify-self: center !important;
}


.profile-question-meta.question-card-actions {
    display: grid !important;
    grid-template-columns: 1fr 1px 1fr !important;
    align-items: center !important;
    justify-content: initial !important;
    width: 100% !important;
    gap: 0 !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
    padding-top: 14px !important;
}

.profile-question-meta.question-card-actions > :first-child {
    justify-self: center !important;
}

.profile-question-meta.question-card-actions .action-divider {
    width: 1px !important;
    height: 18px !important;
    background: rgba(255,255,255,.14) !important;
}

.profile-question-meta.question-card-actions > :last-child {
    justify-self: center !important;
}


.question-card-actions button {
    color: #fff !important;
}

.question-card-actions button.liked {
    color: #8b3cff !important;
}


.question-card-actions {
    min-height: 34px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.question-card-actions .action-divider {
    height: 15px !important;
}


.question-card-actions {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.question-card-actions button {
    color: #fff !important;
}

.question-card-actions button.liked {
    color: #8b3cff !important;
}

.question-card-actions .action-divider {
    height: 16px !important;
}


.question-card-actions {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.question-card-actions button {
    color: #fff !important;
}

.question-card-actions button.liked {
    color: #8b3cff !important;
}

.question-card-actions .action-divider {
    height: 16px !important;
}


.question-card-actions {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
}

.question-card-actions button {
    color: #fff !important;
}

.question-card-actions .action-divider {
    height: 14px !important;
}


.question-card-actions button {
    font-size: 12px !important;
    line-height: 1 !important;
    color: #fff !important;
}

.question-card-actions button.liked {
    color: #8b3cff !important;
}


.question-like-button {
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

.question-like-icon {
    display: inline-flex !important;
    width: 16px !important;
    height: 16px !important;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 15px !important;
    font-family: Arial, sans-serif !important;
}


.question-like-icon {
    background: transparent !important;
    fill: none !important;
    stroke: #fff !important;
    stroke-width: 2 !important;
}

.question-like-button {
    background: transparent !important;
    color: #fff !important;
}

.question-like-button.liked .question-like-icon {
    fill: #fff !important;
    stroke: #fff !important;
}


.question-like-button,
.question-like-button span,
.question-like-button svg,
.question-like-button.liked,
.question-like-button.liked span,
.question-like-button.liked svg {
    color: #ffffff !important;
    fill: none !important;
    stroke: #ffffff !important;
}

.question-like-button.liked svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}


/* =========================================================
   BiSor HEADER - INDEX / PROFILE / XP ORTAK HİZALAMA
========================================================= */

header {
    position: relative !important;
    height: 90px !important;
    min-height: 90px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* LOGO ALANI */
header > .logo {
    width: 310px !important;
    height: 90px !important;
    min-width: 310px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
}

header > .logo .bisor-home-logo {
    display: flex !important;
    align-items: center !important;
    height: 90px !important;
}

/* ARAMA - HER SAYFADA TAM ORTA */
header > .search {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 520px !important;
    margin: 0 !important;
    z-index: 2 !important;
}

header > .search input {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* SAĞ MENÜ */
header > nav {
    margin-left: auto !important;
    height: 90px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-right: 28px !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 20 !important;
}

/* HEADER BUTONLARI */
header > nav > button {
    height: 42px !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

/* BİLDİRİM */
header > nav > #notificationsButton {
    min-width: 42px !important;
    padding: 0 11px !important;
}

/* MESAJLAR */
header > nav > #messagesButton {
    padding: 0 15px !important;
}

/* PROFİL / AVATAR */
header > nav > #profileButton {
    width: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border-radius: 50% !important;
}

header > nav > #profileButton.logged-out {
    width: auto !important;
    min-width: 110px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border-radius: 10px !important;
}

/* AVATAR İÇERİĞİ */
header .header-avatar-content {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* =========================================================
   PROFİL / XP SAYFASI HEADER'I INDEX İLE AYNI
========================================================= */

.profile-main,
.xp-main {
    position: relative;
}

/* =========================================================
   KÜÇÜK EKRAN
========================================================= */

@media (max-width: 1100px) {

    header > .logo {
        width: 240px !important;
        min-width: 240px !important;
    }

    header > .search {
        width: 400px !important;
    }

}

@media (max-width: 800px) {

    header {
        height: auto !important;
        min-height: 70px !important;
        flex-wrap: nowrap !important;
    }

    header > .logo {
        width: auto !important;
        min-width: 0 !important;
        flex-shrink: 1 !important;
    }

    header > .search {
        position: static !important;
        transform: none !important;
        width: auto !important;
        flex: 1 !important;
        margin: 0 10px !important;
    }

    header > nav {
        padding-right: 10px !important;
    }

}


/* HEADER LOGO - BİRAZ DAHA SOLA */
header > .logo {
    transform: translateX(-18px) !important;
}


/* HEADER LOGO - EKSTRA SOL */
header > .logo {
    transform: translateX(-28px) !important;
}


/* HEADER LOGO - SON RÖTUŞ */
header > .logo {
    transform: translateX(-36px) !important;
}


/* =========================================================
   HEADER KULLANICI ARAMA SONUÇLARI
========================================================= */

header .search {
    position: absolute !important;
}

.bisor-header-search-results {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 100%;
    max-height: 420px;
    overflow-y: auto;
    box-sizing: border-box;

    background: #0b0d18;
    border: 1px solid #292d3d;
    border-radius: 14px;

    box-shadow: 0 20px 50px rgba(0,0,0,.55);

    z-index: 99999;
    padding: 6px;
}

.bisor-search-user {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 11px;

    padding: 10px;
    border: 0;
    border-radius: 10px;

    background: transparent;
    color: white;

    text-align: left;
    cursor: pointer;
}

.bisor-search-user:hover {
    background: #171a27;
}

.bisor-search-avatar {
    width: 38px;
    height: 38px;
    min-width: 38px;

    border-radius: 50%;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #8b3cff;
    color: white;

    font-weight: 800;
}

.bisor-search-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bisor-search-user-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bisor-search-user-info strong {
    color: white;
    font-size: 14px;
}

.bisor-search-user-info small {
    color: #777c90;
    font-size: 12px;
}

.bisor-search-loading,
.bisor-search-empty {
    padding: 18px;
    color: #777c90;
    text-align: center;
    font-size: 13px;
}

.bisor-search-section-title {
    padding: 11px 10px 7px;
    margin-top: 3px;
    color: #c49cff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .7px;
    border-left: 3px solid #a865ff;
}

.bisor-search-question,
.bisor-search-bibilgi {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: white;
    text-align: left;
    cursor: pointer;
}

.bisor-search-question:hover,
.bisor-search-bibilgi:hover { background: #171a27; }
.bisor-search-question strong,
.bisor-search-bibilgi strong { font-size: 14px; line-height: 1.3; }
.bisor-search-question small,
.bisor-search-bibilgi small { color: #8f94a8; font-size: 11px; }


/* =========================================================
   HEADER BUTONLARI - PROFİL / XP TIKLAMA FIX
========================================================= */

header {
    position: sticky !important;
    z-index: 1000 !important;
}

header > .logo,
header > .search,
header > nav {
    position: relative;
    z-index: 1001 !important;
}

header > nav {
    pointer-events: auto !important;
}

header > nav > button {
    position: relative !important;
    z-index: 1002 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

#notificationsButton,
#messagesButton,
#profileButton {
    pointer-events: auto !important;
}


.layout aside a[href^="category.html"] {
    display: block;
    padding: 9px 11px;
    margin: 3px 0;
    border-radius: 10px;
    text-decoration: none;
    color: #bfc2ce;
    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(255,255,255,0.035);
    transition: background .15s ease, border-color .15s ease;
}

.layout aside a[href^="category.html"]:hover {
    background: rgba(255,255,255,0.055);
    border-color: rgba(255,255,255,0.07);
    color: #fff;
}


/* Cevap profil fotoğrafı */
.question-answer-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}


.question-answer-user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

.question-answer-meta {
    display: flex;
    align-items: center;
    gap: 8px;
}

.question-answer-meta small {
    line-height: 1;
}

.question-answer-time {
    margin-left: auto;
    white-space: nowrap;
    color: #7f8599;
    font-size: 11px;
}


/* Cevap kullanıcı bilgisi hizalama */
.question-answer-user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.question-answer-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.question-answer-meta small {
    display: block;
    line-height: 16px;
    margin: 0;
}


/* İsim ve username birbirine yakın */
.question-answer-user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
}

.question-answer-user-info strong {
    line-height: 18px;
}

.question-answer-meta {
    display: flex;
    align-items: center;
    gap: 14px;
    width: auto;
}

.question-answer-meta small {
    line-height: 16px;
    margin: 0;
}


/* Cevap kullanıcı bilgisi: isim + level aynı satır */
.question-answer-user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
}

.question-answer-user-info > strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 18px;
}

.question-answer-meta {
    display: flex;
    align-items: center;
    gap: 0;
}

.question-answer-meta small {
    line-height: 16px;
}

.question-answer-user-info > strong::after {
    content: '';
}


/* Cevap kullanıcı bilgisi düzeni */
.question-answer-user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.question-answer-name-row {
    display: flex;
    align-items: center;
    gap: 7px;
    line-height: 18px;
}

.question-answer-name-row strong {
    color: #fff;
    font-size: 14px;
}

.question-answer-user-info > small {
    color: #7f8599;
    font-size: 12px;
    line-height: 15px;
}

.question-answer-meta {
    display: contents;
}


/* =========================
   CEVAP KARTI — KULLANICI HİZASI
========================= */

.question-answer-user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    justify-content: center;
}

.question-answer-name-row {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
}

.question-answer-name-row strong {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    line-height: 18px;
    font-size: 14px;
}

.question-answer-user-info > small {
    display: block;
    margin: 0;
    padding: 0;
    color: #7f8599;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
}

.question-answer-meta {
    display: contents;
}

/* Avatar ile kullanıcı yazılarının dikey hizası */
.question-answer-user {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Cevap avatarı sabit */
.question-answer-avatar {
    width: 38px;
    height: 38px;
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
    overflow: hidden;
    border-radius: 50%;
}

.question-answer-avatar img {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}


/* =========================
   SORU SAHİBİ — CEVAP KARTIYLA AYNI HİZA
========================= */

.question-detail-user > div:last-child {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: center !important;
    column-gap: 2px !important;
    row-gap: 0 !important;
}

/* İsim */
.question-detail-user > div:last-child > #questionUserName {
    order: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 18px !important;
}

/* Doğrulama rozeti */
.question-detail-user > div:last-child > #questionVerified {
    order: 2 !important;
}

/* Username — tam alt satır */
.question-detail-user > div:last-child > #questionUserUsername {
    order: 10 !important;
    flex-basis: 100% !important;
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 15px !important;
    line-height: 15px !important;
}

/* Soru avatarı sabit ve düzgün */
.question-detail-avatar {
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.question-detail-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 50% !important;
}


/* =========================
   ANA SAYFA — SORU SAHİBİ
   CEVAP KARTIYLA AYNI HİZA
========================= */

.homepage-question-user {
    position: relative;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 38px;
    margin-bottom: 14px;
}

/* Avatar — cevap kartıyla aynı */
.homepage-question-avatar {
    width: 38px;
    height: 38px;
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
    overflow: hidden;
    border-radius: 50%;
    background: #242039;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homepage-question-avatar img {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

/* İsim + level alanı */
.homepage-question-user-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 0 !important;
    min-width: 0;
}

/* İsim + Lv aynı satır */
.homepage-question-name-row {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
}

.homepage-question-name-row b {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}

/* Username — isme yakın */
.homepage-question-user-info > small {
    display: block;
    height: 14px;
    margin: 0;
    padding: 0;
    color: #7f8599;
    font-size: 12px;
    line-height: 14px;
}

/* Zaman — sağ üst */
.homepage-question-time {
    position: absolute;
    top: 2px;
    right: 0;
    margin: 0 !important;
    padding: 0;
    color: #70778c;
    font-size: 11px;
    line-height: 14px;
    white-space: nowrap;
}

/* Kart başlığı tıklanabilir */
.question h3 {
    cursor: pointer;
}

.question h3:hover {
    text-decoration: underline;
}



/* =========================================================
   SOL MENÜ — MOR KART / ORTALI TASARIM
========================================================= */

.layout > aside:first-child a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    min-height: 42px;
    padding: 10px 12px;
    margin: 5px 0;

    border: 1px solid transparent;
    border-radius: 10px;

    color: #a7abbc;
    text-decoration: none;

    background: transparent;

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

/* Mor efekt */
.layout > aside:first-child a:hover,
.layout > aside:first-child a.active {
    color: #fff !important;

    background:
        linear-gradient(
            90deg,
            rgba(139,60,255,.13),
            rgba(139,60,255,.06),
            rgba(139,60,255,.13)
        );

    border-color: rgba(139,60,255,.30);

    box-shadow:
        inset 2px 0 0 rgba(139,60,255,.85),
        inset -2px 0 0 rgba(139,60,255,.85),
        0 0 14px rgba(139,60,255,.08);
}

/* Aktif menü biraz daha güçlü */
.layout > aside:first-child a.active {
    background:
        linear-gradient(
            90deg,
            rgba(139,60,255,.22),
            rgba(139,60,255,.10),
            rgba(139,60,255,.22)
        );

    border-color: rgba(139,60,255,.45);

    box-shadow:
        inset 3px 0 0 #a64cff,
        inset -3px 0 0 #a64cff,
        0 0 18px rgba(139,60,255,.12);
}

/* Hover'da hafif hareket */
.layout > aside:first-child a:hover {
    transform: translateY(-1px);
}

/* Kategori başlıkları */
.layout > aside:first-child h5 {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    letter-spacing: .5px;
}

/* Alt profil alanı ortalı */
.layout > aside:first-child .me {
    text-align: center;
}

/* Menü ikon + yazı tek satırda düzgün ortalansın */
.layout > aside:first-child a {
    white-space: nowrap;
}


/* =========================================================
   SOL MENÜ — MOR KART / ORTALI TASARIM
========================================================= */

.layout > aside:first-child a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    min-height: 42px;
    padding: 10px 12px;
    margin: 5px 0;

    border: 1px solid transparent;
    border-radius: 10px;

    color: #a7abbc;
    text-decoration: none;

    background: transparent;

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

/* Mor efekt */
.layout > aside:first-child a:hover,
.layout > aside:first-child a.active {
    color: #fff !important;

    background:
        linear-gradient(
            90deg,
            rgba(139,60,255,.13),
            rgba(139,60,255,.06),
            rgba(139,60,255,.13)
        );

    border-color: rgba(139,60,255,.30);

    box-shadow:
        inset 2px 0 0 rgba(139,60,255,.85),
        inset -2px 0 0 rgba(139,60,255,.85),
        0 0 14px rgba(139,60,255,.08);
}

/* Aktif menü biraz daha güçlü */
.layout > aside:first-child a.active {
    background:
        linear-gradient(
            90deg,
            rgba(139,60,255,.22),
            rgba(139,60,255,.10),
            rgba(139,60,255,.22)
        );

    border-color: rgba(139,60,255,.45);

    box-shadow:
        inset 3px 0 0 #a64cff,
        inset -3px 0 0 #a64cff,
        0 0 18px rgba(139,60,255,.12);
}

/* Hover'da hafif hareket */
.layout > aside:first-child a:hover {
    transform: translateY(-1px);
}

/* Kategori başlıkları */
.layout > aside:first-child h5 {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    letter-spacing: .5px;
}

/* Alt profil alanı ortalı */
.layout > aside:first-child .me {
    text-align: center;
}

/* Menü ikon + yazı tek satırda düzgün ortalansın */
.layout > aside:first-child a {
    white-space: nowrap;
}


/* SOL MENÜ — YAZILAR SOLA HİZALI */
.layout > aside:first-child a {
    justify-content: flex-start !important;
    text-align: left !important;
    padding-left: 14px !important;
}

/* MOR EFEKT SABİT */
.layout > aside:first-child a {
    background:
        linear-gradient(
            90deg,
            rgba(139,60,255,.14),
            rgba(139,60,255,.06),
            rgba(139,60,255,.14)
        ) !important;

    border-color: rgba(139,60,255,.28) !important;

    box-shadow:
        inset 2px 0 0 rgba(139,60,255,.75),
        inset -2px 0 0 rgba(139,60,255,.55),
        0 0 12px rgba(139,60,255,.06) !important;
}

/* AKTİF ANA SAYFA DAHA BELİRGİN */
.layout > aside:first-child a.active {
    background:
        linear-gradient(
            90deg,
            rgba(139,60,255,.23),
            rgba(139,60,255,.10),
            rgba(139,60,255,.23)
        ) !important;

    border-color: rgba(139,60,255,.45) !important;

    box-shadow:
        inset 3px 0 0 #a64cff,
        inset -3px 0 0 #a64cff,
        0 0 16px rgba(139,60,255,.12) !important;
}


/* Kapak parlaklığı sabit */
#profileCover::after {
    pointer-events: none !important;
}


/* =========================================================
   KURUCU BISOR KAPAĞI
   Diğer üyelerin kapaklarına dokunmaz.
========================================================= */

.profile-cover.bisor-founder-cover {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #0d101b !important;
}



/* =========================
   KUPA
========================= */

.hof-visual {
    height: 145px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.hof-cup-wrap {
    position: relative;
    width: 150px;
    height: 140px;

    filter:
        drop-shadow(0 0 8px rgba(139,60,255,.65))
        drop-shadow(0 0 12px rgba(255,190,50,.15));
}


/* KRAL TAC */

.hof-crown {
    position: absolute;
    z-index: 8;

    left: 50%;
    top: 0;

    width: 68px;
    height: 38px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            145deg,
            #fff1a3,
            #ffc52d 35%,
            #d9860e 75%,
            #8a4804
        );

    clip-path: polygon(
        0 100%,
        9% 35%,
        27% 62%,
        50% 0,
        73% 62%,
        91% 35%,
        100% 100%
    );

    box-shadow:
        0 0 7px rgba(255,190,40,.8);
}

.hof-crown-gem {
    position: absolute;

    left: 50%;
    top: 10px;

    width: 10px;
    height: 10px;

    transform:
        translateX(-50%)
        rotate(45deg);

    background:
        linear-gradient(
            135deg,
            #fff,
            #c66cff 42%,
            #7018c9
        );

    border: 1px solid #efcaff;

    box-shadow:
        0 0 9px rgba(180,70,255,.95);
}


/* KULPLAR */

.hof-handle {
    position: absolute;
    z-index: 1;

    top: 42px;

    width: 43px;
    height: 57px;

    border: 7px solid #9c4cff;
    border-radius: 50%;

    box-shadow:
        0 0 9px rgba(139,60,255,.75);
}

.hof-handle-left {
    left: 1px;
}

.hof-handle-right {
    right: 1px;
}


/* KUPA */

.hof-cup {
    position: absolute;
    z-index: 4;

    left: 25px;
    top: 32px;

    width: 100px;
    height: 76px;

    border: 3px solid #e6a82d;

    border-radius:
        10px
        10px
        42px
        42px;

    background:
        linear-gradient(
            90deg,
            #300b52 0%,
            #57108b 18%,
            #8626ca 40%,
            #9f35e8 52%,
            #741cb7 72%,
            #3c0b68 100%
        );

    box-shadow:
        inset 8px 0 13px rgba(255,255,255,.08),
        inset -10px 0 15px rgba(20,0,40,.45),
        0 0 13px rgba(139,60,255,.60);
}


/* TEK MOR ELMAS */

.hof-main-diamond {
    position: absolute;

    left: 50%;
    top: 12px;

    width: 18px;
    height: 18px;

    transform:
        translateX(-50%)
        rotate(45deg);

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #dc8aff 35%,
            #8a28df 68%,
            #481078 100%
        );

    border: 1px solid #f0caff;

    box-shadow:
        0 0 12px rgba(185,70,255,.95);
}


/* KALKAN + YILDIZ */

.hof-shield {
    position: absolute;

    left: 50%;
    top: 31px;

    width: 43px;
    height: 47px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            145deg,
            #6e1eb4,
            #25083e
        );

    border: 3px solid #dfa32c;

    clip-path: polygon(
        50% 0,
        100% 15%,
        91% 70%,
        50% 100%,
        9% 70%,
        0 15%
    );
}

.hof-shield span {
    position: absolute;

    left: 50%;
    top: 19px;

    transform: translateX(-50%);

    color: #ffd34b;

    font-size: 18px;

    text-shadow:
        0 0 8px rgba(255,196,54,.8);
}


/* AYAK */

.hof-stem {
    position: absolute;
    z-index: 3;

    left: 65px;
    top: 105px;

    width: 20px;
    height: 20px;

    background:
        linear-gradient(
            90deg,
            #501080,
            #9b37df,
            #501080
        );

    border-left: 3px solid #d99b28;
    border-right: 3px solid #d99b28;
}

.hof-base {
    position: absolute;
    z-index: 4;

    left: 50%;
    bottom: 0;

    width: 63px;
    height: 15px;

    transform: translateX(-50%);

    border: 2px solid #dda22c;

    border-radius: 4px 4px 8px 8px;

    background:
        linear-gradient(
            180deg,
            #9130d1,
            #390967
        );

    box-shadow:
        0 0 8px rgba(139,60,255,.5);
}


/* =========================
   HALL OF FAME
========================= */

.hof-title-box {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    min-height: 42px;

    margin-top: 3px;

    border: 1px solid #bd771b;

    border-radius: 7px;

    background:
        linear-gradient(
            180deg,
            #32105b,
            #160522 55%,
            #0c0314
        );

    box-shadow:
        inset 0 0 15px rgba(139,60,255,.25),
        0 0 12px rgba(255,181,40,.15);
}

.hof-title-box strong {
    color: #ffd044;

    font-size: 18px;
    font-weight: 950;

    letter-spacing: 1px;

    text-shadow:
        0 0 4px rgba(255,215,75,.95),
        0 0 10px rgba(255,173,31,.70),
        0 2px 2px #4c1900;
}

.hof-title-diamond {
    color: #c76aff;

    font-size: 9px;

    text-shadow:
        0 0 8px rgba(185,70,255,.95);
}


/* =========================
   SAYAÇ
========================= */

.hof-countdown {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    margin-top: 9px;

    overflow: hidden;

    border: 1px solid #b97920;

    border-radius: 8px;

    background:
        linear-gradient(
            180deg,
            #12091b,
            #08040d
        );

    box-shadow:
        inset 0 0 12px rgba(139,60,255,.16);
}

.hof-count {
    padding: 7px 2px 6px;

    text-align: center;

    border-right:
        1px solid rgba(191,124,35,.42);
}

.hof-count:last-child {
    border-right: 0;
}


/* BEYAZ RAKAMLAR */

.hof-count strong {
    display: block;

    color: #ffffff;

    font-size: 18px;
    line-height: 20px;

    font-weight: 950;

    font-variant-numeric:
        tabular-nums;

    text-shadow:
        0 0 5px rgba(255,255,255,.8),
        0 0 10px rgba(255,255,255,.25);
}

.hof-count small {
    display: block;

    margin-top: 2px;

    color: #ffffff;

    font-size: 7px;
    line-height: 8px;

    font-weight: 900;

    letter-spacing: .3px;

    text-shadow:
        0 0 5px rgba(255,255,255,.45);
}


/* =========================
   SIRALAMA
========================= */

.hall-of-fame-list {
    margin-top: 10px;

    display: flex;
    flex-direction: column;

    gap: 5px;
}

.hall-of-fame-user {
    display: flex;
    align-items: center;

    gap: 8px;

    padding: 7px 6px;

    border-radius: 9px;

    transition: background .15s ease;
}

.hall-of-fame-user:hover {
    background: rgba(139,60,255,.09);
}

.hall-of-fame-rank {
    width: 21px;
    min-width: 21px;

    text-align: center;

    color: #858b9d;

    font-size: 11px;
    font-weight: 900;
}

.hall-of-fame-avatar {
    width: 32px;
    height: 32px;

    min-width: 32px;

    border-radius: 50%;

    object-fit: cover;

    background: #151722;

    border: 1px solid #292d3d;
}

.hall-of-fame-avatar-fallback {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    min-width: 32px;

    border-radius: 50%;

    background: #171022;

    color: #c070ff;

    font-size: 13px;
    font-weight: 900;
}

.hall-of-fame-info {
    min-width: 0;
    flex: 1;
}

.hall-of-fame-name {
    color: #fff;

    font-size: 12px;
    font-weight: 750;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hall-of-fame-level {
    margin-top: 1px;

    color: #858b9d;

    font-size: 9px;
}

.hall-of-fame-xp {
    color: #b86cff;

    font-size: 10px;
    font-weight: 900;

    white-space: nowrap;
}

.hall-of-fame-user:nth-child(1) .hall-of-fame-rank {
    color: #ffd044;

    text-shadow:
        0 0 7px rgba(255,194,44,.8);
}

.hall-of-fame-user:nth-child(2) .hall-of-fame-rank {
    color: #d8dce6;
}

.hall-of-fame-user:nth-child(3) .hall-of-fame-rank {
    color: #d9986c;
}

.hall-of-fame-empty,
.hall-of-fame-loading {
    padding: 9px 4px;

    color: #858b9d;

    font-size: 11px;

    line-height: 1.4;
}

/* =========================================
   HALL OF FAME — PREMIUM SVG
========================================= */

.hall-of-fame-card {
    position: relative;
    overflow: hidden;
    padding: 14px 10px 12px;
    border: 1px solid rgba(139,60,255,.42);
    border-radius: 16px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(139,60,255,.18),
            transparent 48%
        ),
        linear-gradient(
            180deg,
            #151022 0%,
            #0b0c14 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 12px 35px rgba(0,0,0,.22);
}

/* ÜST KISIM */

.hof-header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hof-emblem {
    width: 112px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -3px;
    margin-bottom: -2px;
    filter:
        drop-shadow(0 0 8px rgba(139,60,255,.45))
        drop-shadow(0 7px 14px rgba(0,0,0,.45));
}

.hof-emblem svg {
    width: 100%;
    height: 100%;
    display: block;
}

.hof-title {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 5px 7px;
    text-align: center;
    border: 1px solid #9a5a00;
    border-radius: 8px;
    background:
        linear-gradient(
            180deg,
            #301052 0%,
            #170b29 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 12px rgba(139,60,255,.12);
}

.hof-title span {
    display: block;
    color: #ffd34d;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-shadow:
        0 0 5px rgba(255,204,67,.75),
        0 0 12px rgba(255,165,0,.35);
}

.hof-title small {
    display: none;
}

/* GERİ SAYIM BAŞLIĞI */

.hof-countdown-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 10px 0 7px;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .25px;
}

.hof-countdown-title span {
    color: #fff;
    font-size: 11px;
}

/* SAYAÇ */

.hof-countdown {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
    border: 1px solid #a56808;
    border-radius: 9px;
    background: #090a10;
    box-shadow:
        0 0 8px rgba(255,180,0,.08),
        inset 0 0 12px rgba(139,60,255,.06);
}

.hof-time {
    min-width: 0;
    padding: 7px 2px 6px;
    text-align: center;
    border-right: 1px solid rgba(139,60,255,.5);
}

.hof-time:last-child {
    border-right: 0;
}

.hof-time strong {
    display: block;
    color: #fff;
    font-size: 17px;
    line-height: 18px;
    font-weight: 900;
    letter-spacing: -.4px;
}

.hof-time small {
    display: block;
    margin-top: 3px;
    color: #fff;
    font-size: 7px;
    font-weight: 800;
    opacity: .92;
}

/* LİSTE */

.hall-of-fame-list {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.hall-of-fame-user {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 6px;
    border-radius: 9px;
    transition: background .15s ease;
}

.hall-of-fame-user:hover {
    background: rgba(139,60,255,.08);
}

.hall-of-fame-rank {
    width: 20px;
    min-width: 20px;
    text-align: center;
    color: #858b9d;
    font-size: 11px;
    font-weight: 900;
}

.hall-of-fame-avatar {
    width: 31px;
    height: 31px;
    min-width: 31px;
    border-radius: 50%;
    object-fit: cover;
    background: #151722;
    border: 1px solid #39265c;
}

.hall-of-fame-avatar-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    min-width: 31px;
    border-radius: 50%;
    background: #171227;
    color: #c69cff;
    font-size: 12px;
    font-weight: 900;
}

.hall-of-fame-info {
    min-width: 0;
    flex: 1;
}

.hall-of-fame-name {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hall-of-fame-level {
    margin-top: 1px;
    color: #858b9d;
    font-size: 9px;
}

.hall-of-fame-xp {
    color: #c69cff;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.hall-of-fame-user:nth-child(1) .hall-of-fame-rank {
    color: #ffd34d;
}

.hall-of-fame-user:nth-child(2) .hall-of-fame-rank {
    color: #d8dce5;
}

.hall-of-fame-user:nth-child(3) .hall-of-fame-rank {
    color: #d49362;
}

.hall-of-fame-empty,
.hall-of-fame-loading {
    padding: 8px 4px;
    color: #858b9d;
    font-size: 10px;
    line-height: 1.45;
}

/* =========================================
   HALL OF FAME — 10 KİŞİLİK PANEL
========================================= */

.hall-of-fame-card {
    min-height: 720px;
    box-sizing: border-box;
}

.hof-visual {
    min-height: 125px;
}

.hof-emblem {
    width: 108px;
    height: 108px;
}

.hof-title {
    margin-top: 2px;
}

.hof-countdown-title {
    margin-top: 12px;
}

.hall-of-fame-list {
    margin-top: 12px;
    gap: 4px;
}

.hall-of-fame-user {
    min-height: 50px;
    box-sizing: border-box;
    padding: 7px 6px;
}

.hall-of-fame-avatar,
.hall-of-fame-avatar-fallback {
    width: 34px;
    height: 34px;
    min-width: 34px;
}

.hall-of-fame-name {
    font-size: 12px;
}

.hall-of-fame-xp {
    font-size: 11px;
}

/* Sağ panelde HOF tek başına kalsın */
.right > .hall-of-fame-card {
    width: 100%;
}


/* =========================================
   HALL OF FAME — PREMIUM FINAL
========================================= */

.hall-of-fame-card {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: 12px 10px 14px;
    border-radius: 16px;
    border: 1px solid rgba(139, 60, 255, .45);

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(139, 60, 255, .22),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #160b24 0%,
            #0b0d18 100%
        );

    box-shadow:
        0 0 25px rgba(139, 60, 255, .08),
        inset 0 0 35px rgba(139, 60, 255, .035);
}


/* KUPA / SVG */

.hof-premium-logo {
    width: 100%;
    height: 150px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 2px;

    overflow: hidden;
}

.hof-premium-logo img {
    width: 225px;
    height: 145px;

    object-fit: contain;

    display: block;

    filter:
        drop-shadow(0 0 8px rgba(139, 60, 255, .65))
        drop-shadow(0 0 18px rgba(139, 60, 255, .22));
}


/* HALL OF FAME BAŞLIK */

.hof-main-title {
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    margin: 0 2px 12px;

    border: 1px solid #a66cff;
    border-radius: 9px;

    background:
        linear-gradient(
            180deg,
            #261040 0%,
            #11051d 100%
        );

    color: #ffd34d;

    font-size: 17px;
    font-weight: 900;
    letter-spacing: .8px;

    text-shadow:
        0 0 5px rgba(255, 205, 65, .95),
        0 0 12px rgba(255, 174, 0, .65);

    box-shadow:
        0 0 10px rgba(139, 60, 255, .25),
        inset 0 0 15px rgba(139, 60, 255, .12);
}

.hof-main-title span {
    color: #c88cff;
    font-size: 11px;

    text-shadow:
        0 0 8px rgba(190, 120, 255, .9);
}


/* GERİ SAYIM BAŞLIĞI */

.hof-countdown-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin: 2px 0 8px;

    color: #fff;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .35px;

    text-shadow:
        0 0 6px rgba(255,255,255,.45);
}

.hof-countdown-label span {
    font-size: 12px;
}


/* SAYAÇ */

.hof-countdown {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    margin: 0 2px 14px;

    overflow: hidden;

    border: 1px solid #b278ff;
    border-radius: 9px;

    background: #0d0a17;

    box-shadow:
        0 0 10px rgba(139,60,255,.16);
}

.hof-count-box {
    min-width: 0;
    min-height: 57px;
    box-sizing: border-box;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 4px 2px 13px;

    border-right: 1px solid rgba(139,60,255,.5);
}

.hof-count-box:last-child {
    border-right: 0;
}

.hof-count-box strong {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;

    font-size: 18px;
    line-height: 20px;
    font-weight: 900;

    text-shadow:
        0 0 7px rgba(255,255,255,.65);
}

.hof-count-box small {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 4px;

    color: #fff;

    font-size: 7px;
    line-height: 8px;
    font-weight: 800;
}


/* 10 KİŞİLİK LİSTE */

.hall-of-fame-list {
    display: flex;
    flex-direction: column;

    gap: 5px;

    max-height: none;

    overflow: visible;
}


/* KULLANICI SATIRI */

.hof-user-row {
    min-height: 46px;

    display: flex;
    align-items: center;

    gap: 8px;

    padding: 6px 7px;

    box-sizing: border-box;

    background: transparent;
    border: none;
    border-radius: 0;

    transition: background .15s ease;
}

.hof-user-row:hover {
    background: rgba(139,60,255,.06);
}


/* SIRA */

.hof-rank {
    width: 21px;
    min-width: 21px;

    text-align: center;

    color: #aab0c0;

    font-size: 12px;
    font-weight: 900;
}

.hof-rank-1 .hof-rank {
    color: #ffd34d;

    text-shadow:
        0 0 7px rgba(255,211,77,.75);
}

.hof-rank-2 .hof-rank {
    color: #d9deea;
}

.hof-rank-3 .hof-rank {
    color: #d99662;
}


/* AVATAR */

.hof-user-avatar-wrap {
    width: 34px;
    height: 34px;
    min-width: 34px;

    position: relative;
}

.hof-user-avatar {
    width: 34px;
    height: 34px;

    display: block;

    border-radius: 50%;

    object-fit: cover;

    border: 1px solid rgba(167,139,250,.45);

    background: #151722;
}

.hof-avatar-fallback {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            #7c3aed,
            #24103b
        );

    color: #fff;

    font-size: 13px;
    font-weight: 900;

    border: 1px solid rgba(167,139,250,.45);
}


/* KULLANICI BİLGİSİ */

.hof-user-info {
    min-width: 0;
    flex: 1;
}

.hof-user-name {
    overflow: hidden;

    color: #fff;

    font-size: 12px;
    font-weight: 800;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.hof-user-username {
    margin-top: 1px;

    overflow: hidden;

    color: #777e91;

    font-size: 9px;

    white-space: nowrap;
    text-overflow: ellipsis;
}


/* XP */

.hof-user-stats {
    min-width: 57px;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.hof-user-stats strong {
    color: #fff;

    font-size: 10px;
    font-weight: 900;

    white-space: nowrap;

    text-shadow:
        0 0 5px rgba(255,255,255,.25);
}

.hof-user-stats small {
    margin-top: 1px;

    color: #a78bfa;

    font-size: 8px;
    font-weight: 700;

    white-space: nowrap;
}


/* BOŞ / YÜKLENİYOR */

.hall-of-fame-empty,
.hall-of-fame-loading {
    padding: 12px 5px;

    color: #858b9d;

    text-align: center;

    font-size: 11px;
    line-height: 1.5;
}


/* SAĞ PANELDE 10 KİŞİ RAHAT SIĞSIN */

.right .hall-of-fame-card {
    min-height: 700px;
}


/* =========================================
   HALL OF FAME — BÜYÜK MOR KRAL TACI
========================================= */

.hof-hall-crown {
    position: relative;
    width: 150px;
    height: 105px;
    margin: 0 auto;
    transform: translateY(4px);

    background:
        linear-gradient(
            145deg,
            #f5d9ff 0%,
            #c96cff 18%,
            #8b25e8 42%,
            #5710a5 70%,
            #26004d 100%
        );

    clip-path: polygon(
        0% 78%,
        10% 18%,
        28% 54%,
        50% 0%,
        72% 54%,
        90% 18%,
        100% 78%,
        92% 100%,
        8% 100%
    );

    filter:
        drop-shadow(0 0 7px rgba(184,72,255,.95))
        drop-shadow(0 0 18px rgba(139,60,255,.75))
        drop-shadow(0 0 34px rgba(139,60,255,.35));
}

/* Tacın alt bandı */
.hof-hall-crown::after {
    content: "";
    position: absolute;
    left: 7%;
    right: 7%;
    bottom: 5px;
    height: 20px;

    background:
        linear-gradient(
            180deg,
            #d88aff,
            #7b19cf 45%,
            #3b0874
        );

    border-radius: 4px 4px 13px 13px;

    box-shadow:
        inset 0 2px 2px rgba(255,255,255,.45),
        0 0 12px rgba(168,66,255,.8);
}

/* Ortadaki mor elmas */
.hof-hall-crown-gem {
    position: absolute;
    z-index: 5;

    left: 50%;
    top: 30px;

    width: 28px;
    height: 28px;

    transform:
        translateX(-50%)
        rotate(45deg);

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #e8a8ff 25%,
            #a83cff 55%,
            #6412c5 100%
        );

    border: 2px solid #f2d6ff;

    box-shadow:
        0 0 7px #fff,
        0 0 16px rgba(198,92,255,1),
        0 0 30px rgba(139,60,255,.9);
}

/* Elmas parlaması */
.hof-hall-crown-shine {
    position: absolute;
    z-index: 7;

    left: 50%;
    top: 27px;

    width: 5px;
    height: 5px;

    transform: translateX(-50%);

    background: #fff;
    border-radius: 50%;

    box-shadow:
        0 0 5px #fff,
        0 0 12px #fff,
        0 0 20px #c66cff;
}

/* Taç noktalarındaki ışık */
.hof-hall-crown::before {
    content: "✦     ✦";
    position: absolute;
    z-index: 9;

    top: 6px;
    left: 50%;

    width: 125px;

    transform: translateX(-50%);

    color: rgba(255,255,255,.9);
    font-size: 13px;
    letter-spacing: 38px;
    white-space: nowrap;

    text-shadow:
        0 0 5px #fff,
        0 0 12px #c66cff;
}



/* =========================================
   HOF — GERÇEK MOR KRAL TACI
========================================= */

#hallOfFame .hof-real-crown {
    width: 100%;
    height: 70px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

#hallOfFame .hof-real-crown .hof-crown {
    position: relative;
    left: auto;
    top: 4px;

    width: 68px;
    height: 38px;

    transform: scale(1.55);
    transform-origin: top center;

    z-index: 10;
}

#hallOfFame .hof-real-crown .hof-crown-gem {
    position: absolute;
    z-index: 11;
}

#hallOfFame .hof-main-title {
    position: relative;
    z-index: 5;
}


/* =====================================================
   HALL OF FAME — MOR KRAL TACI
   Mevcut hof-crown kullanılır.
===================================================== */

#hallOfFame .hof-real-crown {
    width: 100%;
    height: 78px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

#hallOfFame .hof-real-crown .hof-crown {
    position: relative !important;
    left: auto !important;
    top: 4px !important;

    width: 68px !important;
    height: 38px !important;

    transform: scale(1.65) !important;
    transform-origin: center top;

    background:
        linear-gradient(
            145deg,
            #f4d9ff 0%,
            #d06cff 18%,
            #9b32f5 42%,
            #6814bd 70%,
            #30005e 100%
        ) !important;

    box-shadow:
        0 0 6px rgba(214,112,255,.95),
        0 0 16px rgba(161,52,255,.9),
        0 0 30px rgba(139,60,255,.55),
        0 0 45px rgba(139,60,255,.25) !important;

    filter:
        drop-shadow(0 0 5px rgba(217,117,255,.9))
        drop-shadow(0 0 14px rgba(139,60,255,.8));
}

#hallOfFame .hof-real-crown .hof-crown-gem {
    width: 12px !important;
    height: 12px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #e7b8ff 25%,
            #b94dff 55%,
            #7115d0 100%
        ) !important;

    border: 1px solid #f5ddff !important;

    box-shadow:
        0 0 5px #fff,
        0 0 12px rgba(213,91,255,.95),
        0 0 22px rgba(139,60,255,.9) !important;
}

#hallOfFame .hof-main-title {
    position: relative;
    z-index: 5;
}


/* =========================================
   HALL OF FAME — GERÇEKÇİ ALTIN KRAL TACI
========================================= */

#hallOfFame .hof-real-crown .hof-crown {
    background:
        linear-gradient(
            135deg,
            #fff8c7 0%,
            #ffd95a 12%,
            #f5a900 28%,
            #ffe98a 43%,
            #c87500 58%,
            #ffcf3f 73%,
            #8f4a00 88%,
            #ffd95a 100%
        ) !important;

    box-shadow:
        inset 3px 3px 5px rgba(255,255,255,.75),
        inset -4px -5px 7px rgba(87,35,0,.55),
        0 0 6px rgba(255,205,60,.95),
        0 0 15px rgba(255,180,30,.75),
        0 0 28px rgba(255,160,0,.38) !important;

    border: 1px solid rgba(255,235,150,.9);

    filter:
        drop-shadow(0 2px 2px rgba(0,0,0,.55))
        drop-shadow(0 0 9px rgba(255,190,40,.8));
}

/* Tacın elması */
#hallOfFame .hof-real-crown .hof-crown-gem {
    width: 12px !important;
    height: 12px !important;

    background:
        radial-gradient(
            circle at 30% 25%,
            #ffffff 0%,
            #fff5ff 18%,
            #d98cff 38%,
            #8c28d9 68%,
            #3b086d 100%
        ) !important;

    border: 1px solid #fff0ff !important;

    box-shadow:
        0 0 4px #fff,
        0 0 10px rgba(215,110,255,.95),
        0 0 18px rgba(145,45,220,.8) !important;
}

/* Küçük metalik parlama */
#hallOfFame .hof-real-crown .hof-crown::after {
    content: "";
    position: absolute;
    left: 13%;
    top: 9%;
    width: 23%;
    height: 48%;

    background: linear-gradient(
        110deg,
        rgba(255,255,255,.75),
        rgba(255,255,255,.08)
    );

    border-radius: 50%;
    transform: rotate(18deg);
    pointer-events: none;
}


/* =========================================
   HALL OF FAME — 10 KULLANICI
========================================= */

.hall-of-fame-card {
    min-height: 760px !important;
    height: auto !important;
    box-sizing: border-box;
}

.hall-of-fame-list {
    margin-top: 12px !important;
    gap: 4px !important;
}

.hall-of-fame-user {
    min-height: 58px !important;
    height: 58px !important;
    box-sizing: border-box !important;
    padding: 8px 6px !important;
}

/* Avatar */
.hall-of-fame-avatar,
.hall-of-fame-avatar-fallback {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
}

/* İsim */
.hall-of-fame-name {
    font-size: 13px !important;
}

/* Seviye */
.hall-of-fame-level {
    font-size: 10px !important;
}

/* XP */
.hall-of-fame-xp {
    font-size: 11px !important;
    white-space: nowrap;
}


/* =========================================
   HALL OF FAME — 10 KİŞİ TAM SIĞSIN
========================================= */

#hallOfFame {
    min-height: 850px !important;
    height: auto !important;
    overflow: hidden !important;
}

#hallOfFame .hall-of-fame-list {
    margin-top: 12px !important;
    gap: 5px !important;
}

#hallOfFame .hall-of-fame-user {
    min-height: 62px !important;
    height: 62px !important;
    box-sizing: border-box !important;
    padding: 8px 7px !important;
    cursor: pointer !important;
}

#hallOfFame .hall-of-fame-user:hover {
    background: rgba(139, 60, 255, .10) !important;
}


/* =========================================================
   SORU GÖRSELİ - 16:9 YATAY
========================================================= */

.question-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    max-height: 420px;
    margin: 12px 0;
    border-radius: 12px;
    overflow: hidden;
    background: #f3f3f3;
}

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


/* SORU KATEGORİ SEÇİCİ */
#questionCategory {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
    padding: 11px 13px;
    border: 1px solid rgba(155, 70, 255, .65);
    border-radius: 10px;
    background: #171522;
    color: #fff;
    font-size: 14px;
    outline: none;
    cursor: pointer;
}

#questionCategory:focus {
    border-color: #a855f7;
    box-shadow: 0 0 0 2px rgba(168, 85, 247, .15);
}

#questionCategory option {
    background: #171522;
    color: #fff;
}

/* KIRPMA PENCERESİ */
#questionCropModal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.82);
}

.question-crop-box {
    width: min(92vw, 700px);
    max-height: 90vh;
    box-sizing: border-box;
    padding: 18px;
    border-radius: 16px;
    background: #11101a;
    border: 1px solid rgba(168,85,247,.6);
    box-shadow: 0 20px 70px rgba(0,0,0,.55);
}

.question-crop-frame {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 12px;
    background: #050509;
    display: flex;
    align-items: center;
    justify-content: center;
}

#questionCropImage {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.question-crop-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 14px;
}

.question-crop-actions button {
    border: 0;
    border-radius: 9px;
    padding: 10px 14px;
    cursor: pointer;
}


/* SÜRÜKLEMELİ 16:9 KIRPMA */

#questionCropModal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0,0,0,.86);
}

.question-crop-box {
    width: min(760px, 94vw);
    max-height: 92vh;
    padding: 20px;
    background: #11131d;
    border: 1px solid #39314d;
    border-radius: 18px;
    box-shadow: 0 20px 70px rgba(0,0,0,.65);
}

.question-crop-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #05060a;
    border-radius: 12px;
    touch-action: none;
    cursor: grab;
}

.question-crop-frame:active {
    cursor: grabbing;
}

#questionCropImage {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: none !important;
    max-height: none !important;
    width: auto;
    height: auto;
    user-select: none;
    -webkit-user-drag: none;
    transform-origin: center center;
    pointer-events: none;
}

.question-crop-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 15px;
}

.question-crop-actions button {
    min-width: 110px;
}

.question-image-preview-box {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 12px;
    background: #080a10;
}

.question-image-preview-box img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

#questionImageRemove {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0,0,0,.75);
    color: #fff;
    font-size: 22px;
    line-height: 32px;
}


/* =========================================================
   SORU DETAYI - KATEGORİ ETİKETİ SON DÜZELTME
========================================================= */

.question-detail-card {
    position: relative !important;
}

.question-detail-card .question-detail-category {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 220px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 5px 10px !important;
    margin: 0 !important;

    border-radius: 999px !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-align: center !important;

    box-sizing: border-box !important;
}


/* SORU DETAYI KATEGORİ — KARTTAKİ TAG İLE AYNI */
.question-detail-card .question-detail-category {
    position: absolute !important;
    top: 40px !important;
    right: 20px !important;

    display: inline-flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;

    padding: 5px 9px !important;
    margin: 0 !important;

    background: #1c1828 !important;
    border: 0 !important;
    border-radius: 20px !important;

    color: #ad6cff !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
    box-sizing: border-box !important;
}


/* DETAY KATEGORİ — BAŞLIKLA AYNI HİZADA */
.question-detail-card .question-detail-category {
    position: absolute !important;

    top: 94px !important;
    right: 20px !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 180px !important;

    display: inline-flex !important;

    padding: 5px 9px !important;
    margin: 0 !important;

    background: #1c1828 !important;
    border: 0 !important;
    border-radius: 20px !important;

    color: #ad6cff !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
    box-sizing: border-box !important;
}


/* DETAY KATEGORİ - BAŞLIKLA TAM HİZA */
.question-detail-card .question-detail-category {
    top: 88px !important;
    right: 20px !important;

    width: fit-content !important;
    min-width: 0 !important;
    max-width: 180px !important;

    padding: 5px 9px !important;
    border: 0 !important;
    border-radius: 20px !important;

    background: #1c1828 !important;
    color: #ad6cff !important;

    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}


/* =========================================================
   SORU DETAYI - BAŞLIK + KATEGORİ
========================================================= */

.question-detail-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
    width: 100% !important;
    margin: 0 0 14px !important;
}

.question-detail-title-row #questionTitle {
    margin: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.question-detail-title-row .question-detail-category {
    position: static !important;

    flex: 0 0 auto !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 180px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 5px 9px !important;
    margin: 0 !important;

    background: #1c1828 !important;
    border: 0 !important;
    border-radius: 20px !important;

    color: #ad6cff !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
    box-sizing: border-box !important;
}


/* SORU DETAYI - ANA SAYFADAKİ KÜÇÜK KATEGORİ TAG'I */
.question-detail-title-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.question-detail-title-row #questionTitle {
    flex: 1 !important;
    min-width: 0 !important;
}

.question-detail-title-row #questionCategory {
    position: static !important;
    flex: 0 0 auto !important;

    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 180px !important;

    padding: 5px 9px !important;
    margin: 0 !important;

    background: #1c1828 !important;
    border: 0 !important;
    border-radius: 20px !important;

    color: #ad6cff !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}



/* =========================
   CEVAP ÜÇ NOKTA MENÜSÜ
========================= */

.question-answer-menu {
    position: relative !important;
    margin-left: 4px !important;
    flex: 0 0 32px !important;
    flex-shrink: 0 !important;
    z-index: 1000 !important;
    pointer-events: auto !important;
}

.question-answer-menu-button {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1001 !important;
}

.question-answer-user {
    position: relative !important;
    overflow: visible !important;
}

.question-answer-menu-button {
    appearance: none;
    border: 0;
    background: transparent;
    color: #8f95a8;
    font-size: 22px;
    line-height: 1;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    border-radius: 8px;
    text-decoration: none !important;
}

.question-answer-menu-button:hover {
    background: #1b1e2b;
    color: #ffffff;
}

.question-answer-menu-button:focus,
.question-answer-menu-button:active {
    outline: none;
    text-decoration: none !important;
}

.question-answer-menu-dropdown {
    position: absolute !important;
    top: 36px !important;
    right: 0 !important;
    z-index: 1002 !important;
    min-width: 90px;
    padding: 5px;
    background: #171a26;
    border: 1px solid #303548;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .35);
    display: none;
}

.question-answer-menu-dropdown.open {
    display: block;
}

.question-answer-delete {
    appearance: none;
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    color: #ff6b7a;
    padding: 8px 10px;
    border-radius: 7px;
    cursor: pointer;
    text-align: left;
    font-size: 13px;
    text-decoration: none !important;
}

.question-answer-delete:hover {
    background: #271a22;
}

.question-answer-delete:disabled {
    opacity: .55;
    cursor: wait;
}

.question-answer-menu a,
.question-answer-menu button {
    text-decoration: none !important;
}



/* =========================================================
   CEVAP YORUMLARI — PROFİL KARTLARI
========================================================= */

.question-answer-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 3px;
    padding-top: 1px;
    padding-bottom: 2px;
    border-top: 0;
    border-bottom: 1px solid #292d3d;
}

.question-answer-like-button,
.question-answer-comments-button {
    appearance: none;
    border: 0;
    background: transparent;
    color: #9ca1b3;
    font: inherit;
    font-size: 13px;
    padding: 5px 7px;
    border-radius: 8px;
    cursor: pointer;
}

.question-answer-like-button:hover,
.question-answer-comments-button:hover {
    background: rgba(255,255,255,.05);
    color: #fff;
}

.question-answer-like-button {
    color: #ffffff !important;
}

.question-answer-like-button.liked {
    color: #ffffff !important;
}

.question-answer-comments {
    margin-top: 4px;
    padding-top: 0;
}

.question-answer-comments-list {
    margin-top: 0;
}

.question-answer-comment {
    position: relative;
    padding: 8px 0 16px;
    border-top: 1px solid #292d3d;
}

.question-answer-comment:first-child {
    border-top: 1px solid #292d3d;
}

.question-answer-comment-user {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 9px;
}

.question-answer-comment-avatar {
    width: 34px;
    height: 34px;
    min-width: 34px;
    max-width: 34px;
    min-height: 34px;
    max-height: 34px;
    border-radius: 50%;
    overflow: hidden;
    background: #202437;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.question-answer-comment-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.question-answer-comment-user-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.question-answer-comment-name {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.question-answer-comment-name strong {
    color: #fff;
    font-size: 13px;
    line-height: 17px;
}

.question-answer-comment-user-info small {
    color: #7f8599;
    font-size: 11px;
    line-height: 15px;
}

.question-answer-comment-content {
    margin-left: 43px;
    color: #d9dce6;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}

.question-answer-comment-form {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid #292d3d;
}

.question-answer-comment-input {
    flex: 1;
    min-height: 42px;
    max-height: 130px;
    resize: vertical;
    box-sizing: border-box;
    border: 1px solid #292d3d;
    border-radius: 10px;
    background: #0f111a;
    color: #fff;
    outline: none;
    padding: 10px 11px;
    font-family: inherit;
    font-size: 13px;
}

.question-answer-comment-input:focus {
    border-color: #7040ff;
}

.question-answer-comment-submit { border:0; border-radius:10px; background:#7040ff; color:#fff; font-weight:700; padding:10px 13px; cursor:pointer; white-space:nowrap; }

.question-answer-comment-submit:hover { background:#8054ff; }

.question-answer-no-comments {
    border-top: 1px solid #292d3d;
    padding: 12px 0 6px;
    color: #777e93;
    font-size: 12px;
}


/* =========================
   SORU DETAY — CEVAP METNİ
   Normal sol hizalama
========================= */
.question-answer-content {
    display: block !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
    color: #d9dce6;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}


/* =========================
   SORU UC NOKTA MENÜSÜ
========================= */

.question-detail-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.question-detail-title-row h1 {
    flex: 1;
    min-width: 0;
}

.question-detail-menu {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    margin-left: 4px;
    vertical-align: middle;
}

.question-detail-menu-button {
    appearance: none;
    border: 0;
    background: transparent;
    color: #8f95a8;
    font-size: 24px;
    line-height: 1;
    padding: 4px 7px;
    cursor: pointer;
    border-radius: 8px;
}

.question-detail-menu-button:hover {
    background: rgba(255,255,255,.06);
    color: #fff;
}

.question-detail-menu-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 100;
    min-width: 100px;
    padding: 5px;
    background: #151722;
    border: 1px solid #303449;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.question-detail-menu-dropdown.open {
    display: block;
}

.question-detail-delete-menu {
    width: 100%;
    border: 0;
    background: transparent;
    color: #ff8da4;
    text-align: left;
    padding: 8px 10px;
    border-radius: 7px;
    cursor: pointer;
    font-size: 12px;
}

.question-detail-delete-menu:hover {
    background: rgba(255,82,110,.10);
}


/* Soru başlıkları eski beyaz görünüm */
.question h3,
.question h3 a {
    color: #fff !important;
}

.question h3 a:visited {
    color: #fff !important;
}


/* Soru başlığındaki link çizgisini kaldır */
.question h3 a,
.question h3 a:hover,
.question h3 a:visited {
    text-decoration: none !important;
}


/* Yorum metni — normal sola hizalı, maksimum 2 satır */
.question-answer-comment-content {
    display: block !important;
    width: auto !important;
    margin-left: 43px !important;
    margin-right: 0 !important;
    text-align: left !important;

    color: #d9dce6;
    font-size: 14px;
    line-height: 1.6;

    white-space: normal !important;
    word-break: break-word;

    max-height: calc(1.6em * 2);
    overflow: hidden;
}

/* CEVAP SAHİBİ PROFİL TIKLAMA */
.question-answer-profile-link {
    cursor: pointer;
}

.question-answer-profile-link:hover {
    opacity: .85;
}

/* =========================================
   HALL OF FAME — GERÇEK SATIR FIX
========================================= */

#hallOfFame .hof-user-row {
    width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;

    display: flex !important;
    align-items: center !important;

    box-sizing: border-box !important;
    padding: 6px 7px !important;
    margin: 0 !important;

    gap: 8px !important;
    overflow: hidden !important;
}

#hallOfFame .hof-user-avatar-wrap {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    flex: 0 0 34px !important;
    position: relative !important;
    overflow: hidden !important;
}

#hallOfFame .hof-user-avatar,
#hallOfFame .hof-avatar-fallback {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    box-sizing: border-box !important;
    display: block !important;
    object-fit: cover !important;
}

#hallOfFame .hof-user-info {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
}

#hallOfFame .hof-user-name,
#hallOfFame .hof-user-username {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

#hallOfFame .hof-user-stats {
    flex: 0 0 57px !important;
    min-width: 57px !important;
    margin-left: auto !important;
}

/* SORU MENÜSÜ — SÜRENİN HEMEN SAĞI */
.question-detail-user #questionDate {
    right: 34px !important;
}

.question-detail-user #questionMenu {
    position: absolute !important;
    top: -6px !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

.question-detail-user #questionMenuButton {
    padding: 2px 5px !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

/* =========================================
   SORU — SÜRE + ÜÇ NOKTA HİZASI
========================================= */

.question-detail-user {
    position: relative !important;
}

/* Süre */
.question-detail-user #questionDate {
    position: absolute !important;
    top: 2px !important;
    right: 32px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* Üç nokta — sürenin hemen sağı */
.question-detail-user #questionMenu {
    position: absolute !important;
    top: -6px !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 24px !important;
    height: 28px !important;
    display: block !important;
}

/* Buton */
.question-detail-user #questionMenuButton {
    width: 24px !important;
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

/* Menü açılırken de profil tıklamasını engelle */
.question-detail-user #questionMenuDropdown {
    right: 0 !important;
}


/* =========================================
   SORU — TARİH + ÜÇ NOKTA
   Üç nokta tarihin hemen sağında
========================================= */

.question-detail-user {
    position: relative !important;
}

/* Tarih */
.question-detail-user #questionDate {
    position: absolute !important;
    top: 2px !important;
    right: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    width: auto !important;
    white-space: nowrap !important;
}

/* Üç nokta */
.question-detail-user #questionMenu {
    position: absolute !important;

    top: -5px !important;
    right: 0 !important;

    width: 26px !important;
    height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
}

/* Üç nokta butonu */
.question-detail-user #questionMenuButton {
    width: 26px !important;
    height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 20px !important;
    line-height: 1 !important;
}

/* Açılır menü */
.question-detail-user #questionMenuDropdown {
    right: 0 !important;
    top: calc(100% + 6px) !important;
}


/* =========================================
   SORU MENÜSÜ — SON HİZA / SADECE SAHİBİ
========================================= */

/* Üç nokta menüsü varsayılan olarak JS'nin
   display kararına bırakılır */
.question-detail-user #questionMenu {
    top: -1px !important;
    right: 0 !important;

    width: 26px !important;
    height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    /* display zorlamıyoruz */
}

/* Süre */
.question-detail-user #questionDate {
    top: 2px !important;
    right: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}

/* Üç nokta butonu */
.question-detail-user #questionMenuButton {
    width: 26px !important;
    height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 20px !important;
    line-height: 1 !important;
}


/* =========================================
   SORU — TARİH + ÜÇ NOKTA
   CEVAP KARTIYLA AYNI HİZA
========================================= */

.question-detail-date-menu {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    margin-left: auto !important;

    height: 20px !important;
    flex-shrink: 0 !important;
}

/* Süre */
.question-detail-date-menu #questionDate {
    position: static !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
    line-height: 20px !important;
}

/* Menü artık absolute değil */
.question-detail-date-menu #questionMenu {
    position: relative !important;

    top: auto !important;
    right: auto !important;

    width: 22px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    flex-shrink: 0 !important;
}

/* Üç nokta */
.question-detail-date-menu #questionMenuButton {
    width: 22px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 19px !important;
    line-height: 20px !important;
}

/* Açılır menü */
.question-detail-date-menu #questionMenuDropdown {
    top: calc(100% + 6px) !important;
    right: 0 !important;
}


/* =========================================
   SORU DETAY — KULLANICI + SÜRE/MENÜ FINAL
========================================= */

/* Ana kullanıcı satırı */
.question-detail-user {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    padding-right: 115px !important;
}

/* Avatar */
.question-detail-user > .question-detail-avatar {
    flex: 0 0 44px !important;
}

/* Kullanıcı bilgileri */
.question-detail-user > .question-detail-user-info {
    min-width: 0 !important;
    flex: 1 1 auto !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    column-gap: 2px !important;
    row-gap: 0 !important;
}

/* İsim */
.question-detail-user-info > #questionUserName {
    order: 1 !important;
    display: inline-flex !important;
    height: 18px !important;
    line-height: 18px !important;
}

/* Doğrulama */
.question-detail-user-info > #questionVerified {
    order: 2 !important;
}

/* Username alt satır */
.question-detail-user-info > #questionUserUsername {
    order: 10 !important;

    flex-basis: 100% !important;
    width: 100% !important;

    display: block !important;

    height: 15px !important;
    line-height: 15px !important;

    margin: 0 !important;
}

/* =========================================
   SÜRE + ÜÇ NOKTA
========================================= */

.question-detail-user > .question-detail-date-menu {
    position: absolute !important;

    top: 2px !important;
    right: 0 !important;

    display: inline-flex !important;
    align-items: center !important;

    gap: 7px !important;

    width: auto !important;
    height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    flex-shrink: 0 !important;
}

/* Süre */
.question-detail-date-menu > #questionDate {
    position: static !important;

    margin-left: 1px !important;
    margin-right: 0 !important;
    padding: 0 !important;

    width: auto !important;

    white-space: nowrap !important;

    line-height: 20px !important;
}

/* Menü */
.question-detail-date-menu > #questionMenu {
    position: relative !important;

    top: auto !important;
    right: auto !important;

    width: 22px !important;
    height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    flex-shrink: 0 !important;

    /* display:none ise JS kontrol eder */
}

/* Üç nokta */
.question-detail-date-menu #questionMenuButton {
    width: 22px !important;
    height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 19px !important;
    line-height: 24px !important;
}

/* Dropdown */
.question-detail-date-menu #questionMenuDropdown {
    position: absolute !important;

    top: calc(100% + 6px) !important;
    right: 0 !important;
}



/* =========================================
   SORU MENÜSÜ — HIDDEN TABANLI
========================================= */

#questionMenu[hidden] {
    display: none !important;
}

.question-detail-user #questionMenu:not([hidden]) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* =========================================
   SORU ÜÇ NOKTA — CEVAP KARTIYLA AYNI BOYUT
========================================= */

.question-detail-user #questionMenu {
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 28px !important;
}

.question-detail-user #questionMenuButton {
    width: 28px !important;
    height: 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 26px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
}

/* SORU ÜÇ NOKTA — CEVAP KARTIYLA DENGELİ */
.question-detail-user #questionMenu {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
}

.question-detail-user #questionMenuButton {
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 22px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
}

/* =========================================
   SORU MENÜSÜ — SADECE SAHİBİ GÖRSÜN
========================================= */

/* JS display:none verdiğinde kesinlikle gizle */
#questionMenu[style*="display: none"] {
    display: none !important;
}

/* JS display:block verdiğinde sadece sahibi görsün */
#questionMenu[style*="display: block"] {
    display: inline-flex !important;
}

/* Menü sahibi değilse hiçbir şekilde görünmesin */
#questionMenu:not([style*="display: block"]) {
    display: none !important;
}

/* =========================================================
   BiSor ANA SAYFA — STICKY + SİMETRİK KOLON DÜZENİ
   ========================================================= */

@media (min-width: 1050px) {

    .layout {
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 22px 24px;
        display: grid;
        grid-template-columns: 240px minmax(0, 1fr) 300px;
        gap: 24px;
        align-items: start;
    }

    /* SOL MENÜ SABİT */
    .layout > aside:first-child {
        position: sticky;
        top: 112px;
        align-self: start;
        height: calc(100vh - 134px);
        overflow-y: auto;
        scrollbar-width: thin;
    }

    /* ORTA ALAN */
    .layout > main {
        min-width: 0;
        width: 100%;
    }

    #feed {
        width: 100%;
        min-width: 0;
    }

    /* SORU KARTI UZUN METİNLERDE TAŞMASIN */
    #feed .question {
        width: 100%;
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    #feed .question h3,
    #feed .question p {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* SAĞ MENÜ SABİT */
    .layout > aside.right {
        position: sticky;
        top: 112px;
        align-self: start;
        height: calc(100vh - 134px);
        overflow-y: auto;
        scrollbar-width: thin;
    }

    /* SAĞ MENÜNÜN ESKİ BORDER'INI KORU */
    .layout > aside.right {
        border: 0;
        padding: 0;
    }
}

/* Çok geniş ekranlarda gereksiz devasa boşluk bırakma */
@media (min-width: 1501px) {

    .layout {
        max-width: 1500px;
    }
}

/* Daha küçük masaüstlerinde kolonları sıkıştır */
@media (min-width: 1050px) and (max-width: 1200px) {

    .layout {
        grid-template-columns: 210px minmax(0, 1fr) 250px;
        gap: 18px;
        padding-left: 18px;
        padding-right: 18px;
    }
}


/* SAĞ KOLON AYRACI — SOL AYRAÇLA AYNI */
@media (min-width: 1050px) {
    .layout > aside.right {
        border-left: 1px solid #252838 !important;
        border-right: 0 !important;
        padding-left: 16px !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   AYRAÇLAR — ESKİ GÖRÜNÜM
   ========================================================= */

@media (min-width: 1050px) {

    /* SOL AYRAÇ */
    .layout > aside:first-child {
        border-right: 1px solid #252838 !important;
        padding-right: 16px !important;
    }

    /* SAĞ AYRAÇ */
    .layout > aside.right {
        border-left: 1px solid #252838 !important;
        border-right: 0 !important;
        padding-left: 16px !important;
    }

    /* SAĞ/SOL MENÜLERDE SCROLL YOK */
    .layout > aside:first-child,
    .layout > aside.right {
        overflow: visible !important;
        overflow-y: visible !important;
        overflow-x: visible !important;
    }

    /* HALL OF FAME LİSTESİNDE DE SCROLL YOK */
    #hallOfFame .hall-of-fame-list {
        overflow: visible !important;
        overflow-y: visible !important;
        overflow-x: visible !important;
    }

}


/* KATEGORİLER — biraz yukarı */
@media (min-width: 1050px) {
    .layout > aside:first-child h5 {
        margin-top: 10px !important;
    }
}


/* =========================================
   BISOR — HALL OF FAME SCROLLBAR
   ========================================= */

.hall-of-fame-list {
    max-height: 430px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(139, 60, 255, 0.45) transparent;
    padding-right: 3px;
}

.hall-of-fame-list::-webkit-scrollbar {
    width: 5px;
}

.hall-of-fame-list::-webkit-scrollbar-track {
    background: transparent;
}

.hall-of-fame-list::-webkit-scrollbar-thumb {
    background: rgba(139, 60, 255, 0.38);
    border-radius: 999px;
}

.hall-of-fame-list::-webkit-scrollbar-thumb:hover {
    background: rgba(139, 60, 255, 0.65);
}

/* =========================================
   BISOR — HALL OF FAME SWEET PURPLE SCROLL
   ========================================= */

#hallOfFameList {
    max-height: 225px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;

    scrollbar-width: thin;
    scrollbar-color: rgba(177, 105, 255, .72) transparent;
}

#hallOfFameList::-webkit-scrollbar {
    width: 5px;
}

#hallOfFameList::-webkit-scrollbar-track {
    background: transparent;
}

#hallOfFameList::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #d09aff 0%,
        #a45cff 50%,
        #7b35d9 100%
    );
    border-radius: 999px;
    box-shadow: 0 0 6px rgba(164, 92, 255, .30);
}

#hallOfFameList::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        #dfb8ff 0%,
        #b878ff 50%,
        #9149ed 100%
    );
    box-shadow: 0 0 9px rgba(164, 92, 255, .48);
}

/* =========================================
   BISOR — MESAJ KULLANICI AVATARI
   ========================================= */

.message-user-row {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.message-user-avatar {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #171022;
    border: 1px solid rgba(139, 60, 255, .35);
    box-shadow: 0 0 7px rgba(139, 60, 255, .12);
}

.message-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.message-user-avatar span {
    color: #c69cff;
    font-size: 14px;
    font-weight: 900;
}

.message-user-details {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.message-user-name-row {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 16px;
}
.message-user-name-row .profile-verified-badge { flex: 0 0 auto; }
.message-user-name-row .profile-admin-badge { flex: 0 0 auto; }

.message-user-details b {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
}

.message-user-username {
    color: #858b9d;
    font-size: 9px;
    line-height: 13px;
}

.message-user-last {
    color: #777c90;
    font-size: 10px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.message-list-status {
    display: inline-block;
    margin-right: 4px;
    font-weight: 800;
    letter-spacing: -1px;
}
.message-list-status.sent,
.message-list-status.delivered {
    color: #b6b8c5;
}
.message-list-status.read {
    color: #53bdeb;
}


/* =========================================
   BISOR — MESAJ SOHBET ÜST AVATAR
   ========================================= */

.message-chat-user-header {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.message-chat-user-avatar {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #171022;
    border: 1px solid rgba(139, 60, 255, .38);
    box-shadow:
        0 0 8px rgba(139, 60, 255, .16),
        inset 0 0 8px rgba(139, 60, 255, .08);
}

.message-chat-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.message-chat-user-avatar span {
    color: #c69cff;
    font-size: 14px;
    font-weight: 900;
}

.message-chat-user-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.15;
}

.message-chat-user-name {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.message-chat-user-username {
    margin-top: 4px;
    color: #777c90;
    font-size: 10px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

.message-chat-user-username:hover {
    color: #b86cff;
}


/* BISOR — CHAT HEADER AVATAR */

.message-chat-user-header {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-width: 0;
}

.message-chat-user-avatar {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #171022;
    border: 1px solid rgba(139,60,255,.42);
    box-shadow: 0 0 8px rgba(139,60,255,.18);
}

.message-chat-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.message-chat-user-avatar span {
    color: #c69cff;
    font-size: 14px;
    font-weight: 900;
}

.message-chat-user-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.message-chat-user-name {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 16px;
}

.message-chat-user-username {
    margin-top: 3px;
    color: #777c90;
    font-size: 10px;
    line-height: 13px;
    text-decoration: none;
}

.message-chat-user-username:hover {
    color: #b86cff;
}


/* BISOR — CHAT OPTIONS */

.message-chat-options-button {
    margin-left: auto;
    width: 34px;
    height: 34px;
    min-width: 34px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #858b9d;
    font-size: 24px;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition:
        color .15s ease,
        background .15s ease;
}

.message-chat-options-button:hover {
    color: #c69cff;
    background: rgba(139,60,255,.10);
}



/* BENİ HATIRLA */
.remember-me {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 2px 0 8px;
    color: #bfc2ce;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
}

.remember-me input {
    width: 15px;
    height: 15px;
    margin: 0;
    cursor: pointer;
}

/* ŞİFREMİ UNUTTUM — SADE YAZI */
.auth-forgot-link {
    display: block;
    width: fit-content;
    margin: 0 auto 12px;
    color: #b44cff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.auth-forgot-link:hover {
    text-decoration: underline;
}


/* BENİ HATIRLA + ŞİFREMİ UNUTTUM AYNI SATIR */
.auth-form .remember-me {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 2px 0 12px;
}

.auth-form .remember-me > span {
    margin-right: auto;
}

.auth-form .remember-me .auth-forgot-link {
    margin: 0 0 0 auto;
}


/* ==========================================
   GİRİŞ SEÇENEKLERİ
   Beni hatırla solda — Şifremi unuttum sağda
========================================== */

.auth-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 2px 0 14px;
}

.auth-options .remember-me {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #bfc2ce;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
}

.auth-options .remember-me input {
    width: 15px;
    height: 15px;
    margin: 0;
    cursor: pointer;
    flex: 0 0 auto;
}

.auth-options .auth-forgot-link {
    display: block;
    width: auto;
    margin: 0;
    color: #b44cff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.auth-options .auth-forgot-link:hover {
    text-decoration: underline;
}

/* Eski yanlış hizalama kuralını etkisiz bırak */
.auth-form .remember-me > span {
    margin-right: 0;
}

.auth-form .remember-me .auth-forgot-link {
    margin: 0;
}


/* AUTH OPTIONS — SON VE KESİN HİZALAMA */
.auth-options {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 2px 0 14px !important;
}

.auth-options .remember-me {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: auto !important;
    margin: 0 !important;
}

.auth-options .remember-me input {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
}

.auth-options .auth-forgot-link {
    display: block !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
    text-align: right !important;
}


/* ==========================================
   BENİ HATIRLA — BISOR STİLİ
========================================== */

.auth-options .remember-me {
    color: #b44cff !important;
    font-weight: 600 !important;
}

/* Checkbox */
.auth-options .remember-me input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;

    width: 16px !important;
    height: 16px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #555a68 !important;
    border-radius: 5px !important;

    background: #151720 !important;

    cursor: pointer;
    position: relative;

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

/* Üzerine gelince */
.auth-options .remember-me input[type="checkbox"]:hover {
    border-color: #8b3cff !important;
    box-shadow: 0 0 8px rgba(139, 60, 255, .18) !important;
}

/* Seçiliyken */
.auth-options .remember-me input[type="checkbox"]:checked {
    background: #8b3cff !important;
    border-color: #8b3cff !important;
    box-shadow: 0 0 9px rgba(139, 60, 255, .25) !important;
}

/* Tik işareti */
.auth-options .remember-me input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;

    width: 4px;
    height: 8px;

    left: 5px;
    top: 2px;

    border: solid #ffffff;
    border-width: 0 2px 2px 0;

    transform: rotate(45deg);
}


/* ==========================================
   GİRİŞ / ÜYE OL BUTONU — BISOR STİLİ
========================================== */

.auth-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    background: #7b3cff !important;
    border: none !important;
    border-radius: 10px !important;

    color: #ffffff !important;
    font-weight: 700 !important;

    box-shadow: none !important;
}

/* Kullanıcı ikonu */
.auth-submit::before {
    content: "";
    position: relative;

    width: 18px;
    height: 18px;

    border: 2px solid #ffffff;
    border-radius: 50%;

    box-sizing: border-box;

    background:
        radial-gradient(
            circle at 50% 35%,
            #ffffff 0 3px,
            transparent 3.5px
        ),
        radial-gradient(
            ellipse at 50% 105%,
            transparent 0 5px,
            #ffffff 5.5px 7px,
            transparent 7.5px
        );
}

/* Hover */
.auth-submit:hover {
    background: #8b3cff !important;
    transform: translateY(-1px);
}

/* Basılı */
.auth-submit:active {
    transform: translateY(0);
}


/* GİRİŞ / ÜYE OL BUTONU */
.auth-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    background: #7b3cff !important;
    border: none !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.auth-submit::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    background:
        radial-gradient(circle at 50% 35%, #fff 0 3px, transparent 3.5px),
        radial-gradient(ellipse at 50% 105%, transparent 0 5px, #fff 5.5px 7px, transparent 7.5px);
    flex: 0 0 auto;
}

.auth-submit:hover {
    background: #8b3cff !important;
    transform: translateY(-1px);
}

.auth-submit:active {
    transform: translateY(0);
}


/* ==========================================
   SAĞ ÜST GİRİŞ YAP BUTONU
   Header — BiSor stili
========================================== */

header #profileButton.profile-button.logged-out {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    background: #7b3cff !important;
    border: none !important;
    border-radius: 10px !important;

    color: #ffffff !important;
    font-weight: 700 !important;

    padding: 10px 18px !important;

    box-shadow: none !important;
    cursor: pointer !important;

    transition:
        background .18s ease,
        transform .18s ease !important;
}

/* Kullanıcı ikonu */
header #profileButton.profile-button.logged-out::before {
    content: "";
    width: 17px;
    height: 17px;

    border: 2px solid #ffffff;
    border-radius: 50%;

    box-sizing: border-box;
    flex: 0 0 auto;

    background:
        radial-gradient(
            circle at 50% 35%,
            #ffffff 0 3px,
            transparent 3.5px
        ),
        radial-gradient(
            ellipse at 50% 105%,
            transparent 0 5px,
            #ffffff 5.5px 7px,
            transparent 7.5px
        );
}

/* Hover */
header #profileButton.profile-button.logged-out:hover {
    background: #8b3cff !important;
    transform: translateY(-1px) !important;
}

/* Active */
header #profileButton.profile-button.logged-out:active {
    transform: translateY(0) !important;
}



/* HEADER GİRİŞ BUTONU — SADE EMOJI */
header #profileButton.logged-out .profile-login-icon {
    display: none !important;
}

header #profileButton.logged-out::before {
    content: none !important;
}

/* ==========================================
   AUTH — SADECE YAZI
========================================== */

/* Beni hatırla: kutuyu gizle, yazıyı bırak */
.auth-options .remember-me input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    pointer-events: none !important;
}

.auth-options .remember-me {
    color: #b44cff !important;
    font-weight: 600 !important;
    gap: 0 !important;
}

/* Giriş Yap butonundaki kullanıcı ikonunu kaldır */
.auth-submit::before {
    display: none !important;
    content: none !important;
}

/* Buton yazısı ortada */
.auth-submit {
    gap: 0 !important;
}


/* KAYIT EKRANI AUTH SEÇENEKLERİ — KESİN GİZLEME */
.auth-options.register-hidden {
    display: none !important;
}


/* ==========================================
   BENİ HATIRLA — CHECKBOX GERİ GETİR
========================================== */

.auth-options .remember-me {
    color: #b44cff !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Gizlenmiş checkbox'ı geri getir */
.auth-options .remember-me input[type="checkbox"] {
    position: static !important;
    opacity: 1 !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    width: 16px !important;
    height: 16px !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 16px !important;

    background: #151720 !important;
    border: 1px solid #555a68 !important;
    border-radius: 4px !important;

    cursor: pointer !important;
}

/* İşaretlenince mor */
.auth-options .remember-me input[type="checkbox"]:checked {
    background: #7b3cff !important;
    border-color: #7b3cff !important;
}

/* Check işareti */
.auth-options .remember-me input[type="checkbox"]:checked::after {
    content: "✓";
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
}


/* Kayıt doğum tarihi — BiSor input stili */
#authBirthDate {
    color-scheme: dark;
}

#authBirthDate::-webkit-calendar-picker-indicator {
    opacity: .65;
    cursor: pointer;
}


/* En İyi Cevap — BiCevap altı mor vurgu kartı */
.question-eic-area{position:relative;margin:14px 0 18px;padding:16px 18px;border:1px solid rgba(155,92,255,.42);border-radius:16px;background:linear-gradient(135deg,rgba(139,60,255,.14),rgba(155,92,255,.06));box-shadow:0 10px 28px rgba(83,39,150,.12);overflow:hidden;}
.question-eic-area::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#9b5cff,#8b3cff);}
.question-eic-title{color:#b894ff;font-size:15px;font-weight:800;letter-spacing:.1px;}
.question-eic-user{margin-top:10px;color:#fff;font-size:14px;font-weight:800;}
.question-eic-content{margin-top:7px;color:#e9e6f3;font-size:14px;line-height:1.55;white-space:pre-wrap;}

/* =========================================================
   BiCevap — Mor Sisli AI Görüş Kartı
========================================================= */

.bicevap-area {
    width: 100%;
    margin: 14px 0 18px;
    padding: 18px 20px;
    box-sizing: border-box;

    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(150, 80, 255, 0.14),
            transparent 48%
        ),
        radial-gradient(
            circle at 85% 100%,
            rgba(100, 60, 200, 0.10),
            transparent 50%
        ),
        rgba(15, 12, 28, 0.92);

    border: 1px solid rgba(145, 85, 255, 0.42);
    border-radius: 18px;

    box-shadow:
        0 0 22px rgba(125, 70, 230, 0.13),
        inset 0 0 24px rgba(140, 80, 255, 0.045);

    position: relative;
    overflow: hidden;
}

.bicevap-area::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(170, 100, 255, 0.08),
            transparent 55%
        );

    pointer-events: none;
}

.bicevap-header {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    margin-bottom: 12px;
}

.bicevap-title {
    font-size: 15px;
    font-weight: 700;
    color: #eee7ff;

    display: flex;
    align-items: center;
    gap: 7px;
}

.bicevap-button {
    border: 1px solid rgba(150, 90, 255, 0.55);
    border-radius: 10px;

    padding: 8px 13px;

    background: rgba(91, 48, 170, 0.22);
    color: #e9dcff;

    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.bicevap-button:hover:not(:disabled) {
    background: rgba(115, 65, 210, 0.32);
    box-shadow: 0 0 14px rgba(140, 80, 255, 0.22);
    transform: translateY(-1px);
}

.bicevap-button:disabled {
    cursor: default;
    opacity: 0.9;
}

.bicevap-button.bicevap-done {
    border-color: rgba(150, 100, 255, 0.45);
    background: rgba(90, 55, 160, 0.24);
    color: #d9c7ff;
}

.bicevap-loading {
    position: relative;
    z-index: 1;

    display: none;

    padding: 10px 0;

    color: #bfa9e8;
    font-size: 13px;
}

.bicevap-content {
    position: relative;
    z-index: 1;

    display: none;

    padding: 15px 16px;

    background: rgba(20, 16, 35, 0.72);

    border: 1px solid rgba(145, 85, 255, 0.24);
    border-radius: 13px;

    color: #eeeaf7;

    font-size: 14px;
    line-height: 1.65;

    white-space: pre-wrap;
    overflow-wrap: anywhere;

    box-shadow:
        inset 0 0 18px rgba(130, 70, 230, 0.035),
        0 0 14px rgba(125, 70, 230, 0.06);
}

@media (max-width: 600px) {
    .bicevap-area {
        padding: 15px;
        border-radius: 16px;
    }

    .bicevap-header {
        align-items: flex-start;
    }

    .bicevap-button {
        flex-shrink: 0;
    }

    .bicevap-content {
        padding: 13px 14px;
        font-size: 14px;
    }
}



/* BISOR_XP_TOAST_STYLE */

.bisor-xp-toast {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.96);

    z-index: 99999;

    min-width: 280px;
    max-width: calc(100vw - 32px);

    padding: 14px 22px;

    border: 1px solid rgba(170, 105, 255, .48);
    border-radius: 16px;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(170, 105, 255, .18),
            transparent 48%
        ),
        radial-gradient(
            circle at 85% 100%,
            rgba(100, 60, 200, .16),
            transparent 50%
        ),
        rgba(20, 14, 38, .96);

    box-shadow:
        0 0 28px rgba(130, 70, 240, .28),
        inset 0 0 22px rgba(160, 90, 255, .06);

    color: #fff;

    font-size: 14px;
    font-weight: 600;
    text-align: center;

    opacity: 0;
    pointer-events: none;

    transition:
        opacity .28s ease,
        transform .28s ease;
}

.bisor-xp-toast.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

@media (max-width: 600px) {
    .bisor-xp-toast {
        top: 50%;
        min-width: 0;
        width: calc(100vw - 32px);
        padding: 13px 16px;
    }
}

/* Takipçi - Takipte arasındaki ayraç kaldırıldı */
.profile-stat-bisor:nth-last-child(1) {
    border-left: 0 !important;
}


/* ANA SAYFA SORU BUTONLARI - SIMETRIK */
s=.question .actions{display:flex!important;align-items:stretch!important;justify-content:space-between!important;gap:0!important;width:100%!important}.question .actions button,
#questionDetail .actions .bisor-detail-action {flex:1!important;text-align:center!important;padding:9px 10px!important;margin:0!important;border:0!important;border-radius:0!important;min-width:0!important}.question .actions button+button,
#questionDetail .actions .bisor-detail-action+.bisor-detail-action {border-left:1px solid #302b3d!important;margin-left:8px!important;padding-left:18px!important}.question .actions button:first-child,
#questionDetail .actions .bisor-detail-action:first-child {margin-left:0!important}.question .actions button:last-child,
#questionDetail .actions .bisor-detail-action:last-child {margin-right:0!important}


/* ANA SAYFA SORU KARTI - ALT TABAN */
#feed .question { padding-bottom:10px !important; }

/* ANA SAYFA SORU KARTI - ALT TABAN SON */
#feed .question,
#questionDetail { padding-bottom:6px !important; }

/* ANA SAYFA SORU AKSIYONLARI - OPTIK HIZA */
#feed .question .actions button,
#questionDetail .actions .bisor-detail-action { transform:translateY(-2px) !important; }

.question-answer-comment{position:relative!important}.question-answer-comment-menu{position:absolute!important;top:8px!important;right:8px!important;z-index:20!important}.question-answer-comment-menu-button{width:30px!important;height:30px!important;padding:0!important;border:0!important;background:transparent!important;color:#8f91a3!important;font-size:22px!important;line-height:30px!important;text-align:center!important;cursor:pointer!important;border-radius:7px!important}.question-answer-comment-menu-button:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}.question-answer-comment-menu-dropdown{display:none!important;position:absolute!important;top:32px!important;right:0!important;min-width:105px!important;background:#171824!important;border:1px solid #303144!important;border-radius:8px!important;padding:4px!important;z-index:50!important}.question-answer-comment-menu-dropdown.open{display:block!important}.question-answer-comment-report{display:block!important;width:100%!important;border:0!important;background:transparent!important;color:#cfd0da!important;padding:8px 10px!important;text-align:left!important;border-radius:6px!important;cursor:pointer!important}.question-answer-comment-report:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}

.question-answer-comment-meta{margin-top:6px!important;font-size:11px!important;color:#70768a!important;line-height:16px!important;}

.question-answer-comment{position:relative!important}.question-answer-comment-meta{position:absolute!important;top:15px!important;right:43px!important;margin:0!important;font-size:11px!important;color:#70768a!important;line-height:16px!important}.question-answer-comment-menu{top:8px!important;right:8px!important}

.question-answer-comment-meta{position:absolute!important;top:8px!important;right:43px!important;left:auto!important;width:auto!important;margin:0!important;padding:0!important;text-align:right!important;font-size:11px!important;color:#70768a!important;line-height:30px!important;white-space:nowrap!important}.question-answer-comment-menu{position:absolute!important;top:8px!important;right:8px!important}

.question-answer-comment{position:relative!important;width:100%!important;box-sizing:border-box!important}.question-answer-comment-menu{position:absolute!important;top:8px!important;right:8px!important}.question-answer-comment-meta{position:absolute!important;top:8px!important;right:43px!important;left:auto!important;width:auto!important;margin:0!important;padding:0!important;line-height:30px!important;white-space:nowrap!important}

.question-answer-comment-menu{position:absolute!important;top:8px!important;right:0!important}.question-answer-comment-meta{position:absolute!important;top:8px!important;right:35px!important;left:auto!important;width:auto!important;margin:0!important;padding:0!important;line-height:30px!important;white-space:nowrap!important;text-align:right!important}

.question-answer-comment-menu{position:absolute!important;top:8px!important;right:0!important;margin:0!important;padding:0!important}.question-answer-comment-menu-button{width:32px!important;height:32px!important;line-height:1!important;padding:0!important;margin:0!important}.question-answer-comment-meta{top:8px!important;right:36px!important;line-height:32px!important;margin:0!important;padding:0!important}

.bisor-report-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.bisor-report-box{width:min(420px,100%);background:#171a26;border:1px solid #303548;border-radius:14px;padding:20px;box-sizing:border-box;box-shadow:0 15px 45px rgba(0,0,0,.45)}.bisor-report-box h3{margin:0 0 8px;color:#fff;font-size:18px}.bisor-report-box p{margin:0 0 14px;color:#8f95a8;font-size:13px}.bisor-report-reasons{display:flex;flex-direction:column;gap:7px}.bisor-report-reasons label{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#1d2030;border:1px solid #303548;border-radius:9px;color:#d9dbe5;cursor:pointer}.bisor-report-reasons label:hover{background:#24283a}.bisor-report-reasons input{accent-color:#8b5cf6}.bisor-report-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.bisor-report-actions button{border:0;border-radius:8px;padding:9px 13px;cursor:pointer}.bisor-report-actions button:first-child{background:#292d3d;color:#cfd2df}.bisor-report-actions button:last-child{background:#7657d9;color:#fff}
#questionMenuDropdown button,.question-answer-menu-dropdown button,.question-answer-comment-menu-dropdown button{display:block!important;width:100%!important;min-height:48px!important;margin:0!important;padding:12px 18px!important;border:0!important;border-radius:12px!important;background:#141722!important;color:#c9ccda!important;font-size:16px!important;font-weight:500!important;text-align:left!important;box-sizing:border-box!important}#questionMenuDropdown button+button,.question-answer-menu-dropdown button+button,.question-answer-comment-menu-dropdown button+button{margin-top:4px!important}
#questionMenuDropdown,.question-answer-menu-dropdown,.question-answer-comment-menu-dropdown{min-width:120px!important;width:120px!important;padding:4px!important;background:#171824!important;border:1px solid #303144!important;border-radius:8px!important;box-shadow:0 8px 20px rgba(0,0,0,.25)!important;box-sizing:border-box!important}#questionMenuDropdown button,.question-answer-menu-dropdown button,.question-answer-comment-menu-dropdown button{width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;padding:8px 10px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#cfd0da!important;font-size:14px!important;font-weight:500!important;line-height:22px!important;text-align:left!important;box-sizing:border-box!important;cursor:pointer!important}#questionMenuDropdown button:hover,.question-answer-menu-dropdown button:hover,.question-answer-comment-menu-dropdown button:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}#questionMenuDropdown button+button,.question-answer-menu-dropdown button+button,.question-answer-comment-menu-dropdown button+button{margin-top:2px!important}
.message-chat-options-wrap{position:relative;margin-left:auto}.message-chat-options-menu{display:none;position:absolute;right:0;top:40px;z-index:9999;min-width:140px;padding:5px;border:1px solid #303447;border-radius:9px;background:#171a27;box-shadow:0 10px 30px rgba(0,0,0,.4)}.message-chat-options-menu.open{display:block}.message-chat-options-menu button{display:block;width:100%;padding:9px 11px;border:0;border-radius:6px;background:transparent;color:#fff;text-align:left;font-size:13px;cursor:pointer}.message-chat-options-menu button:hover{background:rgba(139,60,255,.15)}

/* =========================================================
   BISOR — ROZET HİZALAMA STANDARDI
   KAYNAK: ANA SAYFA SORU KARTINDAKİ ÇALIŞAN SİSTEM
   İSİM → VERIFIED → ADMIN → LEVEL
   TÜM YERLERDE AYNI
   ========================================================= */

/* İSİM SATIRLARI */
.homepage-question-name-row,
.question-detail-user-info,
.question-answer-name-row,
.question-answer-comment-name {
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
}

/* Soru kartı + cevap + yorum */
.homepage-question-name-row,
.question-answer-name-row,
.question-answer-comment-name {
    flex-wrap:nowrap !important;
    gap:2px !important;
}

/* Soru detayı */
.question-detail-user-info {
    flex-wrap:wrap !important;
    gap:2px !important;
}

/* VERIFIED — ANA KAYNAK ÖLÇÜSÜ */
.homepage-question-name-row .profile-verified-badge,
.question-detail-user-info > #questionVerified,
.question-answer-name-row .question-answer-verified-badge,
.question-answer-comment-name .question-answer-verified-badge {
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    min-height:18px !important;
    max-height:18px !important;

    flex:0 0 18px !important;
    flex-shrink:0 !important;
    flex-grow:0 !important;

    margin-left:1px !important;
    margin-right:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;

    padding:0 !important;
    align-self:center !important;
    vertical-align:middle !important;
    position:static !important;
    transform:none !important;
}

/* ADMIN — ANA KAYNAK ÖLÇÜSÜ */
.homepage-question-name-row .profile-admin-badge,
.question-detail-user-info > #questionAdminBadge,
.question-answer-name-row .question-answer-admin-badge,
.question-answer-comment-name .question-answer-admin-badge {
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    max-width:26px !important;
    min-height:26px !important;
    max-height:26px !important;

    flex:0 0 26px !important;
    flex-shrink:0 !important;
    flex-grow:0 !important;

    margin-left:1px !important;
    margin-right:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;

    padding:0 !important;
    object-fit:contain !important;
    align-self:center !important;
    vertical-align:middle !important;
    position:static !important;
    transform:none !important;
}

/* CEVAP/YORUM İSİM */
.question-answer-name-row > strong,
.question-answer-name-row > b,
.question-answer-comment-name > strong,
.question-answer-comment-name > b {
    display:inline-block !important;
    margin:0 !important;
    padding:0 !important;
    line-height:normal !important;
    align-self:center !important;
    min-width:0 !important;
}

/* SORU DETAYINDA KULLANICI ADI ALT SATIRDA KALSIN */
.question-detail-user-info > #questionUserUsername {
    flex-basis:100% !important;
    width:100% !important;
    margin-top:0 !important;
}




/* SORU KARTI ROZET MESAFESİ — SADECE YATAY HİZA */
.question-detail-user-info,
.question-answer-name-row,
.question-answer-comment-name {
    gap: 2px !important;
}

.question-detail-user-info > #questionVerified,
.question-answer-name-row .question-answer-verified-badge,
.question-answer-comment-name .question-answer-verified-badge {
    margin-left: 1px !important;
    margin-right: 0 !important;
}

.question-detail-user-info > #questionAdminBadge,
.question-answer-name-row .question-answer-admin-badge,
.question-answer-comment-name .question-answer-admin-badge {
    margin-left: 1px !important;
    margin-right: 0 !important;
}

.question-detail-user-info > #questionUserName {
    margin-right: 0 !important;
}


/* VERIFIED ŞEKLİ — SORU KARTIYLA BİREBİR AYNI */
.question-detail-user-info > #questionVerified,
.question-answer-name-row .question-answer-verified-badge,
.question-answer-comment-name .question-answer-verified-badge {
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#8b3cff !important;
    color:#fff !important;

    border-radius:0 !important;

    clip-path:polygon(
        50% 0%,
        61% 7%,
        74% 5%,
        82% 16%,
        94% 22%,
        92% 36%,
        100% 50%,
        92% 64%,
        94% 78%,
        82% 84%,
        74% 95%,
        61% 93%,
        50% 100%,
        39% 93%,
        26% 95%,
        18% 84%,
        6% 78%,
        8% 64%,
        0% 50%,
        8% 36%,
        6% 22%,
        18% 16%,
        26% 5%,
        39% 7%
    ) !important;

    font-size:11px !important;
    font-weight:900 !important;
    line-height:18px !important;
    box-shadow:none !important;
    flex:0 0 18px !important;
}


/* CEVAP + YORUM — @USERNAME SORU DETAYIYLA AYNI DİKEY HİZA */
.question-answer-user-info {
    gap: 0 !important;
}

.question-answer-user-info > small {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 15px !important;
    line-height: 15px !important;
}


/* YORUM — İSİM / USERNAME SORU DETAYIYLA AYNI */
.question-answer-comment-user-info {
    gap: 0 !important;
}

.question-answer-comment-user-info > small {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 15px !important;
    line-height: 15px !important;
}


/* =========================================
   BISOR — HALL OF FAME FINAL SCROLL FIX
   ========================================= */
#hallOfFameList {
    max-height: 225px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 4px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(177,105,255,.72) transparent !important;
}

#hallOfFameList::-webkit-scrollbar {
    width: 5px;
}

#hallOfFameList::-webkit-scrollbar-track {
    background: transparent;
}

#hallOfFameList::-webkit-scrollbar-thumb {
    background: #a45cff;
    border-radius: 999px;
}

/* HOF — LISTE ICIN GERCEK SCROLL */
#hallOfFame > #hallOfFameList {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    max-height: 390px !important;
    height: 390px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}

#hallOfFame > #hallOfFameList::-webkit-scrollbar {
    width: 5px !important;
}

#hallOfFame > #hallOfFameList::-webkit-scrollbar-track {
    background: transparent !important;
}

#hallOfFame > #hallOfFameList::-webkit-scrollbar-thumb {
    background: #a45cff !important;
    border-radius: 999px !important;
}

/* HOF — KART SABİT, LİSTE İÇERİDE SCROLL */
#hallOfFame {
    display: flex !important;
    flex-direction: column !important;
    height: 795px !important;
    min-height: 795px !important;
    box-sizing: border-box !important;
}

#hallOfFame > #hallOfFameList {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* CEVAP + YORUM — SORU KARTIYLA AYNI USERNAME MESAFESİ */
.question-answer-user-info > small,
.question-answer-comment-user-info > small {
    display:block !important;
    margin-top:2px !important;
    margin-bottom:0 !important;
    padding:0 !important;
    line-height:1.2 !important;
}

/* CEVAP + YORUM — İSİM / USERNAME MESAFESİ SORU DETAYIYLA AYNI */
.question-answer-name-row,
.question-answer-comment-name {
    height:18px !important;
    min-height:18px !important;
    line-height:18px !important;
    overflow:visible !important;
}

.question-answer-user-info > small,
.question-answer-comment-user-info > small {
    margin-top:2px !important;
    line-height:14px !important;
}

/* Detay beğeni kalbi: cevap kartındaki kalple aynı boyut/stil */
.question-detail-actions .question-like-heart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    line-height: 14px !important;
    color: #ffffff !important;
    flex: 0 0 14px !important;
}

.question-detail-actions > #questionLikes,
.question-detail-actions > #questionAnswers {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 13px !important;
    line-height: 14px !important;
    height: 14px !important;
}

/* BiBilgi detayında soru detayındaki beğeni/cevap görünümü */
.question-detail-actions #questionLikes.question-like-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font: inherit !important;
    color: #ffffff !important;
    cursor: pointer !important;
}

.question-detail-actions #questionLikes.question-like-button:hover {
    background: transparent !important;
}

.question-detail-actions #questionLikes.question-like-button.liked {
    color: #9b5cff !important;
}

.question-answer-comments[hidden],
.question-answer-comment-form[hidden] {
    display: none !important;
}

/* Ana akış kartları: devamını okumak için detaya girilir */
.question .question-text {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Web: soru ve BiBilgi yorumlarini kesmeden, satir sonlarini koruyarak goster. */
.question-answer-comment-content {
    display: block !important;
    -webkit-line-clamp: unset !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere;
}
a.bisor-comment-profile-link,
a.bisor-comment-profile-name {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
a.bisor-comment-profile-name:hover { text-decoration: underline; }
a.bisor-comment-profile-link:focus-visible,
a.bisor-comment-profile-name:focus-visible {
    outline: 2px solid #ad49ff;
    outline-offset: 2px;
}
.question-answer-comment-content.expanded {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
}
.question-answer-comment-expand {
    display: inline-block !important;
    margin-top: 4px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #ad49ff !important;
    font: inherit !important;
    font-size: 12px !important;
    cursor: pointer !important;
}
.question-answer-comment-expand:hover {
    text-decoration: underline !important;
}


/* BiBilgi cevap menüsü - son ve kesin tıklama katmanı */
.question-answer-card { overflow: visible !important; }
.question-answer-card .question-answer-user { position: relative !important; overflow: visible !important; padding-right: 42px !important; }
.question-answer-card .question-answer-menu { position: absolute !important; right: 0 !important; top: 0 !important; z-index: 9999 !important; pointer-events: auto !important; }
.question-answer-card .question-answer-menu-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative !important; z-index: 10000 !important; pointer-events: auto !important; cursor: pointer !important; }
.question-answer-card .question-answer-menu-dropdown { position: absolute !important; z-index: 10001 !important; pointer-events: auto !important; }
.question-answer-card .question-answer-menu-dropdown.open { display: block !important; visibility: visible !important; opacity: 1 !important; }
.question-answer-card .question-answer-time { margin-left: auto !important; flex: 0 0 auto !important; white-space: nowrap !important; }
.question-answer-card .question-answer-menu { margin-left: 6px !important; width: 32px !important; height: 32px !important; flex: 0 0 32px !important; }
.question-answer-card .question-answer-menu-button { width: 32px !important; height: 32px !important; font-size: 22px !important; }
.question-answer-card .question-answer-menu-dropdown { top: 34px !important; right: 0 !important; min-width: 120px !important; }
.question-answer-card .question-answer-menu-dropdown button { pointer-events: auto !important; }

/* BiBilgi cevap aksiyonları: kalp + sayaç, emoji yorum, dikey ayraç */
.question-answer-actions { gap:0 !important; justify-content:flex-start !important; }
.question-answer-actions .question-answer-like-button { display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; gap:4px !important; width:auto !important; min-width:0 !important; flex:0 0 auto !important; height:34px !important; padding:0 14px 0 0 !important; margin:0 !important; border-right:1px solid #292d3d !important; border-radius:0 !important; }
.question-answer-actions .question-answer-comments-button { display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; gap:4px !important; width:auto !important; min-width:0 !important; flex:0 0 auto !important; height:34px !important; padding:0 0 0 14px !important; margin:0 !important; }
.question-answer-actions .question-answer-like-button,
.question-answer-actions .question-answer-comments-button { font-size:16px !important; line-height:1 !important; }
.question-answer-actions .question-answer-like-icon { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:20px !important; height:20px !important; font-size:20px !important; line-height:20px !important; flex:0 0 20px !important; }
.question-answer-actions .question-answer-like-label,
.question-answer-actions .question-answer-comment-label { font-size:13px !important; line-height:1 !important; }
.question-answer-actions .question-answer-like-count,
.question-answer-actions .question-answer-comment-count { min-width:16px !important; margin-left:0 !important; font-size:16px !important; line-height:1 !important; text-align:center !important; }
.question-answer-actions .question-answer-like-label,
.question-answer-actions .question-answer-comment-label { margin-left:0 !important; }

/* Cevap aksiyonları: içerik kadar genişle, ayraç sayaçtan hemen sonra gelsin; alt çizgi yok */
.question-answer-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: max-content !important;
    border-bottom: 0 !important;
}
.question-answer-actions .question-answer-like-button,
.question-answer-actions .question-answer-comments-button {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
}

/* Sadece Soru/BiBilgi detayındaki kalp ve cevap sayaçlarını hizala */
.question-detail-actions {
    align-items: center !important;
}
.question-detail-actions #questionLikes,
.question-detail-actions #questionAnswers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 20px !important;
    min-height: 20px !important;
    font-size: 13px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
}
.question-detail-actions #questionLikes .question-like-heart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
    line-height: 20px !important;
}



/* Soru kartı beğeni: sadece kalbi büyüt */
#feed .question .question-like-btn .question-like-heart-card,
#questionDetail #questionLikes .question-like-heart {
    display: inline-block !important;
    font-size: 20px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}

/* Soru kartı aksiyonları: üç alanı eşit ve tam ortalı tut */
#feed .question .actions,
#questionDetail .actions { display:flex !important; align-items:center !important; justify-content:space-between !important; }
#feed .question .actions button,
#questionDetail .actions .bisor-detail-action { flex:1 !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; height:38px !important; }
#feed .question .actions button + button,
#questionDetail .actions .bisor-detail-action + .bisor-detail-action { margin-left:8px !important; }
#feed .question .actions .question-like-heart-card,
#questionDetail .actions .question-like-heart { display:inline-flex !important; align-items:center !important; line-height:1 !important; font-size:20px !important; margin-right:3px !important; }

/* Tüm soru beğeni kalpleri cevap emojisi boyutunda */
.question-like-heart,
.question-like-heart-card { font-size:20px !important; line-height:1 !important; width:auto !important; height:auto !important; display:inline-block !important; vertical-align:middle !important; }



/* Beğenilmiş cevap kalbi: beyaz ve dolu */
.question-answer-like-button.liked .question-answer-like-icon,
.question-answer-like-button.liked { color:#9b5cff !important; }

/* Soru ve soru detay beğenilmiş kalpler */
#feed .question .question-like-btn.liked,
#feed .question .question-like-btn.liked .question-like-heart-card,
.question-detail-actions #questionLikes.liked,
.question-detail-actions #questionLikes.liked .question-like-heart,
#questionDetail #questionLikes.liked,
#questionDetail #questionLikes.liked .question-like-heart { color:#9b5cff !important; }

/* BiBilgi soru beğenisi: beğenilince mor dolu kalp */
#questionLikes.liked,
#questionLikes.liked .question-like-heart { color:#9b5cff !important; }

/* BiBilgi detay: Beğeni ve görüş arasındaki ayraç */
.question-detail-actions #questionLikes {
    position: relative !important;
    margin-right: 14px !important;
    padding-right: 14px !important;
}
.question-detail-actions #questionLikes::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 18px !important;
    background: #292d3d !important;
}

/* Soru kartı kalbi: diğer beğeni kalpleriyle aynı görünüm */
#feed .question .question-like-btn .question-like-heart-card,
#questionDetail #questionLikes .question-like-heart {
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    line-height: 20px !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    margin-right: 3px !important;
}

/* Sadece soru kartında cevap emojisi de beğeni kalbiyle aynı mesafede */
#feed .question .question-answer-icon-card,
#questionDetail .actions .question-answer-icon-card {
    margin-right: 3px !important;
}
#feed .question .question-like-btn.liked .question-like-heart-card,
#questionDetail #questionLikes.liked .question-like-heart {
    color: #9b5cff !important;
}
#feed .question .question-like-btn:not(.liked) .question-like-heart-card,
#questionDetail #questionLikes:not(.liked) .question-like-heart {
    color: #ffffff !important;
}

/* Cevap beğenisi: F5 sonrası da mor dolu kalp */
.question-answer-like-button.liked .question-answer-like-icon { color:#9b5cff !important; }
.question-answer-like-button:not(.liked) .question-answer-like-icon { color:#ffffff !important; }

/* BİSOR MODERASYON NEDENİ MODALI */
.bisor-report-reasons label:has(input:checked){border-color:#8b5cf6;background:#24283a;box-shadow:0 0 0 1px rgba(139,92,246,.18)}
.bisor-moderation-other{margin-top:9px}.bisor-moderation-other input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #303548;border-radius:9px;background:#1d2030;color:#fff;outline:none}.bisor-moderation-other input:focus{border-color:#8b5cf6}.bisor-moderation-other input::placeholder{color:#777d91}

.question-answer-comments-empty { padding: 8px 0 16px; color: #8d93aa; font-size: 13px; }

/* BİSOR MODERN YASAL FOOTER */
.bisor-legal-footer{width:100%;box-sizing:border-box;margin:36px 0 0;padding:24px 18px 30px;text-align:center;border-top:1px solid rgba(255,255,255,.07);color:#8f94a8}
.bisor-legal-brand{font-size:15px;font-weight:800;color:#fff;margin-bottom:3px}
.bisor-legal-slogan{font-size:12px;color:#777c90;margin-bottom:13px}
.bisor-legal-footer nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 16px}
.bisor-legal-footer a{color:#9e91bd;text-decoration:none;font-size:12px;transition:color .18s ease}
.bisor-legal-footer a:hover{color:#c8b7ff}
@media(max-width:700px){.bisor-legal-footer{margin-top:24px;padding:20px 12px 26px}.bisor-legal-footer nav{gap:9px 13px}}


/* Admin content pin */
.admin-pin-btn{
    border:1px solid rgba(139,60,255,.35);
    background:rgba(139,60,255,.08);
    color:inherit;
    border-radius:10px;
    padding:7px 10px;
    cursor:pointer;
    font:inherit;
}
.admin-pin-btn.pinned{
    background:rgba(139,60,255,.16);
    border-color:#8b3cff;
}
.admin-pin-btn:disabled{opacity:.55;cursor:wait;}
.question.pinned-content{
    position:relative;
}

/* Admin content three-dot menu */
.content-card-menu{
    position:relative;
    margin-left:6px;
    flex:0 0 32px;
    width:32px;
    height:32px;
}
.content-card-menu-button{
    width:32px;
    height:32px;
    padding:0;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#8f91a3;
    font-size:22px;
    line-height:32px;
    text-align:center;
    cursor:pointer;
}
.content-card-menu-button:hover{
    background:rgba(255,255,255,.06);
    color:#fff;
}
.content-card-menu-dropdown{
    display:none;
    position:absolute;
    top:36px;
    right:0;
    z-index:1000;
    min-width:180px;
    padding:4px;
    border:1px solid #303144;
    border-radius:10px;
    background:#171824;
    box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.content-card-menu-dropdown.open{display:block;}
.content-card-menu-dropdown .admin-pin-btn{
    display:block;
    width:100%;
    margin:0;
    border:0;
    background:transparent;
    text-align:left;
}
.content-card-menu-dropdown .admin-pin-btn:hover{
    background:rgba(255,255,255,.06);
}


/* BİSOR ADSENSE IN-FEED */
/* ÜNVAN SİSTEMİ — sade metin görünümü */
.bisor-infeed-ad, .bisor-detail-ad {
    width:100%; max-width:100%; box-sizing:border-box; margin:14px 0; padding:8px 10px;
    border:1px solid rgba(139,60,255,.12); border-radius:16px; background:rgba(17,19,29,.55); overflow:hidden;
}
.bisor-infeed-ad .adsbygoogle, .bisor-detail-ad .adsbygoogle { width:100% !important; min-height:90px; }
.bisor-detail-ad { margin:14px 0 18px; }
@media (max-width:600px) { .bisor-infeed-ad, .bisor-detail-ad { margin:10px 0; padding:6px 8px; border-radius:14px; } }

/* AYRAÇ RENK BAĞIMSIZLIĞI — ünvan renginden etkilenmez */
.bisor-level-separator,.profile-level-separator{display:inline!important;color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important;font-weight:700!important;text-shadow:none!important;background:transparent!important}

/* Soru detayı + cevap + yorum: ortak ünvan ayracı */
.question-detail .bisor-level-separator,.question-answer-card .bisor-level-separator,.question-answer-comment .bisor-level-separator,.question-answer-name-row .bisor-level-separator{color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important;font-weight:700!important;text-shadow:none!important}
.bisor-level-separator{display:inline!important;color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important;text-shadow:none!important;font-weight:700!important}
.question-detail-user-info .bisor-level-separator,
.question-answer-name-row .bisor-level-separator,
.question-answer-comment-name .bisor-level-separator{display:inline-block!important;color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important;margin:0 5px 0 0!important;font-weight:700!important;text-shadow:none!important}
.question-detail-user-info .bisor-level-title,
.question-answer-name-row .bisor-level-title,
.question-answer-comment-name .bisor-level-title{display:inline-block!important;font-family:inherit!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}

/* UNVAN AYRAÇ — SORU DETAYI + CEVAP + YORUM AYNI */
.question-detail-user-info .bisor-level-separator,.question-answer-name-row .bisor-level-separator,.question-answer-comment-name .bisor-level-separator{margin:0 3px!important;padding:0!important;}

/* Yorum kimlik satırı: cevap metadata'sından bir tık daha küçük ve soluk */
.bisor-comment-quality{display:block!important;margin-top:2px!important;font-size:10px!important;line-height:1.2!important;color:#8f94a6!important;opacity:.88!important;white-space:nowrap!important;}
.bisor-comment-quality .bisor-inline-title{font-size:inherit!important;font-weight:700!important;opacity:1!important;}
.question-answer-card .question-answer-name-row .bisor-level-separator,.question-answer-card .question-answer-comment-name .bisor-level-separator{display:inline-block!important;margin:0 3px!important;padding:0!important;background:none!important;color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important;}

/* BISOR — WHATSAPP TARZI KUYRUKLU MESAJ BALONLARI */
.bisor-message-bubble{position:relative!important;overflow:visible!important;}
.bisor-message-bubble.mine:not(.moderation){border-bottom-right-radius:5px!important;}
.bisor-message-bubble.other:not(.moderation){border-bottom-left-radius:5px!important;}
.bisor-message-bubble.mine:not(.moderation)::after{
    content:"";
    position:absolute;
    right:-6px;
    bottom:0;
    width:11px;
    height:14px;
    background:#9b42ff;
    clip-path:polygon(0 0,0 100%,100% 100%);
}
.bisor-message-bubble.other:not(.moderation)::before{
    content:"";
    position:absolute;
    left:-6px;
    bottom:0;
    width:11px;
    height:14px;
    background:#3a3d49;
    clip-path:polygon(100% 0,0 100%,100% 100%);
}

/* BISOR — SOHBET ÜST BAŞLIĞI: İSİM + ÇEVRİMİÇİ / SON GÖRÜLME */
.message-chat-user-info{height:38px;min-width:0;flex:1 1 auto;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:1px!important;overflow:hidden;}
.message-chat-user-name-row{min-width:0;max-width:100%;display:inline-flex;align-items:center;gap:4px;height:18px!important;flex:0 0 18px;transform:translateY(-1px);}
.message-chat-user-name{min-width:0;line-height:18px!important;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#messageChatPresence{display:block!important;max-width:100%;margin:0!important;padding:0!important;font-size:10px!important;line-height:12px!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.message-chat-user-username{display:none!important;}
.message-chat-verified-badge{width:17px;height:17px;min-width:17px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 17px;background:#8b3cff;color:#fff;font-size:10px;font-weight:900;line-height:17px;clip-path:polygon(50% 0%,61% 7%,74% 5%,82% 16%,94% 22%,92% 36%,100% 50%,92% 64%,94% 78%,82% 84%,74% 95%,61% 93%,50% 100%,39% 93%,26% 95%,18% 84%,6% 78%,8% 64%,0% 50%,8% 36%,6% 22%,18% 16%,26% 5%,39% 7%);}
.message-chat-admin-badge{width:26px;height:26px;min-width:26px;max-width:26px;min-height:26px;max-height:26px;flex:0 0 26px;object-fit:contain;display:inline-block;margin:0 0 0 1px;vertical-align:middle;}

/* EİC / EİS — normal kart yapısı korunur, sadece mor vurgu + etiket eklenir */
.question-eic-area{margin:14px 0 18px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
.question-eic-area::before{content:none!important;}
.question-answer-card.is-eic,
.question-detail-card.is-eis,
.question-detail-card.is-eib{
    position:relative!important;
    border-color:rgba(155,92,255,.62)!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(155,92,255,.18),transparent 34%),
      linear-gradient(180deg,rgba(139,60,255,.10),rgba(17,19,29,.98))!important;
    box-shadow:0 0 0 1px rgba(155,92,255,.08),0 10px 30px rgba(103,52,180,.20)!important;
}
.question-answer-card.is-eic::before,
.question-detail-card.is-eis::before,
.question-detail-card.is-eib::before{
    content:""!important;position:absolute!important;left:18px!important;right:18px!important;top:0!important;height:2px!important;
    background:linear-gradient(90deg,transparent,#9b5cff,#b88cff,#9b5cff,transparent)!important;
    box-shadow:0 0 12px rgba(155,92,255,.55)!important;pointer-events:none!important;
}
.question-answer-eic-badge,
.question-eis-badge,
.question-eib-badge{
    display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content!important;
    margin:0 0 12px!important;padding:6px 10px!important;border:1px solid rgba(155,92,255,.38)!important;border-radius:999px!important;
    background:rgba(139,60,255,.16)!important;color:#c9a9ff!important;font-size:12px!important;font-weight:800!important;line-height:1!important;
    box-shadow:0 0 14px rgba(139,60,255,.10)!important;
}


/* Ünvan/meta satırı — soru detayı referans ölçüsü */
.homepage-question-user-info > small,
.question-answer-user-info > small{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    height:15px !important;
    min-height:15px !important;
    line-height:15px !important;
    font-size:12px !important;
    color:#85899b !important;
    white-space:nowrap !important;
}
.homepage-question-user-info > small .bisor-inline-title,
.question-answer-user-info > small .bisor-inline-title{
    font-size:inherit !important;
    line-height:inherit !important;
    font-weight:700 !important;
}


/* Soru kartı kullanıcı başlığı — soru detayı birebir referans */
.homepage-question-user{
    align-items:center !important;
    gap:12px !important;
    min-height:44px !important;
}
.homepage-question-avatar{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    flex:0 0 44px !important;
}
.homepage-question-name-row{
    height:18px !important;
    min-height:18px !important;
    line-height:18px !important;
    gap:2px !important;
}
.homepage-question-name-row > b{
    font-size:15px !important;
    line-height:18px !important;
    font-weight:700 !important;
}
.homepage-question-user-info > small,
.question-answer-user-info > small{
    height:15px !important;
    min-height:15px !important;
    line-height:15px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:12px !important;
    color:#85899b !important;
}


/* Cevap kullanıcı başlığı — soru detayı birebir referans */
.question-answer-user{
    align-items:center !important;
    gap:12px !important;
    min-height:44px !important;
}
.question-answer-avatar{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    flex:0 0 44px !important;
}
.question-answer-name-row{
    height:18px !important;
    min-height:18px !important;
    line-height:18px !important;
    gap:2px !important;
}
.question-answer-name-row > strong{
    font-size:15px !important;
    line-height:18px !important;
    font-weight:700 !important;
}

/* Yorum — ünvan/meta yok; isim avatarın dikey merkezinde */
.question-answer-comment-user{
    align-items:center !important;
}
.question-answer-comment-user-info{
    height:34px !important;
    min-height:34px !important;
    justify-content:center !important;
    gap:0 !important;
}
.question-answer-comment-name{
    height:18px !important;
    min-height:18px !important;
    line-height:18px !important;
    flex-wrap:nowrap !important;
    gap:2px !important;
}

/* MESAJ PANELİ — INDEX İLE ORTAK SCROLLBAR */
#messageChat{
    scrollbar-width:thin;
    scrollbar-color:#8b3cff #0d0f18;
}
#messageChat::-webkit-scrollbar{width:9px;}
#messageChat::-webkit-scrollbar-track{background:#0d0f18;}
#messageChat::-webkit-scrollbar-thumb{
    background:#8b3cff;
    border-radius:999px;
    border:2px solid #0d0f18;
}
#messageChat::-webkit-scrollbar-thumb:hover{background:#9b5cff;}


/* Yorum kompakt hizası — ünvan kalkınca metni bir satır yukarı yaklaştır */
.question-answer-comment-user{
    align-items:flex-start !important;
    margin-bottom:0 !important;
}
.question-answer-comment-user-info{
    justify-content:flex-start !important;
    padding-top:1px !important;
}
.question-answer-comment-content{
    margin-top:-7px !important;
}


/* Cevap zamanı — üç nokta butonuyla aynı dikey merkez */
.question-answer-card .question-answer-time{
    align-self:flex-start !important;
    height:32px !important;
    line-height:32px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}


/* BiBilgi paylaşım/kırpma modalı: kısa ekranlarda taşmadan kaydır */
#biBilgiModal.open{
    overflow-y:auto!important;
    place-items:start center!important;
    padding:24px 16px!important;
}
#biBilgiModal > div{
    margin:auto!important;
    max-height:none!important;
}
#biBilgiCropModal{
    overflow-y:auto!important;
    align-items:flex-start!important;
    padding:20px!important;
}
#biBilgiCropModal .question-crop-box{
    margin:auto!important;
    max-height:calc(100vh - 40px)!important;
    overflow-y:auto!important;
}
#biBilgiCropModal .question-crop-frame{
    width:min(100%, 640px)!important;
    margin:0 auto!important;
    aspect-ratio:16 / 9!important;
}
#biBilgiCropConfirm{
    background:#8b3cff!important;
    color:#fff!important;
}


/* Akış kartları: soru + BiBilgi görsellerini daha kompakt göster */
.question > .question-image,
.bibilgi-card > .question-image{
    width:min(100%, 620px)!important;
    aspect-ratio:16 / 9!important;
    max-height:300px!important;
    margin:12px auto 6px!important;
    border-radius:12px!important;
    overflow:hidden!important;
}
.question > .question-image img,
.bibilgi-card > .question-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}

/* Akış soru/BiBilgi görselleri: daha kısa kart yüksekliği */
.question > .question-image,
.bibilgi-card > .question-image{
    width:min(100%, 620px)!important;
    height:240px!important;
    aspect-ratio:auto!important;
    max-height:240px!important;
    margin:12px auto 6px!important;
}
.question > .question-image img,
.bibilgi-card > .question-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}

/* Akış kartı görselleri: kart genişliğini kullan, yüksekliği kısa tut */
.question > .question-image,
.bibilgi-card > .question-image{
    width:100%!important;
    height:210px!important;
    max-width:none!important;
    max-height:210px!important;
    aspect-ratio:auto!important;
    margin:12px 0 6px!important;
}
.question > .question-image img,
.bibilgi-card > .question-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}

/* Soru + BiBilgi kırpma çerçevesi kart görsel oranıyla aynı */
#questionCropModal .question-crop-frame,
#biBilgiCropModal .question-crop-frame{
    aspect-ratio:1280 / 420!important;
    height:auto!important;
}


/* iOS Safari yatay masaüstü viewportunda otomatik yazı/buton büyütmesini kapat */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}

/* Hero aksiyonları — kategori görünümüyle aynı kompakt sabit ölçü */
.hero #ask2,.hero #bibilgi2{
  box-sizing:border-box!important;
  width:112px!important;
  height:38px!important;
  min-width:112px!important;
  min-height:38px!important;
  max-width:112px!important;
  max-height:38px!important;
  padding:0 12px!important;
  margin:0!important;
  border-radius:9px!important;
  font:800 13px/38px system-ui!important;
  white-space:nowrap!important;
  text-align:center!important;
  flex:none!important;
}
.hero #ask2 span{font-size:16px!important;line-height:1!important;}

/* 2026-09-27 — Soru/BiBilgi mobil ile eş aksiyon düzeni */
#feed .bibilgi-card .bibilgi-like-btn.liked,
#feed .bibilgi-card .bibilgi-like-btn.liked .question-like-heart-card {
    color:#9b5cff !important;
}
.question-detail-actions {
    display:flex !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:0 !important;
    width:100% !important;
}
.question-detail-actions .bisor-detail-action {
    appearance:none !important;
    -webkit-appearance:none !important;
    flex:1 1 0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 12px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#ffffff !important;
    font:inherit !important;
    font-size:13px !important;
    line-height:1 !important;
    cursor:pointer !important;
    white-space:nowrap !important;
}
.question-detail-actions .bisor-detail-action + .bisor-detail-action {
    border-left:1px solid #292d3d !important;
}
.question-detail-actions #questionLikes {
    margin:0 !important;
    padding:0 12px !important;
}
.question-detail-actions #questionLikes::after {
    display:none !important;
    content:none !important;
}
.question-detail-actions #questionLikes.liked,
.question-detail-actions #questionLikes.liked .question-like-heart {
    color:#9b5cff !important;
}
.question-detail-actions .question-like-heart,
.question-detail-actions .question-answer-icon-card {
    font-size:20px !important;
    line-height:20px !important;
}

.question-detail-actions #questionLikes.bisor-detail-action,
.question-detail-actions #questionAnswers.bisor-detail-action,
.question-detail-actions #questionShare.bisor-detail-action {
    flex:1 1 0 !important;
    width:auto !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 12px !important;
    font-size:13px !important;
    line-height:1 !important;
}

.question-detail-actions #questionLikes.bisor-detail-action { order:1 !important; }
.question-detail-actions #questionAnswers.bisor-detail-action { order:2 !important; }
.question-detail-actions #questionShare.bisor-detail-action { order:3 !important; }
.question-detail-actions #questionDelete { order:4 !important; }

.profile-bibilgi-actions {
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    margin-top:10px !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
}
.profile-bibilgi-actions button {
    flex:1 1 0 !important;
    height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    cursor:pointer !important;
    font-size:12px !important;
}
.profile-bibilgi-actions button + button { border-left:1px solid #292d3d !important; }
.profile-bibilgi-actions .bibilgi-like-btn.liked,
.profile-bibilgi-actions .bibilgi-like-btn.liked .question-like-heart-card { color:#9b5cff !important; }

/* 2026-09-27 — BiBilgi boş kalp beyaz + detay aksiyonları kompakt */
#feed .bibilgi-card .bibilgi-like-btn,
#feed .bibilgi-card .bibilgi-like-btn:hover,
#feed .bibilgi-card .bibilgi-like-btn:focus,
#feed .bibilgi-card .bibilgi-like-btn:active,
#feed .bibilgi-card .bibilgi-like-btn .question-like-heart-card {
    color:#ffffff !important;
}
#feed .bibilgi-card .bibilgi-like-btn.liked,
#feed .bibilgi-card .bibilgi-like-btn.liked:hover,
#feed .bibilgi-card .bibilgi-like-btn.liked:focus,
#feed .bibilgi-card .bibilgi-like-btn.liked:active,
#feed .bibilgi-card .bibilgi-like-btn.liked .question-like-heart-card {
    color:#9b5cff !important;
}

.question-detail-actions {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:max-content !important;
    max-width:100% !important;
    gap:0 !important;
    margin-top:14px !important;
    padding-top:0 !important;
    border-top:0 !important;
}

.question-detail-actions #questionLikes.bisor-detail-action,
.question-detail-actions #questionAnswers.bisor-detail-action,
.question-detail-actions #questionShare.bisor-detail-action {
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:32px !important;
    min-height:32px !important;
    margin:0 !important;
    padding:0 11px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:12px !important;
    line-height:1 !important;
    white-space:nowrap !important;
}
.question-detail-actions #questionAnswers.bisor-detail-action,
.question-detail-actions #questionShare.bisor-detail-action {
    border-left:1px solid #292d3d !important;
}
.question-detail-actions #questionLikes.bisor-detail-action {
    margin-right:0 !important;
    padding-right:11px !important;
}
.question-detail-actions #questionLikes.bisor-detail-action::after {
    display:none !important;
    content:none !important;
}
.question-detail-actions .question-like-heart,
.question-detail-actions .question-answer-icon-card {
    font-size:18px !important;
    line-height:18px !important;
}


/* Soru ve BiBilgi detayları, yukarıdaki akış kartı aksiyon kurallarını paylaşır.
   Eski question-detail-actions kuralları bu satıra uygulanmaz. */
#questionDetail .actions #questionLikes:not(.liked),
#questionDetail .actions #questionLikes:not(.liked) .question-like-heart {
    color:#ffffff !important;
}
#questionDetail .actions #questionLikes.liked,
#questionDetail .actions #questionLikes.liked .question-like-heart {
    color:#9b5cff !important;
}
/* 2026-09-27 — Header BiSor logo büyütme */
header > .logo {
    width:310px !important;
    min-width:310px !important;
    max-width:310px !important;
    height:90px !important;
    flex:0 0 310px !important;
}
header > .logo .bisor-home-logo {
    width:310px !important;
    height:90px !important;
    flex:0 0 310px !important;
    justify-content:flex-start !important;
    transform:translateX(-10px) !important;
}
header > .logo .bisor-logo {
    width:310px !important;
    max-width:310px !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:left center !important;
}
/* 2026-09-27 — Header logo ayraç üstüne oturtma */
header > .logo .bisor-home-logo {
    transform:translate(-10px, 10px) !important;
}
/* 2026-09-27 — Logo kategori sütununa hizalama */
header > .logo .bisor-home-logo {
    transform:translate(-18px, 9px) !important;
}
/* 2026-09-27 — Tıklanabilir kategori kapsülleri, çizgisiz */
.category-link,
.category-link:link,
.category-link:visited,
.category-link:hover,
.category-link:focus,
.category-link:active {
    text-decoration:none !important;
}
.category-link {
    cursor:pointer !important;
}


/* Admin kategori degistirme / moderasyon modal katmani */
.bisor-report-backdrop{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.65);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99999;
    padding:20px;
}
.bisor-report-box{
    width:min(420px,100%);
    background:#171a26;
    border:1px solid #303548;
    border-radius:14px;
    padding:20px;
    box-sizing:border-box;
    box-shadow:0 15px 45px rgba(0,0,0,.45);
}
.bisor-report-box h3{margin:0 0 8px;color:#fff;font-size:18px;}
.bisor-report-box p{margin:0 0 14px;color:#8f95a8;font-size:13px;}
.bisor-report-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;}
.bisor-report-actions button{border:0;border-radius:8px;padding:9px 13px;cursor:pointer;}
.bisor-report-actions button:first-child{background:#292d3d;color:#cfd2df;}
.bisor-report-actions button:last-child{background:#7657d9;color:#fff;}
#questionMenuDropdown{
    min-width:210px !important;
    width:210px !important;
}
#questionMenuDropdown button{
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
#questionCategoryMenu{
    width:100% !important;
    display:block;
}

/* Soru modalı — tüm sayfalarda ana sayfa ile aynı görünüm */
.bisor-modal-question-mark {
    color: #ad49ff !important;
    font-size: 1.35em !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin-left: 5px !important;
    margin-right: 0 !important;
    display: inline-block !important;
    vertical-align: -0.04em !important;
}

.question-anonymous-option {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: max-content !important;
    margin: 12px 0 16px !important;
    padding: 0 !important;
}

.question-anonymous-option input[type="checkbox"] {
    position: static !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
}

.question-anonymous-option span {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 20px !important;
}

/* Soru ve BiBilgi cevap kutusu: mobildeki gibi gizli cevap secimi */
.question-answer-compose {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.question-answer-form .question-answer-compose textarea {
    flex: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.question-answer-anonymous {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 25px;
    width: fit-content;
    max-width: 100%;
    color: #c1bbd4;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    line-height: 1.35;
}
.question-answer-anonymous input[type="checkbox"] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #8b5cf6;
    cursor: pointer;
}
.question-answer-anonymous:has(input:checked) span {
    color: #c4a8ff;
}
.question-answer-user-info.bisor-anonymous-answer small {
    visibility: hidden !important;
}


/* Web: soru/BiBilgi cevap ve yorum kutulari, Gonder/Cevapla butonlariyla es boyda. */
.question-answer-form .question-answer-compose > #questionAnswerInput {
    background: #202333;
    border: 1px solid #3a3f57;
    border-radius: 11px;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    min-height: 44px;
    padding: 11px 12px;
    line-height: 20px;
    color: #f9f7ff;
    caret-color: #b38cff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.14);
    transition: border-color 150ms ease, box-shadow 150ms ease;
}
.question-answer-form .question-answer-compose > #questionAnswerInput::placeholder {
    color: #a9aec2;
}
.question-answer-form .question-answer-compose > #questionAnswerInput:focus {
    border-color: #8b5cf6;
    box-shadow: 0 0 0 2px rgba(139,92,246,0.12);
}
.question-answer-form > .question-answer-submit {
    box-sizing: border-box;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    align-self: flex-start;
}
.question-answer-comment-form > .question-answer-comment-input {
    box-sizing: border-box;
    height: 40px;
    min-height: 40px;
    padding: 9px 11px;
    line-height: 20px;
}
.question-answer-comment-form > .question-answer-comment-submit {
    box-sizing: border-box;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}


/* Akis ve kategoriler: begeni yazisi beyaz, begenilmis kalp mor. */
#feed .question .actions button.question-like-btn,
#feed .question .actions button.bibilgi-like-btn {
    color: #ffffff !important;
}
#feed .question .actions button.question-like-btn .question-like-heart-card,
#feed .question .actions button.bibilgi-like-btn .question-like-heart-card {
    color: #ffffff !important;
}
#feed .question .actions button.question-like-btn.liked .question-like-heart-card,
#feed .question .actions button.bibilgi-like-btn.liked .question-like-heart-card {
    color: #9b5cff !important;
}
.question-answer-comment-user-info.bisor-anonymous-answer small {
    visibility: hidden !important;
}

/* BISOR_MESSAGE_CAMERA_CENTER_V1 */
label[for="messageImageInput"] {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  font-size:0!important;
  line-height:1!important;
  flex-shrink:0;
}
label[for="messageImageInput"]::before {
  content:"";
  display:block;
  width:20px;
  height:20px;
  flex:0 0 20px;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c9c4da%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.5%204h-5L7%207H4a2%202%200%200%200-2%202v9a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2h-3z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");
  background-position:center;
  background-size:20px 20px;
  background-repeat:no-repeat;
}

/* BISOR_PROFILE_CAMERA_CENTER_V1 */
#profileAvatar .avatar-edit-button,
#profileCover .cover-edit-button {
  font-size:0!important;
  line-height:1!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
#profileAvatar .avatar-edit-button::before,
#profileCover .cover-edit-button::before {
  content:""!important;
  display:block!important;
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  font-size:0!important;
  filter:none!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c9c4da%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.5%204h-5L7%207H4a2%202%200%200%200-2%202v9a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2h-3z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")!important;
  background-position:center!important;
  background-size:20px 20px!important;
  background-repeat:no-repeat!important;
}

/* BISOR_COVER_CAMERA_PURPLE_V1 */
#profileCover .cover-edit-button {
  background:linear-gradient(135deg,#7e3cff,#b44cff)!important;
  border:2px solid #121521!important;
  box-shadow:0 4px 14px rgba(126,60,255,.45)!important;
  color:#fff!important;
}
#profileCover .cover-edit-button:hover {
  background:linear-gradient(135deg,#7e3cff,#b44cff)!important;
  border-color:#121521!important;
  transform:scale(1.06)!important;
}

/* BISOR_SHARE_CAMERA_V1 */
.question-image-button .bisor-share-camera-icon {
  display:block;
  width:20px;
  height:20px;
  flex:0 0 20px;
  align-self:center;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c9c4da%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.5%204h-5L7%207H4a2%202%200%200%200-2%202v9a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2h-3z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");
  background-position:center;
  background-size:20px 20px;
  background-repeat:no-repeat;
}

/* BiSor: ads only keep the card when a real ad was returned. */
.bisor-infeed-ad[data-bisor-ad="pending"],
.bisor-detail-ad[data-bisor-ad="pending"] {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.bisor-infeed-ad[hidden],
.bisor-detail-ad[hidden],
.bisor-infeed-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.bisor-detail-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* BiSor mesaj sohbet listesi: mor/dark kaydirma cubugu */
#messageUserList {
  scrollbar-width: thin;
  scrollbar-color: #9b4dff #0b0d18;
}
#messageUserList::-webkit-scrollbar { width: 7px; }
#messageUserList::-webkit-scrollbar-track { background: #0b0d18; border-radius: 10px; }
#messageUserList::-webkit-scrollbar-thumb { background: #9743eb; border-radius: 10px; border: 1px solid #171125; }
#messageUserList::-webkit-scrollbar-thumb:hover { background: #b45cff; }

/* Sabitlenmis sorular ve BiBilgiler icin ortak etiket */
#feed .pinned-popular-badge {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 10px; margin-bottom: 10px; border-radius: 999px;
  color: #f9e5ff; background: rgba(139, 92, 246, .19);
  border: 1px solid rgba(179, 122, 255, .5);
  font-size: 12px; font-weight: 750;
}

/* Pinned label is state-driven and cannot disappear on DOM badge redraw. */
#feed article.question[data-pinned="true"]::before {
  content: "🔥 Popüler";
  display: inline-flex !important;
  align-items: center;
  padding: 5px 10px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(139,92,246,.19);
  color: #f9e5ff;
  border: 1px solid rgba(179,122,255,.5);
  font-size: 12px;
  font-weight: 750;
}
#feed article.question[data-pinned="true"] > .pinned-popular-badge { display:none !important; }
#feed article.question[data-pinned="false"]::before { content:none !important; }


/* Restore original warm orange Populer style; keep pinned-state visibility. */
#feed article.question[data-pinned="true"]::before {
  color: #ffad43 !important;
  background: rgba(255, 132, 22, .16) !important;
  border-color: rgba(255, 150, 38, .62) !important;
}
#feed .pinned-popular-badge {
  color: #ffad43 !important;
  background: rgba(255, 132, 22, .16) !important;
  border-color: rgba(255, 150, 38, .62) !important;
}


/* Arama sonuclari: mesaj listesindeki mor scrollbar ile ayni */
.bisor-header-search-results,
.bisor-category-scroll {
  scrollbar-width: thin;
  scrollbar-color: #9b4dff #0b0d18;
}
.bisor-header-search-results::-webkit-scrollbar,
.bisor-category-scroll::-webkit-scrollbar { width: 7px; }
.bisor-header-search-results::-webkit-scrollbar-track,
.bisor-category-scroll::-webkit-scrollbar-track { background: #0b0d18; border-radius: 10px; }
.bisor-header-search-results::-webkit-scrollbar-thumb,
.bisor-category-scroll::-webkit-scrollbar-thumb { background: #9743eb; border-radius: 10px; border: 1px solid #171125; }
.bisor-header-search-results::-webkit-scrollbar-thumb:hover,
.bisor-category-scroll::-webkit-scrollbar-thumb:hover { background: #b45cff; }

/* BiSor chat web links */
.bisor-message-bubble a.bisor-chat-link,
.bisor-chat-link,
.bisor-message-bubble a.bisor-chat-link:visited,
.bisor-chat-link:visited {
  color: #ffffff !important;
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}
.bisor-message-bubble a.bisor-chat-link:hover,
.bisor-chat-link:hover { color: #ffffff !important; }

/* bisor-feed-quality-row-v1 */
#feed article.question.is-eis,#feed article.question.is-eib{
 position:relative;border:1px solid rgba(155,92,255,.78)!important;
 background:radial-gradient(circle at 10% 0%,rgba(155,92,255,.13),transparent 45%),#11131d!important;
 box-shadow:0 0 0 1px rgba(155,92,255,.09),0 7px 22px rgba(139,60,255,.16)!important;
}
#feed .bisor-quality-badges,.question-detail-card .bisor-quality-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
#feed .bisor-quality-badges:empty,.question-detail-card .bisor-quality-badges:empty{display:none;}
#feed .bisor-quality-badges .bisor-quality-badge,.question-detail-card .bisor-quality-badges .bisor-quality-badge{
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 min-height:30px;padding:5px 11px;border:1px solid rgba(155,92,255,.65);border-radius:999px;
 color:#d9baff;background:rgba(139,60,255,.22);font-size:12px;font-weight:800;line-height:18px;
 box-shadow:0 0 12px rgba(139,60,255,.16);
}
#feed .bisor-quality-badges .pinned-popular-badge,.question-detail-card .bisor-quality-badges .pinned-popular-badge{
 display:inline-flex!important;align-items:center;box-sizing:border-box;min-height:30px;
 margin:0!important;padding:5px 11px!important;border-radius:999px;
 color:#ffad43!important;background:rgba(255,132,22,.16)!important;border:1px solid rgba(255,150,38,.62)!important;
 font-size:12px!important;font-weight:800!important;line-height:18px!important;
}
#feed article.question[data-pinned="true"]::before{content:none!important;display:none!important;}
#feed article.question[data-pinned="true"] .bisor-quality-badges>.pinned-popular-badge{display:inline-flex!important;}
.question-detail-card .question-eis-badge,.question-detail-card .question-eib-badge{min-height:30px!important;box-sizing:border-box!important;}

/* bisor-detail-badge-alignment-v2 */
#questionDetail.question-detail-card > .bisor-quality-badges{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 gap:8px!important;flex-wrap:wrap!important;margin:0 0 12px!important;
 padding:0!important;width:100%!important;min-height:0!important;
}
#questionDetail.question-detail-card > .bisor-quality-badges > .bisor-quality-badge,
#questionDetail.question-detail-card > .bisor-quality-badges > .pinned-popular-badge{
 display:inline-flex!important;position:static!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;box-sizing:border-box!important;height:30px!important;min-height:30px!important;
 width:auto!important;max-width:none!important;margin:0!important;padding:5px 11px!important;
 border-radius:999px!important;font-family:inherit!important;font-size:12px!important;
 font-weight:800!important;line-height:18px!important;letter-spacing:0!important;
 white-space:nowrap!important;text-transform:none!important;transform:none!important;
}
#questionDetail.question-detail-card > .bisor-quality-badges > .bisor-quality-badge{
 color:#d9baff!important;background:rgba(139,60,255,.22)!important;
 border:1px solid rgba(155,92,255,.65)!important;box-shadow:0 0 12px rgba(139,60,255,.16)!important;
}
#questionDetail.question-detail-card > .bisor-quality-badges > .pinned-popular-badge{
 color:#ffad43!important;background:rgba(255,132,22,.16)!important;
 border:1px solid rgba(255,150,38,.62)!important;box-shadow:none!important;
}

/* bisor-feed-detail-quality-effect-v1 */
#feed article.question.is-eib{
    position:relative!important;
    border-color:rgba(155,92,255,.62)!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(155,92,255,.18),transparent 34%),
      linear-gradient(180deg,rgba(139,60,255,.10),rgba(17,19,29,.98))!important;
    box-shadow:0 0 0 1px rgba(155,92,255,.08),0 10px 30px rgba(103,52,180,.20)!important;
}
#feed article.question.is-eib::before{
    content:""!important;position:absolute!important;left:18px!important;right:18px!important;top:0!important;height:2px!important;
    background:linear-gradient(90deg,transparent,#9b5cff,#b88cff,#9b5cff,transparent)!important;
    box-shadow:0 0 12px rgba(155,92,255,.55)!important;pointer-events:none!important;
}

/* bisor-feed-eis-detail-effect-v1 */
#feed article.question.is-eis{
    position:relative!important;
    border-color:rgba(155,92,255,.62)!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(155,92,255,.18),transparent 34%),
      linear-gradient(180deg,rgba(139,60,255,.10),rgba(17,19,29,.98))!important;
    box-shadow:0 0 0 1px rgba(155,92,255,.08),0 10px 30px rgba(103,52,180,.20)!important;
}
#feed article.question.is-eis::before{
    content:""!important;position:absolute!important;left:18px!important;right:18px!important;top:0!important;height:2px!important;
    background:linear-gradient(90deg,transparent,#9b5cff,#b88cff,#9b5cff,transparent)!important;
    box-shadow:0 0 12px rgba(155,92,255,.55)!important;pointer-events:none!important;
}

/* Preserve the quality glow independently of the pin state. */
#feed article.question.is-eis[data-pinned]::before,
#feed article.question.is-eib[data-pinned]::before {
    content:""!important;display:block!important;position:absolute!important;
    left:18px!important;right:18px!important;top:0!important;height:2px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:linear-gradient(90deg,transparent,#9b5cff,#b88cff,#9b5cff,transparent)!important;
    box-shadow:0 0 12px rgba(155,92,255,.55)!important;pointer-events:none!important;
}


/* Category navigation stays inside the sticky sidebar through the final link. */
@media (min-width: 1050px) {
    .layout > aside.bisor-category-sidebar {
        position: sticky !important;
        top: 112px;
        align-self: start;
        display: flex;
        flex-direction: column;
        height: calc(100vh - 134px);
        height: calc(100dvh - 134px);
        min-height: 0;
        overflow: hidden !important;
    }
    .bisor-category-sidebar > h5 {
        flex: 0 0 auto;
    }
    .bisor-category-sidebar > .bisor-category-scroll {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior-y: contain;
        scrollbar-width: thin;
        scrollbar-gutter: stable;
        padding-bottom: 12px;
    }
}

/* BiSor 2.0.3 search section colors */
.bisor-search-section-title{color:#8b3cff;font-size:13px;font-weight:900;letter-spacing:.7px}
.bisor-search-section-title.bisor-search-hashtag-title{color:#8b3cff}


/* Uniform A/M badge size: use the profile badge dimensions everywhere. */
.profile-admin-badge,
.question-answer-admin-badge,
.message-chat-admin-badge,
.moderator-badge,
img[src="/assets/admin-badge.svg"],
img[src="/assets/moderator-badge.svg"] {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    flex-basis: 26px !important;
    flex-shrink: 0 !important;
    object-fit: contain !important;
}


/* A/M and verified spacing: match the profile row (2px gap + 1px margin). */
.profile-badge-row,
.homepage-question-name-row,
.question-detail-user-info,
.question-answer-name-row,
.question-answer-comment-name,
.message-user-name-row,
.message-chat-user-name-row {
    column-gap: 2px !important;
}
.profile-admin-badge,
.question-answer-admin-badge,
.message-chat-admin-badge,
.moderator-badge,
#questionAdminBadge {
    margin-left: 1px !important;
    margin-right: 0 !important;
}
.profile-verified-badge,
.question-answer-verified-badge,
.message-chat-verified-badge,
#questionVerified {
    margin-left: 1px !important;
    margin-right: 0 !important;
}