/* Custom AdminLTE menu styling for 'ГЛАВНАЯ СТРАНИЦА' group */
/* Add subtle left border and distinct background for submenu items */

/* Make entire left sidebar a visible gray (instead of near-black) */
.main-sidebar,
.wrapper .main-sidebar,
.main-sidebar .sidebar,
.sidebar-dark-primary .main-sidebar,
body.sidebar-mini .main-sidebar,
body.sidebar-collapse .main-sidebar {
    background-color: #3b4244 !important; /* uniform gray */
    background-image: none !important;
}

/* Make the sidebar fixed so navigation stays visible while scrolling */
.main-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
    overflow: auto !important; /* allow scrolling inside sidebar if needed */
    z-index: 1030 !important;
}

/* Push main content to the right so it doesn't hide under fixed sidebar */
.content-wrapper {
    margin-left: 250px !important; /* adjust if your sidebar width differs */
}

/* Brand header (top) made black */
.main-sidebar .brand-link {
    background-color: #0b0b0b !important;
    color: #e6e6e6 !important;
}

/* Logo sizing and alignment fixes */
.main-sidebar .brand-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0.35rem 0.75rem !important; /* reduce vertical padding */
}
.main-sidebar .brand-link .brand-image {
    max-height: 44px !important; /* larger logo */
    width: auto !important;
    margin-right: 0.5rem !important;
    display: inline-block !important;
}
.main-sidebar .brand-link img {
    max-height: 44px !important;
    width: auto !important;
    display: block !important;
}

/* Brand text next to logo */
.main-sidebar .brand-link .brand-text {
    color: #ffffff !important;
    font-weight: 400 !important; /* remove bold */
    margin-left: 1.2rem !important; /* move text further from logo */
    font-size: 1.25rem !important; /* larger text */
    line-height: 1 !important;
    display: inline-block !important;
    transform: translateY(6px) !important; /* nudge downward more */
}

/* Sidebar links contrast on gray background */
.main-sidebar .nav-sidebar .nav-link {
    color: #d6dadb !important;
    background: transparent !important;
}
.main-sidebar .nav-sidebar .nav-link .nav-icon {
    color: #c1c7c8 !important;
}

/* Active link should be blue like default AdminLTE */
.sidebar-dark-primary .nav-sidebar .nav-link.active {
    background-color: rgba(0,123,255,0.14) !important;
    color: #ffffff !important;
    box-shadow: none;
}

.main-sidebar .nav-sidebar .nav-link:hover {
    background-color: rgba(255,255,255,0.03) !important;
}


/* Target the specific sidebar link text and its submenu - tweak selectors based on rendered HTML */
/* removed empty selector */

/* Style the main heading link (matching text 'ГЛАВНАЯ СТРАНИЦА') */
.nav-sidebar li a[href*="main-sliders"] {
    /* lighter gray header instead of dark/blue */
    background: linear-gradient(90deg, rgba(240,240,240,0.03), rgba(240,240,240,0.02));
    border-left: 4px solid rgba(120,120,120,0.18);
}

/* Make the whole 'ГЛАВНАЯ СТРАНИЦА' group visually distinct */
.nav-sidebar li.menu-main-page > a,
.nav-sidebar li.menu-menu-group > a {
    background: linear-gradient(90deg, rgba(230,230,230,0.06), rgba(220,220,220,0.03));
    border-left: 5px solid rgba(30,144,255,0.18);
    color: #fff !important;
}
.nav-sidebar li.menu-main-page .nav-treeview,
.nav-sidebar li.menu-menu-group .nav-treeview {
    background: rgba(60,70,75,0.14) !important;
    padding: 0.4rem 0.25rem;
    border-radius: 6px;
}
.nav-sidebar li.menu-main-page .nav-treeview .nav-link,
.nav-sidebar li.menu-menu-group .nav-treeview .nav-link {
    color: #f2f4f5 !important;
}

/* Submenu items under that heading: slightly indented + divider */
.nav-sidebar .nav-item ul.nav-treeview > li > a {
    padding-left: 2.5rem;
    border-top: 1px solid rgba(255,255,255,0.03);
}

