.vb-container {    max-width: 760px;    margin: 40px auto;    background: #f2f2f2;    border: 1px solid #b9b9b9;    border-radius: 4px;    font-family: Tahoma, Arial, sans-serif;}.vb-header {    background: #2f4f6f;    color: #fff;    padding: 12px 15px;    font-size: 16px;    font-weight: bold;    border-bottom: 2px solid #1b2f45;}.vb-form { padding: 20px; }.vb-form label { font-weight:bold; margin-bottom:6px; display:block;}.vb-input, .vb-textarea { width:100%; padding:10px; border:1px solid #aaa; margin-bottom:18px; }.vb-textarea { height:240px; }.vb-button { padding:12px 25px; background:#3b76b3; color:white; border:none; border-radius:4px; cursor:pointer; }.vb-button:hover { background:#2a5e91; }
}

.main-navigation .inside-navigation {
    display: flex !important;
    align-items: center !important;
}

/* login-wrapper artık flex item, EN SONDA (SAĞDA) */
.main-navigation .login-wrapper {
    order: 99;                 /* en sağa taşı */
    margin-left: 12px;         /* menü ile arası */
    display: flex;
    align-items: center;
}

/* === BEYAZ KUTU === */
.login-mini {
    font-family: Tahoma;
    font-size: 13px;
    background: #04121F;
    border: 1px solid #444a65;
    padding: 8px 12px;
    border-radius: 6px;
    width: fit-content;
}

/* 1. satır: Nick + Beni hatırla */
.login-mini .row1 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

/* 2. satır: Şifre + Giriş + Kayıt Ol */
.login-mini .row2 {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* INPUTLAR */
.login-mini input[type="text"],
.login-mini input[type="password"] {
    background: #101010;
    border: 1px solid #444a65;
    border-radius: 6px;
    padding: 4px 6px;
    font-family: Tahoma;
    font-size: 13px;
    color: #eee;
    width: 110px;
}

/* Checkbox */
.login-mini .remember {
    display: flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
}

/* GİRİŞ & KAYIT OL BUTONLARI */
.login-mini button,
.login-mini .reg-btn {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 5px 12px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
color: #040404;
  background: #00d8ff;
  border-color: #1adcff #00c2e6 #00c2e6 #1adcff;
    cursor: pointer;
    font-weight: normal;
}

.login-mini .reg-btn {
    line-height: 14px;
}







/* ============================================================
   MOBİL LOGIN (Giriş & Kayıt Ol)
============================================================ */
.mobile-login-only {
    display: none;
}

.mobile-login-only .m-btn {
    background: #374151;
    color: #fff;
    font-size: 14px;
    padding: 8px 14px;
    border-radius: 4px;
    text-decoration: none;
    font-family: Tahoma;
    font-weight: bold;
}

/* ===== SADECE MOBİL ===== */
@media (max-width: 768px) {

    /* Masaüstü login kutusunu gizle */
    .login-wrapper {
        display: none !important;
    }

    /* Mobil butonları göster */
    .mobile-login-only {
        display: flex !important;
        justify-content: center;
        gap: 10px;
        padding: 10px 0;
    }
}

/* ============================================================
   KONU AÇ BUTONU
============================================================ */
.konu-ac-wrapper {
    width: 93%;
    max-width: 1350px;
    margin: 10px auto 15px auto;
    display: flex;
    justify-content: flex-end;
    padding: 0 15px;
}

.konu-ac-btn {
    background: #ffcb21;
    color: #000;
    padding: 6px 12px;
    border-radius: 7px;
    font-family: Tahoma;
    font-size: 14px;
    text-decoration: none;
}

/* ============================================================
   ÖZEL KAYIT SAYFASI
============================================================ */
.ozel-register-box {
    max-width: 700px;
    margin: 20px auto;
    border: 1px solid #ccc;
    padding: 15px 20px;
    background: #fff;
    border-radius: 6px;
    font-family: Tahoma;
}

.ozel-register-box label {
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

.ozel-register-box input {
    width: 100%;
    padding: 6px;
    border: 1px solid #bcd6d3;
    background: #e3f5f4;
    border-radius: 4px;
    margin-top: 4px;
}

.ozel-register-box textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 6px;
    border-radius: 4px;
    background: #fafafa;
    margin-top: 4px;
}

.ozel-register-box button {
    margin-top: 14px;
    padding: 8px 16px;
    background: #4a5568;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.reg-error {
    background: #ffdddd;
    padding: 8px;
    border: 1px solid #dd5555;
    color: #900;
    margin-bottom: 10px;
    border-radius: 6px;
}