/* ============================================================================
   LinguMonster marka katmanı — panel (Velok) için. app.css'ten SONRA yüklenir.
   Not: app.css'teki tüm primary yeşili (#22b956 ailesi) zaten global olarak
   LinguMonster indigo'suna (#667EEA) çevrildi. Bu dosya landing ile aynı
   İNDİGO→MOR gradyan imzasını panele taşır (buton/menü/marka aksanları).
   ============================================================================ */
:root {
    --lm-indigo: #667EEA;
    --lm-purple: #764BA2;
    --lm-grad: linear-gradient(135deg, #667EEA, #764BA2);
    /* Emniyet: primary indigo kalsın (app.css zaten çevirdi) */
    --bs-primary: #667EEA;
    --bs-primary-rgb: 102, 126, 234;
    --ct-primary: #667EEA;
    --ct-primary-rgb: 102, 126, 234;
}

/* Primary butonlar: landing CTA'sıyla aynı indigo→mor gradyan */
.btn-primary {
    --bs-btn-bg: #667EEA; --bs-btn-border-color: #667EEA;
    --bs-btn-hover-bg: #566fd8; --bs-btn-hover-border-color: #566fd8;
    --bs-btn-active-bg: #4c5fc0; --bs-btn-active-border-color: #4c5fc0;
    --bs-btn-disabled-bg: #667EEA; --bs-btn-disabled-border-color: #667EEA;
    background-image: var(--lm-grad);
    border: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-image: linear-gradient(135deg, #5a71e0, #6b429a);
}
.btn-outline-primary { --bs-btn-color: #667EEA; --bs-btn-border-color: #667EEA; --bs-btn-hover-bg: #667EEA; --bs-btn-hover-border-color: #667EEA; --bs-btn-active-bg: #667EEA; }

/* Odak halkası + form kontrolleri indigo */
.form-control:focus, .form-select:focus, .form-check-input:focus {
    border-color: #a3b1f2; box-shadow: 0 0 0 .2rem rgba(102, 126, 234, .18);
}
.form-check-input:checked { background-color: #667EEA; border-color: #667EEA; }

/* Sidebar aktif menü: yumuşak indigo hap + sol gradyan şerit */
.main-nav .navbar-nav .menu-item .menu-link.active {
    color: #667EEA;
    background-color: rgba(102, 126, 234, .10);
    border-radius: 8px;
    position: relative;
}
.main-nav .navbar-nav .menu-item .menu-link.active::before {
    content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px;
    border-radius: 3px; background: var(--lm-grad);
}
.main-nav .navbar-nav .menu-item .menu-link.active .nav-icon,
.main-nav .navbar-nav .menu-item .menu-link:hover .nav-icon,
.main-nav .navbar-nav .menu-item .menu-link:hover { color: #667EEA; }

/* Linkler + vurgular */
a { color: #667EEA; }
a:hover { color: #566fd8; }
.text-primary { color: #667EEA !important; }
.bg-primary { background-color: #667EEA !important; }
.link-primary { color: #667EEA !important; }
.bg-gradient-primary, .bg-lm-gradient { background-image: var(--lm-grad) !important; color: #fff; }

/* Nav pills / tabs aktif rengi */
.nav-pills .nav-link.active { background-color: #667EEA; }
.nav-tabs .nav-link.active { color: #667EEA; border-bottom-color: #667EEA; }

/* Rozetler */
.badge-soft-primary { color: #667EEA; background-color: rgba(102, 126, 234, .12); }

/* ---------------- LinguMonster logosu (sidebar + auth) ---------------- */
/* Velok'un minik logo yüksekliklerini marka logosuna göre büyüt */
:root { --bs-logo-lg-height: 34px; --bs-logo-sm-height: 32px; }

/* Kare marka ikonu — yuvarlatılmış app-icon görünümü */
.lm-mark { height: 32px; width: 32px; border-radius: 8px; object-fit: cover; flex: 0 0 auto; }

/* Genişletilmiş sidebar wordmark'ı: ikon + LinguMonster yazısı */
.logo-box .logo-lg.lm-wordmark {
    height: auto; display: inline-flex; align-items: center; gap: 9px; margin-left: 6px;
}
.lm-name { font-size: 1.18rem; font-weight: 800; letter-spacing: -.2px; color: #313b5e; line-height: 1; }
.lm-name-light { color: #fff; }

/* Auth (giriş/kayıt) sayfası logosu — ortalı, biraz daha büyük */
.lm-auth-logo { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.lm-auth-logo img { height: 46px; width: 46px; border-radius: 11px; object-fit: cover; }
.lm-auth-logo span { font-size: 1.5rem; font-weight: 800; letter-spacing: -.3px; color: #313b5e; }
html[data-bs-theme=dark] .lm-auth-logo span { color: #fff; }