@import url('https://fonts.googleapis.com/css?family=Rajdhani:500,700');

/* Rajdhani font for headings and left nav group headings only */
h1, h2, h3, h4, h5, h6 {
    font-family: "Rajdhani", "Helvetica Neue", sans-serif !important;
}

/* Dark sidebar matching original design */
#nav-sidebar,
#nav-sidebar-inner {
    background-color: #000 !important;
}

#nav-sidebar {
    border-color: #1a1a1a !important;
}

#nav-sidebar hr {
    border-color: #2a2a2a !important;
}

/* Sidebar borders from base-200 */
#nav-sidebar .border-base-200,
#nav-sidebar [class*="border-base-"] {
    border-color: #1a1a1a !important;
}

/* Sidebar text */
#nav-sidebar-inner {
    color: #d0d0d0;
}

#nav-sidebar a {
    color: #c8c8c8 !important;
}

/* Sidebar nav item hover */
#nav-sidebar a:hover {
    background-color: rgba(255, 34, 0, 0.12) !important;
    color: #ff4422 !important;
}

/* Active sidebar nav item — unfold uses bg-base-100 on the active <a>, no "active" class */
#nav-sidebar a.bg-base-100 {
    color: #000 !important;
}

/* Left menu section headings */
#nav-sidebar .text-font-important-light {
    color: #fff !important;
    font-size: 1.2rem !important;
}

/* Header inner title */
#header-inner .text-font-important-light {
    font-size: 1.2rem !important;
}

/* Cap image width in changelist table cells */
table#result_list td img {
    max-width: 80px;
}

/* Readonly fields — slightly darker background to look disabled */
div.readonly.bg-base-50 {
    background-color: rgb(var(--color-base-200)) !important;
}

.dark div.readonly.bg-base-50 {
    background-color: rgb(var(--color-base-700)) !important;
}