/* ----------------- Base Header ----------------- */
#header, #header h1, #header h1 a {
    background-color: #ff9800 !important; /* base orange */
    color: white !important;
}

/* ----------------- Sidebar ----------------- */
#nav-sidebar .selected a,
#nav-sidebar a:hover {
    color: #e28800 !important;
}

/* ----------------- Table headers ----------------- */
thead th {
    background-color: #ffb74d !important; /* lighter orange */
    color: white !important;
}

/* ----------------- Links ----------------- */
a, a:visited {
    color: #ff9800 !important; /* base link */
}

a:hover, a:active {
    color: #e68900 !important; /* darker hover */
}

/* ----------------- Buttons ----------------- */
button, input[type=submit], input[type=button], input.default {
    background-color: #ff9800 !important; /* base button */
    border-color: #ff9800 !important;
    color: white !important;
}

button:hover, input[type=submit]:hover, input[type=button]:hover, input.default:hover {
    background-color: #e68900 !important; /* darker hover */
}

/* ----------------- Pagination ----------------- */
div.paginator span.current,
div.paginator a {
    background-color: #ff9800 !important;
    color: white !important;
}

div.paginator a:hover {
    background-color: #e68900 !important;
}

/* ----------------- Filters, selected items ----------------- */
fieldset.module select option:checked,
.filter select option:checked {
    background-color: #ff9800 !important;
    color: white !important;
}

/* ----------------- Action links ----------------- */
#changelist-form input[name="_selected_action"] + label,
#changelist-form select option:checked {
    background-color: #ff9800 !important;
    color: white !important;
}

/* ----------------- Misc blue backgrounds ----------------- */
.related-widget-wrapper, .inline-related, .module, .grp-module {
    border-color: #ff9800 !important;
}

/* ----------------- Theme toggle icons ----------------- */
.theme-toggle svg.theme-icon-when-auto,
.theme-toggle svg.theme-icon-when-dark,
.theme-toggle svg.theme-icon-when-light {
    fill: white !important;   /* override default fill */
    color: #ff9800 !important;  /* override default color */
}

/* User tools links (top-right) */
#user-tools a {
    color: black !important;
}

#user-tools a:hover {
    color: #5d5c5a !important;             /* orange shade on hover */
}

/* Breadcrumbs background */
nav[aria-label="Breadcrumbs"] {
    background-color: #5d4426 !important;   /* dark orange/brown */
    --breadcrumbs-bg: #5d4426;              /* override any CSS variable if used */
    padding: 0.3rem 0.6rem;                 /* optional: keep spacing consistent */
    border-radius: 0.2rem;                  /* optional: rounded corners */
}

/* Breadcrumb links */
nav[aria-label="Breadcrumbs"] a {
    color: #a3650b !important;              /* dark orange text */
}

/* Breadcrumb links hover */
nav[aria-label="Breadcrumbs"] a:hover {
    color: #e68900 !important;              /* slightly brighter on hover */
}

/* ----------------- Table headers ----------------- */
thead th {
    background-color: #5d4426 !important;  /* dark orange/brown */
    color: #ffffff !important;             /* keep text readable in white */
    border-color: #a3650b !important;      /* optional: darker border for contrast */
}

/* ----------------- Caption background in app-apps module ----------------- */
.app-apps.module table caption {
    background-color: #5d4426 !important;  /* dark orange/brown */
    color: #ffffff !important;             /* white text for readability */
    padding: 0.3rem 0.5rem;                /* optional: add some spacing */
    border-radius: 0.2rem;                 /* optional: slightly rounded corners */
    text-align: left;                       /* keep alignment consistent */
}

.app-apps.module table caption,
.app-auth.module table caption {
    background-color: #5d4426 !important;  /* dark orange/brown */
    color: #ffffff !important;             /* white text for readability */
    padding: 0.3rem 0.5rem;                /* optional: add some spacing */
    border-radius: 0.2rem;                 /* optional: slightly rounded corners */
    text-align: left;                       /* keep alignment consistent */
}

#changelist-filter-header {
    background-color: #5d4426 !important;
}