/* AFINCO Theme Override - Clean UI */

:root {
    --afinco-dark-gray: #212529; /* Dark Gray Background */
    --afinco-mid-gray: #343a40;  /* Lighter Gray for elements */
    --afinco-yellow: #C48A00;
    --afinco-white: #FFFFFF;

    --bs-primary: var(--afinco-yellow);
    --bs-primary-rgb: 196, 138, 0;
    --bs-link-color: var(--afinco-yellow);
    --bs-link-hover-color: var(--afinco-white);
}

html, body {
    background-color: var(--afinco-dark-gray);
    color: var(--afinco-white);
}

/* Override default bootstrap primary button */
.btn-primary {
    --bs-btn-color: var(--afinco-white);
    --bs-btn-bg: var(--afinco-yellow);
    --bs-btn-border-color: var(--afinco-yellow);
    --bs-btn-hover-color: var(--afinco-white);
    --bs-btn-hover-bg: #a07000;
    --bs-btn-hover-border-color: #805c00;
    --bs-btn-active-bg: #805c00;
    --bs-btn-active-border-color: #664a00;
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

/* General link color */
a {
    color: var(--bs-link-color);
    text-decoration: none;
}

a:hover {
    color: var(--bs-link-hover-color);
    text-decoration: underline;
}

/* Sidebar and NavMenu styling */
.sidebar {
    background-image: none; /* Remove gradient */
    background-color: var(--afinco-dark-gray);
}

.top-row {
    background-color: var(--afinco-dark-gray);
    border-bottom: 1px solid #444;
}

.navbar-brand {
    color: var(--afinco-white);
    font-weight: bold;
}

.nav-link {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
}

.nav-link:hover {
    color: var(--afinco-white);
}

.nav-item .nav-link.active {
    background-color: rgba(196, 138, 0, 0.2);
    border-left: 3px solid var(--afinco-yellow);
    color: var(--afinco-white);
    font-weight: 700;
}

/* Icon colors */
.bi {
    color: var(--afinco-yellow);
}

/* Fix for Conversation List Hover */
.list-group-item {
    background-color: var(--afinco-mid-gray);
    border: 1px solid #444;
    color: var(--afinco-white);
}

.list-group-item a {
    color: var(--afinco-white); /* Make the text inside the link white */
}

.list-group-item a:hover,
a.list-group-item:hover {
    background-color: #495057; /* Slightly lighter gray on hover */
    color: var(--afinco-white);
    text-decoration: none;
}

.list-group-item p, .list-group-item small {
    color: rgba(255, 255, 255, 0.7);
}

/* Error UI */
#blazor-error-ui {
    background: #5a0000;
    color: var(--afinco-white);
}