/* Custom Dark Theme - Only overrides for Renaissance-specific colors */
/* Bootstrap handles most component styling via data-bs-theme="dark" */

[data-bs-theme="dark"] {
    /* Your custom brand colors for dark mode */
    --bs-body-bg: #1a1a1a;
    --bs-body-color: #e5e5e5;
    --bs-link-color: #ff6b7f; /* Lighter version of #cf3a4e */
    --bs-link-hover-color: #e5e5e5;
}

/* Override site.css body styles */
[data-bs-theme="dark"] body {
    background: #1a1a1a;
    color: #e5e5e5;
}

/* Override site.css heading and text colors */
[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6,
[data-bs-theme="dark"] .appTitle {
    color: #e5e5e5;
}

[data-bs-theme="dark"] h1 small,
[data-bs-theme="dark"] h2 small,
[data-bs-theme="dark"] h3 small,
[data-bs-theme="dark"] h4 small,
[data-bs-theme="dark"] h5 small,
[data-bs-theme="dark"] h6 small {
    color: #888888;
}

[data-bs-theme="dark"] p {
    color: #e5e5e5;
}

/* Override site.css link colors */
[data-bs-theme="dark"] a {
    color: #ff6b7f;
}

[data-bs-theme="dark"] a:hover {
    color: #e5e5e5;
}

[data-bs-theme="dark"] .appTitle:hover {
    color: #e5e5e5;
}

/* Override site.css border colors */
[data-bs-theme="dark"] .border-top {
    border-top-color: #404040;
}

[data-bs-theme="dark"] .border-bottom {
    border-bottom-color: #404040;
}

/* Override site.css box-shadow for dark theme */
[data-bs-theme="dark"] .box-shadow {
    box-shadow: 0 .25rem .75rem rgba(255, 255, 255, .05);
}

/* Override site.css form control focus */
[data-bs-theme="dark"] .form-control:focus {
    border-color: #ff6b7f;
    box-shadow: 0px 1px 1px rgba(255, 107, 127, 0.2) inset, 0px 0px 8px rgba(255, 107, 127, 0.5);
}

/* Override site.css fieldset styles */
[data-bs-theme="dark"] fieldset {
    border-color: #404040;
}

[data-bs-theme="dark"] fieldset legend {
    background-color: #1a1a1a;
    color: #e5e5e5;
}

/* Custom component overrides */
[data-bs-theme="dark"] .navbar-light {
    background: #2c2c2c !important;
    border-bottom-color: #404040;
}

[data-bs-theme="dark"] .footer {
    background: #2c2c2c;
    color: #e5e5e5;
    border-top-color: #404040;
}

/* Override site.css facet styles */
[data-bs-theme="dark"] .facetContainer {
    background-color: #2c2c2c;
    color: #e5e5e5;
}

[data-bs-theme="dark"] .facetLink {
    color: #e5e5e5;
}

/* Override site.css gradient */
[data-bs-theme="dark"] .gradient {
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0), rgba(26,26,26,1));
}

/* Override site.css pagination styles */
[data-bs-theme="dark"] .page-link {
    background-color: #2c2c2c;
    border-color: #404040;
    color: #e5e5e5;
}

[data-bs-theme="dark"] .page-link:hover {
    background-color: #cf3a4e;
    border-color: #cf3a4e;
    color: white;
}

[data-bs-theme="dark"] .page-item.active .page-link {
    background-color: #cf3a4e;
    border-color: #cf3a4e;
}

/* Override site.css button styles - keep your custom Renaissance colors */
[data-bs-theme="dark"] .btn-primary {
    background-color: #262636;
    border-color: #262636;
    color: white;
}

[data-bs-theme="dark"] .btn-primary:hover {
    background-color: #cf3a4e;
    border-color: #cf3a4e;
    color: white;
}

[data-bs-theme="dark"] .btn-primary:focus {
    background-color: #cf3a4e;
    border-color: #cf3a4e;
    box-shadow: 0px 1px 1px rgba(207, 58, 78, 0.2) inset, 0px 0px 8px rgba(207, 58, 78, 0.5);
}

[data-bs-theme="dark"] .btn-secondary {
    color: white;
}

[data-bs-theme="dark"] .btn-secondary:hover {
    color: white;
}

[data-bs-theme="dark"] .btn-success {
    color: white;
}

[data-bs-theme="dark"] .btn-success:hover {
    color: white;
}

/* Override site.css filter button */
[data-bs-theme="dark"] .btn-filter {
    color: #e5e5e5;
    background-color: #2c2c2c;
    border-color: #404040;
}

/* Override site.css sidebar styles */
[data-bs-theme="dark"] .sidebar .nav-link {
    color: #e5e5e5;
}

[data-bs-theme="dark"] .sidebar .nav-link:hover {
    background-color: #2c2c2c;
    color: #ff6b7f;
}

[data-bs-theme="dark"] .sidebar .nav-link.active {
    background-color: #262636;
    color: white;
}

[data-bs-theme="dark"] .sidebar .nav-link.active:hover {
    background-color: #262636;
    color: white;
}

[data-bs-theme="dark"] .sidebar {
    background-color: #0d1117;
    border-right-color: #444;
}

[data-bs-theme="dark"] .navbar-toggler {
    border-color: rgba(255,255,255,.1);
}

[data-bs-theme="dark"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Attribute Autocomplete Dark Theme Overrides */
[data-bs-theme="dark"] .attribute-autocomplete-results {
    background: #2d2d2d;
    color: #e5e5e5;
    border-color: #444444;
}

[data-bs-theme="dark"] .autocomplete-item {
    border-bottom-color: #444444;
}

[data-bs-theme="dark"] .autocomplete-item:hover,
[data-bs-theme="dark"] .autocomplete-item.selected {
    background-color: #3d3d3d;
}

[data-bs-theme="dark"] .autocomplete-item.disabled {
    color: #888888;
}

/* Override site.css expand button */
[data-bs-theme="dark"] .expandButton {
    background-color: transparent;
    color: #e5e5e5;
}

/* Close button visibility in dark mode sidebar */
[data-bs-theme="dark"] .sidebar .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}