/* Make the submenu block look grouped */
.nav-sidebar .nav-item > .nav-treeview {
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    border-left: 4px solid rgba(120,120,120,0.08);
    /* gray grouped background */
    background: rgba(255,255,255,0.02) !important;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

/* Highlight active submenu more clearly */
.nav-sidebar .nav-treeview .nav-item a.active {
    background-color: rgba(0,123,255,0.18) !important; /* blue for active */
    color: #ffffff !important;
    font-weight: 600;
    transform: translateX(2px);
}

.nav-sidebar .nav-item > .nav-treeview .nav-item a:hover {
    background-color: rgba(255,255,255,0.03) !important;
}

/* Make submenu links (buttons) more visible on gray background */
.nav-sidebar .nav-treeview .nav-item > a {
    color: rgba(255,255,255,0.9);
    padding-left: 2.25rem;
    border-radius: 4px;
}

/* Slightly boost general buttons contrast in admin area */
.content .btn {
    box-shadow: 0 1px 0 rgba(0,0,0,0.12);
    border: 1px solid rgba(255,255,255,0.04);
}

/* Ensure consistent sidebar background in all AdminLTE states */
.main-sidebar,
.sidebar-dark-primary .main-sidebar,
body.sidebar-mini .main-sidebar,
body.sidebar-collapse .main-sidebar {
    background-color: #2f3432 !important;
}

/* Ensure nav links color and active state are enforced in collapsed/mini modes */
.sidebar-dark-primary .nav-sidebar .nav-link,
body.sidebar-mini .nav-sidebar .nav-link,
body.sidebar-collapse .nav-sidebar .nav-link {
    color: #d0d4d5 !important;
}

.sidebar-dark-primary .nav-sidebar .nav-link.active,
body.sidebar-mini .nav-sidebar .nav-link.active,
body.sidebar-collapse .nav-sidebar .nav-link.active {
    background-color: rgba(0,123,255,0.14) !important;
    color: #ffffff !important;
}

/* Fix badge/icon contrast in mini mode */
body.sidebar-mini .nav-sidebar .nav-icon,
body.sidebar-collapse .nav-sidebar .nav-icon {
    color: #bfc6c7 !important;
}

/* Collapse arrow for menu models page */
.collapse-arrow {
    display: inline-block;
    transition: transform 0.15s ease-in-out;
}
.collapse.show + .card .collapse-arrow,
.list-group-item[aria-expanded="true"] .collapse-arrow {
    transform: rotate(90deg);
}

/* Slightly reduce size of the specific 'Меню -> Модели' sidebar item */
.nav-sidebar a[href*="menu/models"] {
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
    padding-left: 0.9rem !important;
    padding-right: 0.6rem !important;
    font-size: 0.82rem !important; /* much smaller text */
}
.nav-sidebar a[href*="menu/models"] .nav-icon {
    font-size: 0.82rem !important; /* much smaller icon */
}

/* Keep compact size on hover/active */
.nav-sidebar a[href*="menu/models"].active,
.nav-sidebar a[href*="menu/models"]:hover {
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
}

/* Larger, more visible 'Меню' group separation similar to 'ГЛАВНАЯ СТРАНИЦА' */
.nav-sidebar li.menu-menu-group > a {
    /* match the 'ГЛАВНАЯ СТРАНИЦА' group appearance */
    background: linear-gradient(90deg, rgba(230,230,230,0.06), rgba(220,220,220,0.03));
    border-left: 5px solid rgba(30,144,255,0.18);
    color: #fff !important;
}
.nav-sidebar li.menu-menu-group .nav-treeview {
    background: rgba(60,70,75,0.14) !important;
    padding: 0.4rem 0.25rem;
    border-radius: 6px;
}
.nav-sidebar li.menu-menu-group .nav-treeview .nav-link {
    color: #f2f4f5 !important;
}

/* Make models item slightly larger again for readability */
.nav-sidebar a[href*="menu/models"] {
    padding-top: 0.28rem !important;
    padding-bottom: 0.28rem !important;
    font-size: 0.92rem !important;
}
.nav-sidebar a[href*="menu/models"] .nav-icon { font-size: 0.92rem !important; }

/* Ensure submenu aligns under the group edge like 'ГЛАВНАЯ СТРАНИЦА' */
.nav-sidebar li.menu-menu-group > .nav-treeview {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.nav-sidebar li.menu-menu-group .nav-treeview .nav-item > a {
    padding-left: 2.5rem !important; /* align with other groups */
}

/* Move the 'Модели' submenu icon and text slightly to the right */
.nav-sidebar a[href*="menu/models"] {
    padding-left: 3.0rem !important; /* slightly less right offset */
}
.nav-sidebar a[href*="menu/models"] .nav-icon {
    margin-left: 0.35rem !important; /* slightly less icon offset */
}