/* Global overrides */
body {
    background-color: #f8f9fa; /* start with bootstrap light bg */
}

/* DRK Brand Colors */
:root {
    --drk-red: #db4437;
    --drk-red-hover: #c53929;
}

/* Override padding for container if needed, but Bootstrap handles it well. */

/* Custom Header Border utility */
.header-border-top {
    border-top: 5px solid var(--drk-red) !important;
}

/* Override Bootstrap Primary to DRK Red? 
   Or just keep using btn-danger. 
   Let's create specific .btn-drk if needed, but for now we rely on Bootstrap classes.
*/

/* Admin specific overrides */
.admin-header {
    background: var(--drk-red);
    color: white;
}

/* Search Suggestions */
.suggestions { 
    z-index: 1000; 
    cursor: pointer; 
}
.suggestions .list-group-item:hover {
    background-color: #f8f9fa;
}

/* Remove old custom styles that are replaced by Bootstrap 
   (e.g. .card, .btn-primary, .data-table, etc.) 
*/