/* PMG Taral B4B - Custom Theme Colors */
/* Ana Renk: #253448 (Lacivert ton - PMG Taral logo rengi) */

/* Sidebar Arka Plan Rengi */
#sidebar-menu,
.vertical-menu,
.app-menu {
    background-color: #253448 !important;
}

/* Sidebar Scroll Fix - ÖNEMLİ */
.app-menu #scrollbar {
    height: calc(100vh - 70px);
    overflow-y: auto !important;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

.app-menu #scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.app-menu .simplebar-content-wrapper {
    overflow-y: auto !important;
}

/* Sidebar Menü Item'ları */
#sidebar-menu .menu-link,
#sidebar-menu .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Aktif Menü Item */
#sidebar-menu .nav-link.active,
#sidebar-menu .menu-link.active {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

/* Hover Efektleri */
#sidebar-menu .nav-link:hover,
#sidebar-menu .menu-link:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}

/* Submenu Arka Plan */
#sidebar-menu .nav.sub-menu {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

/* Navbar Arka Plan (Üst Bar) - BEYAZ */
#page-topbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e9ecef !important;
}

/* Navbar İçindeki Linkler - KOYU RENKLİ */
#page-topbar .header-item,
#page-topbar .nav-link {
    color: #495057 !important;
}

#page-topbar .header-item:hover,
#page-topbar .nav-link:hover {
    color: #253448 !important;
}

/* Primary Button Rengi */
.btn-primary {
    background-color: #253448 !important;
    border-color: #253448 !important;
}

.btn-primary:hover {
    background-color: #1a2632 !important;
    border-color: #1a2632 !important;
}

/* Menü Icon'ları */
#sidebar-menu .menu-icon,
#sidebar-menu i {
    color: rgba(255, 255, 255, 0.8) !important;
}

#sidebar-menu .nav-link.active .menu-icon,
#sidebar-menu .nav-link.active i {
    color: #ffffff !important;
}

/* Menü Başlıkları (Menu Title) */
#sidebar-menu .menu-title {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Logo Arka Plan */
.navbar-brand-box {
    background-color: #253448 !important;
}

/* Scrollbar Styling for Sidebar */
#sidebar-menu::-webkit-scrollbar {
    width: 6px;
}

#sidebar-menu::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

#sidebar-menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

#sidebar-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Collapse Menu Arrow */
#sidebar-menu .menu-arrow {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Badge Renkleri (Notification Count vb.) */
.badge-soft-primary {
    background-color: rgba(37, 52, 72, 0.18) !important;
    color: #253448 !important;
}

/* Auth Sayfaları - Login/Register Background Overlay */
/* PMG Taral Lacivert (#253448) */
.auth-one-bg .bg-overlay {
    background: #253448 !important;
    background-image: none !important;
    background: -webkit-gradient(linear, left top, right top, from(#253448), to(#253448)) !important;
    background: linear-gradient(to right, #253448, #253448) !important;
    background: -webkit-radial-gradient(circle, #253448 0%, #253448 100%) !important;
    background: radial-gradient(circle, #253448 0%, #253448 100%) !important;
    opacity: 0.9 !important;
}

/* Auth Page Background */
.auth-one-bg {
    background-color: #253448 !important;
    background-image: none !important;
}

.auth-one-bg .shape {
    background: #253448 !important;
}

/* Auth Particles Canvas Override */
.auth-page-wrapper .auth-one-bg .bg-overlay {
    background: #253448 !important;
    opacity: 0.9 !important;
}

/* Particles Container Background */
#auth-particles {
    background: #253448 !important;
}

.auth-one-bg-position {
    background: #253448 !important;
}