/*
 * CloudHR brand theming — Alano Lending Corporation.
 * Overrides AdminLTE 3 defaults. Loaded globally from the published
 * vendor master (resources/views/vendor/adminlte/master.blade.php),
 * after adminlte.min.css so these rules win.
 *
 * Sidebar width is left at AdminLTE's default (250px); the ALC logo is
 * square and fits the standard brand slot, so no widening is needed.
 */

:root {
    --cloudhr-black: #000000;       /* sidebar surface — matches the logo black */
    --cloudhr-black-soft: #141414;  /* submenu / depth shade */
    --cloudhr-accent: #e0221e;      /* logo red, used sparingly for the active pill */
}

/* ---- Sidebar: black background ---- */
/* Paired with the sidebar-dark-primary class (light text on dark bg),
   we just repaint the surface black and tune hover/active states. */
.main-sidebar,
.main-sidebar .sidebar {
    background-color: var(--cloudhr-black) !important;
}

/* Menu links: light text, subtle hover, solid active pill */
.main-sidebar .nav-sidebar .nav-link {
    color: rgba(255, 255, 255, 0.85);
}
.main-sidebar .nav-sidebar > .nav-item > .nav-link:hover,
.main-sidebar .nav-sidebar .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff;
}
.main-sidebar .nav-sidebar > .nav-item > .nav-link.active,
.main-sidebar .nav-sidebar .nav-link.active {
    background-color: var(--cloudhr-accent);
    color: #fff;
    box-shadow: none;
}

/* Open treeview parent + its submenu get a slightly lighter black for depth */
.main-sidebar .nav-sidebar .nav-treeview {
    background-color: var(--cloudhr-black-soft);
}
.main-sidebar .nav-sidebar .menu-open > .nav-link {
    background-color: rgba(255, 255, 255, 0.06);
}

/* Section headers (TALENT MANAGEMENT, etc.) */
.main-sidebar .nav-header {
    color: rgba(255, 255, 255, 0.55);
    background: transparent;
}

/* Sidebar search box, if enabled */
.main-sidebar .form-control-sidebar {
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    color: #fff;
}

/* ---- Brand block at the very top of the sidebar ---- */
/* White plate so the logo reads cleanly against the black menu, with the
   CloudHR label beside it. The ALC logo is square, so it fits the slot. */
.brand-link {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.brand-link .brand-image {
    float: none;
    margin: 0 0.5rem 0 0;
    max-height: 36px;
    width: auto;
    border-radius: 0;
    box-shadow: none;
    opacity: 1 !important;
}
.brand-link .brand-text {
    color: var(--cloudhr-black);
    font-weight: 700;
}
.brand-link .brand-text b {
    color: var(--cloudhr-accent);
}