/* 
 * Coretex Theme Overrides for Django Unfold 
 * Matches Stitch HTML Mockup
 */

/* Sidebar Background matching logo exactly */
#nav-sidebar,
#nav-sidebar-inner,
.navigation_wrapper > div,
.navigation_wrapper > div > div {
    background-color: #042751 !important;
    border-right: none !important;
}

/* Sidebar Header Background (where logo sits) */
.navigation_header,
#nav-sidebar .bg-base-50 {
    background-color: #042751 !important;
}

/* Remove ugly separation lines in the sidebar */
#nav-sidebar .border-t,
#nav-sidebar .border-b,
#nav-sidebar .border-r,
#nav-sidebar .border {
    border-color: transparent !important;
}

/* Sidebar Text and Icons */
#nav-sidebar a,
#nav-sidebar span,
#nav-sidebar h2,
#nav-sidebar h3 {
    color: rgba(255, 255, 255, 0.7) !important;
}

#nav-sidebar svg,
#nav-sidebar .material-symbols-outlined {
    stroke: rgba(255, 255, 255, 0.7) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Sidebar Hover States */
#nav-sidebar a:hover {
    background-color: rgba(6, 27, 56, 0.5) !important; /* bg-primary-container/50 */
    color: #ffffff !important;
}
#nav-sidebar a:hover span,
#nav-sidebar a:hover svg,
#nav-sidebar a:hover .material-symbols-outlined {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* Sidebar Active State */
#nav-sidebar a.text-primary-600,
#nav-sidebar a.text-primary-500,
#nav-sidebar a.bg-primary-500\/10,
#nav-sidebar a[aria-current="page"] {
    background-color: rgba(141, 213, 254, 0.1) !important; /* bg-secondary-container/10 */
    border-left: 4px solid #8dd5fe !important;
    color: #8dd5fe !important;
}
#nav-sidebar a.text-primary-600 span,
#nav-sidebar a.text-primary-500 span,
#nav-sidebar a.bg-primary-500\/10 span,
#nav-sidebar a[aria-current="page"] span {
    color: #8dd5fe !important;
}
#nav-sidebar a.text-primary-600 svg,
#nav-sidebar a.text-primary-500 svg,
#nav-sidebar a.bg-primary-500\/10 svg,
#nav-sidebar a[aria-current="page"] svg {
    stroke: #8dd5fe !important;
    color: #8dd5fe !important;
}
#nav-sidebar a.text-primary-600 .material-symbols-outlined,
#nav-sidebar a.text-primary-500 .material-symbols-outlined,
#nav-sidebar a.bg-primary-500\/10 .material-symbols-outlined,
#nav-sidebar a[aria-current="page"] .material-symbols-outlined {
    color: #8dd5fe !important;
}

/* Fix Unfold Search Box in Sidebar */
#nav-sidebar .mb-2\.5 > div {
    background-color: rgba(255,255,255,0.05) !important;
    border: none !important;
}
#nav-sidebar input {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
}
#nav-sidebar input::placeholder {
    color: rgba(255,255,255,0.5) !important;
}

/* Fix User Profile Bottom Area */
#nav-sidebar .cursor-pointer.flex-row {
    background-color: transparent !important;
}
#nav-sidebar .cursor-pointer.flex-row:hover {
    background-color: rgba(255,255,255,0.1) !important;
}
#nav-sidebar .cursor-pointer.flex-row .text-important {
    color: #ffffff !important;
}
#nav-sidebar .cursor-pointer.flex-row .text-subtle {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Fix User Popup Menu (Light mode toggle, Logout) */
#nav-sidebar nav.absolute {
    background-color: #042751 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}
#nav-sidebar nav.absolute a,
#nav-sidebar nav.absolute button {
    color: rgba(255, 255, 255, 0.8) !important;
}
#nav-sidebar nav.absolute a:hover,
#nav-sidebar nav.absolute button:hover {
    background-color: rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
}

/* Override Login Screen Background */
body.login,
body.login #page,
body.login.bg-gray-50, 
body.login.dark\:bg-gray-900 {
    background-color: #042751 !important;
}