/* Dark Mode Themes for Next Level TCS
 * This file contains theme variables for different dark mode options
 * The station detailed view is exempted from these themes
 */

/* Base Light Theme (Default) */
:root {
  --body-bg: #f8f9fa;
  --body-color: #3c4b64;
  --card-bg: #fff;
  --card-border-color: rgba(0, 0, 0, 0.125);
  --card-cap-bg: rgba(0, 0, 0, 0.03);
  --header-bg: #fff;
  --sidebar-bg: #3c4b64;
  --sidebar-color: #fff;
  --link-color: #321fdb;
  --link-hover-color: #2819ae;
  --countdown-color: #df32e5;
  --countdown-glow: rgba(223, 50, 229, 0.7);
  --badge-success-bg: #2eb85c;
  --badge-danger-bg: #e55353;
  --badge-secondary-bg: #ced2d8;
  --footer-bg: #f8f9fa;
  --input-bg: #fff;
  --input-color: #495057;
  --input-border-color: #ced4da;
  --btn-primary-bg: #321fdb;
  --btn-primary-color: #fff;
  --btn-danger-bg: #e55353;
  --btn-danger-color: #fff;
  --btn-secondary-bg: #ced2d8;
  --btn-secondary-color: #3c4b64;
}

/* True Dark Theme - Based on the purple-focused dark theme in screenshots */
body.theme-true-dark {
  --body-bg: #0f0a1e;
  --body-color: #ffffff;
  --body-color-rgb: 255, 255, 255;
  --card-bg: #1a1429;
  --card-border-color: #2c2040;
  --card-cap-bg: #1f1633;
  --header-bg: #1a1429;
  --footer-bg: #1a1429;
  --sidebar-bg: #1a1429;
  --sidebar-color: #ffffff;
  --link-color: #df32e5;
  --link-hover-color: #e64aed;
  --countdown-color: #df32e5;
  --countdown-glow: rgba(223, 50, 229, 0.7);
  --badge-success-bg: #2eb85c;
  --badge-danger-bg: #e55353;
  --badge-secondary-bg: #2c2040;
  --btn-primary-bg: #df32e5;
  --btn-primary-color: #ffffff;
  --btn-primary-rgb: 223, 50, 229;
  --input-bg: #1f1633;
  --footer-bg: #1a1429;
  --input-bg: #2c2040;
  --input-color: #ffffff;
  --input-border-color: #3d2c59;
  --btn-primary-bg: #df32e5;
  --btn-primary-color: #ffffff;
  --btn-danger-bg: #e55353;
  --btn-danger-color: #ffffff;
  --btn-secondary-bg: #3d2c59;
  --btn-secondary-color: #ffffff;
  --dropdown-bg: #1a1429;
  --dropdown-border-color: #2c2040;
  --dropdown-divider-bg: #2c2040;
  --dropdown-link-color: #ffffff;
  --dropdown-link-hover-color: #ffffff;
  --dropdown-link-hover-bg: #df32e5;
  --dropdown-link-active-color: #ffffff;
  --dropdown-link-active-bg: #df32e5;
  --dropdown-link-disabled-color: #6c757d;
  --dropdown-header-color: #df32e5;
}

/* Blue Dark Gray Theme */
body.theme-blue-dark-gray {
  --body-bg: #1E2233;
  --body-color: #E1E5EE;
  --card-bg: #2A3042;
  --card-border-color: #3F4865;
  --card-cap-bg: #2F3650;
  --header-bg: #2A3042;
  --sidebar-bg: #2A3042;
  --sidebar-color: #E1E5EE;
  --link-color: #4D7CFE;
  --link-hover-color: #6B93FF;
  --countdown-color: #df32e5;
  --countdown-glow: rgba(223, 50, 229, 0.7);
  --badge-success-bg: #2eb85c;
  --badge-danger-bg: #e55353;
  --badge-secondary-bg: #4A5675;
  --footer-bg: #2A3042;
  --input-bg: #3F4865;
  --input-color: #E1E5EE;
  --input-border-color: #4A5675;
  --btn-primary-bg: #4D7CFE;
  --btn-primary-color: #ffffff;
  --btn-danger-bg: #e55353;
  --btn-danger-color: #ffffff;
  --btn-secondary-bg: #4A5675;
  --btn-secondary-color: #E1E5EE;
}

/* Twilight Mode Theme */
body.theme-twilight {
  --body-bg: #1A1A2E;
  --body-color: #E6E6FA;
  --card-bg: #16213E;
  --card-border-color: #2A3457;
  --card-cap-bg: #1E2747;
  --header-bg: #16213E;
  --sidebar-bg: #16213E;
  --sidebar-color: #E6E6FA;
  --link-color: #FF8C00;
  --link-hover-color: #FFA500;
  --countdown-color: #df32e5;
  --countdown-glow: rgba(223, 50, 229, 0.7);
  --badge-success-bg: #2eb85c;
  --badge-danger-bg: #e55353;
  --badge-secondary-bg: #4A5675;
  --footer-bg: #16213E;
  --input-bg: #2A3457;
  --input-color: #E6E6FA;
  --input-border-color: #3A4567;
  --btn-primary-bg: #FF8C00;
  --btn-primary-color: #16213E;
  --btn-danger-bg: #e55353;
  --btn-danger-color: #ffffff;
  --btn-secondary-bg: #4A5675;
  --btn-secondary-color: #E6E6FA;
}

/* Dim Mode Theme */
body.theme-dim {
  --body-bg: #232323;
  --body-color: #E0E0E0;
  --card-bg: #2C2C2C;
  --card-border-color: #3E3E3E;
  --card-cap-bg: #333333;
  --header-bg: #2C2C2C;
  --sidebar-bg: #2C2C2C;
  --sidebar-color: #E0E0E0;
  --link-color: #90CAF9;
  --link-hover-color: #64B5F6;
  --countdown-color: #df32e5;
  --countdown-glow: rgba(223, 50, 229, 0.7);
  --badge-success-bg: #2eb85c;
  --badge-danger-bg: #e55353;
  --badge-secondary-bg: #616161;
  --footer-bg: #2C2C2C;
  --input-bg: #3E3E3E;
  --input-color: #E0E0E0;
  --input-border-color: #4F4F4F;
  --btn-primary-bg: #90CAF9;
  --btn-primary-color: #232323;
  --btn-danger-bg: #e55353;
  --btn-danger-color: #ffffff;
  --btn-secondary-bg: #616161;
  --btn-secondary-color: #E0E0E0;
}

/* Dark Gray Theme */
body.theme-dark-gray {
  --body-bg: #333333;
  --body-color: #FFFFFF;
  --card-bg: #424242;
  --card-border-color: #555555;
  --card-cap-bg: #4A4A4A;
  --header-bg: #424242;
  --sidebar-bg: #424242;
  --sidebar-color: #FFFFFF;
  --link-color: #64B5F6;
  --link-hover-color: #42A5F5;
  --countdown-color: #df32e5;
  --countdown-glow: rgba(223, 50, 229, 0.7);
  --badge-success-bg: #2eb85c;
  --badge-danger-bg: #e55353;
  --badge-secondary-bg: #757575;
  --footer-bg: #424242;
  --input-bg: #555555;
  --input-color: #FFFFFF;
  --input-border-color: #666666;
  --btn-primary-bg: #64B5F6;
  --btn-primary-color: #333333;
  --btn-danger-bg: #e55353;
  --btn-danger-color: #ffffff;
  --btn-secondary-bg: #757575;
  --btn-secondary-color: #FFFFFF;
}

/* Selective Dark Mode Theme */
body.theme-selective-dark {
  --body-bg: #121212;
  --body-color: #FFFFFF;
  --card-bg: #1E1E1E;
  --card-border-color: #333333;
  --card-cap-bg: #252525;
  --header-bg: #2C2C2C;
  --sidebar-bg: #2C2C2C;
  --sidebar-color: #FFFFFF;
  --link-color: #90CAF9;
  --link-hover-color: #64B5F6;
  --countdown-color: #df32e5;
  --countdown-glow: rgba(223, 50, 229, 0.7);
  --badge-success-bg: #2eb85c;
  --badge-danger-bg: #e55353;
  --badge-secondary-bg: #757575;
  --footer-bg: #2C2C2C;
  --input-bg: #333333;
  --input-color: #FFFFFF;
  --input-border-color: #444444;
  --btn-primary-bg: #90CAF9;
  --btn-primary-color: #121212;
  --btn-danger-bg: #e55353;
  --btn-danger-color: #ffffff;
  --btn-secondary-bg: #757575;
  --btn-secondary-color: #FFFFFF;
}

/* High Contrast Dark Mode Theme */
body.theme-high-contrast {
  --body-bg: #121212;
  --body-color: #FFFFFF;
  --card-bg: #000000;
  --card-border-color: #FFFFFF;
  --card-cap-bg: #000000;
  --header-bg: #000000;
  --sidebar-bg: #000000;
  --sidebar-color: #FFFFFF;
  --link-color: #00FFFF;
  --link-hover-color: #00CCCC;
  --countdown-color: #df32e5;
  --countdown-glow: rgba(223, 50, 229, 0.7);
  --badge-success-bg: #00FF00;
  --badge-danger-bg: #FF0000;
  --badge-secondary-bg: #FFFFFF;
  --footer-bg: #000000;
  --input-bg: #000000;
  --input-color: #FFFFFF;
  --input-border-color: #FFFFFF;
  --btn-primary-bg: #00FFFF;
  --btn-primary-color: #000000;
  --btn-danger-bg: #FF0000;
  --btn-danger-color: #ffffff;
  --btn-secondary-bg: #FFFFFF;
  --btn-secondary-color: #000000;
}

/* Apply CSS variables to elements */
body {
  background-color: var(--body-bg);
  color: var(--body-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Fix for date range buttons */
body.theme-true-dark .btn-group .btn,
body.theme-blue-dark-gray .btn-group .btn,
body.theme-twilight .btn-group .btn,
body.theme-dim .btn-group .btn,
body.theme-dark-gray .btn-group .btn,
body.theme-selective-dark .btn-group .btn,
body.theme-high-contrast .btn-group .btn {
  background-color: var(--card-bg);
  color: var(--body-color);
  border-color: var(--card-border-color);
}

body.theme-true-dark .btn-group .btn.active,
body.theme-blue-dark-gray .btn-group .btn.active,
body.theme-twilight .btn-group .btn.active,
body.theme-dim .btn-group .btn.active,
body.theme-dark-gray .btn-group .btn.active,
body.theme-selective-dark .btn-group .btn.active,
body.theme-high-contrast .btn-group .btn.active {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
  border-color: var(--btn-primary-bg);
}

/* Fix for filter buttons */
body.theme-true-dark .btn-light,
body.theme-blue-dark-gray .btn-light,
body.theme-twilight .btn-light,
body.theme-dim .btn-light,
body.theme-dark-gray .btn-light,
body.theme-selective-dark .btn-light,
body.theme-high-contrast .btn-light,
body.theme-true-dark .btn-secondary,
body.theme-blue-dark-gray .btn-secondary,
body.theme-twilight .btn-secondary,
body.theme-dim .btn-secondary,
body.theme-dark-gray .btn-secondary,
body.theme-selective-dark .btn-secondary,
body.theme-high-contrast .btn-secondary {
  background-color: var(--card-bg);
  color: var(--body-color);
  border-color: var(--card-border-color);
}

body.theme-true-dark .btn-light:hover,
body.theme-blue-dark-gray .btn-light:hover,
body.theme-twilight .btn-light:hover,
body.theme-dim .btn-light:hover,
body.theme-dark-gray .btn-light:hover,
body.theme-selective-dark .btn-light:hover,
body.theme-high-contrast .btn-light:hover {
  background-color: var(--card-cap-bg);
  color: var(--body-color);
  border-color: var(--card-border-color);
}

/* Fix for unknown badges */
body.theme-true-dark .badge-secondary,
body.theme-blue-dark-gray .badge-secondary,
body.theme-twilight .badge-secondary,
body.theme-dim .badge-secondary,
body.theme-dark-gray .badge-secondary,
body.theme-selective-dark .badge-secondary,
body.theme-high-contrast .badge-secondary {
  background-color: var(--badge-secondary-bg);
  color: var(--body-color);
}

/* Fix for available badges */
body.theme-true-dark .station-user-footer .badge-success,
body.theme-blue-dark-gray .station-user-footer .badge-success,
body.theme-twilight .station-user-footer .badge-success,
body.theme-dim .station-user-footer .badge-success,
body.theme-dark-gray .station-user-footer .badge-success,
body.theme-selective-dark .station-user-footer .badge-success,
body.theme-high-contrast .station-user-footer .badge-success {
  background-color: var(--badge-success-bg);
  color: #ffffff;
}

/* Floating particles for dark themes */
body.theme-true-dark::before,
body.theme-twilight::before,
body.theme-blue-dark-gray::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background-image: radial-gradient(circle at 15% 50%, rgba(223, 50, 229, 0.08) 0%, transparent 25%),
                    radial-gradient(circle at 85% 30%, rgba(223, 50, 229, 0.08) 0%, transparent 25%),
                    radial-gradient(circle at 50% 80%, rgba(223, 50, 229, 0.08) 0%, transparent 25%);
}

/* Service icons */
.service-icons {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.c-app {
  background-color: var(--body-bg);
  color: var(--body-color);
}

/* Fix for date range picker */
body.theme-true-dark .daterangepicker,
body.theme-blue-dark-gray .daterangepicker,
body.theme-twilight .daterangepicker,
body.theme-dim .daterangepicker,
body.theme-dark-gray .daterangepicker,
body.theme-selective-dark .daterangepicker,
body.theme-high-contrast .daterangepicker {
  background-color: var(--card-bg);
  color: var(--body-color);
  border-color: var(--card-border-color);
}

body.theme-true-dark .daterangepicker .calendar-table,
body.theme-blue-dark-gray .daterangepicker .calendar-table,
body.theme-twilight .daterangepicker .calendar-table,
body.theme-dim .daterangepicker .calendar-table,
body.theme-dark-gray .daterangepicker .calendar-table,
body.theme-selective-dark .daterangepicker .calendar-table,
body.theme-high-contrast .daterangepicker .calendar-table {
  background-color: var(--card-bg);
  border-color: var(--card-border-color);
}

body.theme-true-dark .daterangepicker td.off,
body.theme-blue-dark-gray .daterangepicker td.off,
body.theme-twilight .daterangepicker td.off,
body.theme-dim .daterangepicker td.off,
body.theme-dark-gray .daterangepicker td.off,
body.theme-selective-dark .daterangepicker td.off,
body.theme-high-contrast .daterangepicker td.off {
  background-color: var(--card-cap-bg);
  color: rgba(255, 255, 255, 0.3);
}

body.theme-true-dark .daterangepicker td.available:hover,
body.theme-blue-dark-gray .daterangepicker td.available:hover,
body.theme-twilight .daterangepicker td.available:hover,
body.theme-dim .daterangepicker td.available:hover,
body.theme-dark-gray .daterangepicker td.available:hover,
body.theme-selective-dark .daterangepicker td.available:hover,
body.theme-high-contrast .daterangepicker td.available:hover {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
}

body.theme-true-dark .daterangepicker .drp-buttons,
body.theme-blue-dark-gray .daterangepicker .drp-buttons,
body.theme-twilight .daterangepicker .drp-buttons,
body.theme-dim .daterangepicker .drp-buttons,
body.theme-dark-gray .daterangepicker .drp-buttons,
body.theme-selective-dark .daterangepicker .drp-buttons,
body.theme-high-contrast .daterangepicker .drp-buttons {
  border-top-color: var(--card-border-color);
}

body.theme-true-dark .daterangepicker .calendar-table .next span, 
body.theme-true-dark .daterangepicker .calendar-table .prev span,
body.theme-blue-dark-gray .daterangepicker .calendar-table .next span, 
body.theme-blue-dark-gray .daterangepicker .calendar-table .prev span,
body.theme-twilight .daterangepicker .calendar-table .next span, 
body.theme-twilight .daterangepicker .calendar-table .prev span,
body.theme-dim .daterangepicker .calendar-table .next span, 
body.theme-dim .daterangepicker .calendar-table .prev span,
body.theme-dark-gray .daterangepicker .calendar-table .next span, 
body.theme-dark-gray .daterangepicker .calendar-table .prev span,
body.theme-selective-dark .daterangepicker .calendar-table .next span, 
body.theme-selective-dark .daterangepicker .calendar-table .prev span,
body.theme-high-contrast .daterangepicker .calendar-table .next span, 
body.theme-high-contrast .daterangepicker .calendar-table .prev span {
  border-color: var(--body-color);
}

.card {
  background-color: var(--card-bg);
  border-color: var(--card-border-color);
}

/* Fix for station cards */
body.theme-true-dark .card.station-card,
body.theme-blue-dark-gray .card.station-card,
body.theme-twilight .card.station-card,
body.theme-dim .card.station-card,
body.theme-dark-gray .card.station-card,
body.theme-selective-dark .card.station-card,
body.theme-high-contrast .card.station-card {
  background-color: var(--card-bg);
  border-color: var(--card-border-color);
}

/* Fix for station card headers */
body.theme-true-dark .card.station-card .card-header,
body.theme-blue-dark-gray .card.station-card .card-header,
body.theme-twilight .card.station-card .card-header,
body.theme-dim .card.station-card .card-header,
body.theme-dark-gray .card.station-card .card-header,
body.theme-selective-dark .card.station-card .card-header,
body.theme-high-contrast .card.station-card .card-header {
  background-color: var(--card-cap-bg);
  border-bottom-color: var(--card-border-color);
}

/* Fix for station card footers */
body.theme-true-dark .card.station-card .card-footer,
body.theme-blue-dark-gray .card.station-card .card-footer,
body.theme-twilight .card.station-card .card-footer,
body.theme-dim .card.station-card .card-footer,
body.theme-dark-gray .card.station-card .card-footer,
body.theme-selective-dark .card.station-card .card-footer,
body.theme-high-contrast .card.station-card .card-footer {
  background-color: var(--card-cap-bg);
  border-top-color: var(--card-border-color);
  color: var(--body-color);
}

/* Fix for station user footer */
body.theme-true-dark .station-user-footer,
body.theme-blue-dark-gray .station-user-footer,
body.theme-twilight .station-user-footer,
body.theme-dim .station-user-footer,
body.theme-dark-gray .station-user-footer,
body.theme-selective-dark .station-user-footer,
body.theme-high-contrast .station-user-footer {
  background-color: var(--card-cap-bg) !important;
  border-top-color: var(--card-border-color) !important;
  color: var(--body-color) !important;
}

/* Fix for user avatar in station footer */
body.theme-true-dark .station-user-footer .user-avatar,
body.theme-blue-dark-gray .station-user-footer .user-avatar,
body.theme-twilight .station-user-footer .user-avatar,
body.theme-dim .station-user-footer .user-avatar,
body.theme-dark-gray .station-user-footer .user-avatar,
body.theme-selective-dark .station-user-footer .user-avatar,
body.theme-high-contrast .station-user-footer .user-avatar {
  background-color: var(--btn-primary-bg) !important;
  color: var(--btn-primary-color) !important;
}

/* Fix for guest name and session time */
body.theme-true-dark .station-user-footer .guest-name,
body.theme-blue-dark-gray .station-user-footer .guest-name,
body.theme-twilight .station-user-footer .guest-name,
body.theme-dim .station-user-footer .guest-name,
body.theme-dark-gray .station-user-footer .guest-name,
body.theme-selective-dark .station-user-footer .guest-name,
body.theme-high-contrast .station-user-footer .guest-name,
body.theme-true-dark .station-user-footer .session-time,
body.theme-blue-dark-gray .station-user-footer .session-time,
body.theme-twilight .station-user-footer .session-time,
body.theme-dim .station-user-footer .session-time,
body.theme-dark-gray .station-user-footer .session-time,
body.theme-selective-dark .station-user-footer .session-time,
body.theme-high-contrast .station-user-footer .session-time {
  color: var(--body-color) !important;
  font-weight: 500 !important;
}

/* Fix for guest name in card footer */
body.theme-true-dark .station-user-footer .guest-name strong,
body.theme-blue-dark-gray .station-user-footer .guest-name strong,
body.theme-twilight .station-user-footer .guest-name strong,
body.theme-dim .station-user-footer .guest-name strong,
body.theme-dark-gray .station-user-footer .guest-name strong,
body.theme-selective-dark .station-user-footer .guest-name strong,
body.theme-high-contrast .station-user-footer .guest-name strong {
  color: var(--body-color) !important;
  font-weight: 600 !important;
}

/* Fix for finish time in card footer */
body.theme-true-dark .available-at,
body.theme-blue-dark-gray .available-at,
body.theme-twilight .available-at,
body.theme-dim .available-at,
body.theme-dark-gray .available-at,
body.theme-selective-dark .available-at,
body.theme-high-contrast .available-at {
  color: #00ffcc !important;
  opacity: 1 !important;
  font-weight: 700 !important;
  text-shadow: 0 0 4px rgba(0, 255, 204, 0.5);
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 5px;
  display: inline-block;
}

body.theme-true-dark .available-at i,
body.theme-blue-dark-gray .available-at i,
body.theme-twilight .available-at i,
body.theme-dim .available-at i,
body.theme-dark-gray .available-at i,
body.theme-selective-dark .available-at i,
body.theme-high-contrast .available-at i {
  color: #00ffcc !important;
  margin-right: 3px;
}

/* Fix for login and register pages */
.container.py-4 {
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
}

/* Fix for auth pages in dark mode */
body.theme-true-dark .card,
body.theme-blue-dark-gray .card,
body.theme-twilight .card,
body.theme-dim .card,
body.theme-dark-gray .card,
body.theme-selective-dark .card,
body.theme-high-contrast .card {
  width: 100%;
}

/* Navbar styling for dark themes */
body.theme-true-dark .navbar,
body.theme-blue-dark-gray .navbar,
body.theme-twilight .navbar,
body.theme-dim .navbar,
body.theme-dark-gray .navbar,
body.theme-selective-dark .navbar,
body.theme-high-contrast .navbar {
  background-color: var(--header-bg) !important;
  border-bottom: 1px solid var(--card-border-color);
}

body.theme-true-dark .navbar-brand,
body.theme-blue-dark-gray .navbar-brand,
body.theme-twilight .navbar-brand,
body.theme-dim .navbar-brand,
body.theme-dark-gray .navbar-brand,
body.theme-selective-dark .navbar-brand,
body.theme-high-contrast .navbar-brand,
body.theme-true-dark .nav-link,
body.theme-blue-dark-gray .nav-link,
body.theme-twilight .nav-link,
body.theme-dim .nav-link,
body.theme-dark-gray .nav-link,
body.theme-selective-dark .nav-link,
body.theme-high-contrast .nav-link {
  color: var(--body-color) !important;
}

body.theme-true-dark .navbar-toggler-icon,
body.theme-blue-dark-gray .navbar-toggler-icon,
body.theme-twilight .navbar-toggler-icon,
body.theme-dim .navbar-toggler-icon,
body.theme-dark-gray .navbar-toggler-icon,
body.theme-selective-dark .navbar-toggler-icon,
body.theme-high-contrast .navbar-toggler-icon {
  filter: invert(1);
}

/* Fix for the app container in auth pages */
#app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
}

/* Ensure main content takes full width */
main {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* Footer styling */
.footer {
  padding: 1rem 0;
  border-top: 1px solid var(--card-border-color);
  background-color: var(--footer-bg);
  color: var(--body-color);
}

/* Footer styling for dark themes */
body.theme-true-dark .footer,
body.theme-blue-dark-gray .footer,
body.theme-twilight .footer,
body.theme-dim .footer,
body.theme-dark-gray .footer,
body.theme-selective-dark .footer,
body.theme-high-contrast .footer {
  background-color: var(--header-bg);
  color: var(--body-color);
  border-top: 1px solid var(--card-border-color);
}

/* My Account page styling for dark themes */
body.theme-true-dark .table-striped tbody tr:nth-of-type(odd),
body.theme-blue-dark-gray .table-striped tbody tr:nth-of-type(odd),
body.theme-twilight .table-striped tbody tr:nth-of-type(odd),
body.theme-dim .table-striped tbody tr:nth-of-type(odd),
body.theme-dark-gray .table-striped tbody tr:nth-of-type(odd),
body.theme-selective-dark .table-striped tbody tr:nth-of-type(odd),
body.theme-high-contrast .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

body.theme-true-dark .table-hover tbody tr:hover,
body.theme-blue-dark-gray .table-hover tbody tr:hover,
body.theme-twilight .table-hover tbody tr:hover,
body.theme-dim .table-hover tbody tr:hover,
body.theme-dark-gray .table-hover tbody tr:hover,
body.theme-selective-dark .table-hover tbody tr:hover,
body.theme-high-contrast .table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
  color: var(--body-color);
}

/* User profile image styling */
body.theme-true-dark .user-profile-image,
body.theme-blue-dark-gray .user-profile-image,
body.theme-twilight .user-profile-image,
body.theme-dim .user-profile-image,
body.theme-dark-gray .user-profile-image,
body.theme-selective-dark .user-profile-image,
body.theme-high-contrast .user-profile-image {
  border: 1px solid var(--card-border-color);
  background-color: var(--card-cap-bg);
  padding: 2px;
}

/* Badge styling in dark mode */
body.theme-true-dark .badge,
body.theme-blue-dark-gray .badge,
body.theme-twilight .badge,
body.theme-dim .badge,
body.theme-dark-gray .badge,
body.theme-selective-dark .badge,
body.theme-high-contrast .badge {
  color: #fff;
}

body.theme-true-dark .badge-secondary,
body.theme-blue-dark-gray .badge-secondary,
body.theme-twilight .badge-secondary,
body.theme-dim .badge-secondary,
body.theme-dark-gray .badge-secondary,
body.theme-selective-dark .badge-secondary,
body.theme-high-contrast .badge-secondary {
  background-color: var(--badge-secondary-bg);
}

body.theme-true-dark .badge-success,
body.theme-blue-dark-gray .badge-success,
body.theme-twilight .badge-success,
body.theme-dim .badge-success,
body.theme-dark-gray .badge-success,
body.theme-selective-dark .badge-success,
body.theme-high-contrast .badge-success {
  background-color: var(--badge-success-bg);
}

body.theme-true-dark .badge-danger,
body.theme-blue-dark-gray .badge-danger,
body.theme-twilight .badge-danger,
body.theme-dim .badge-danger,
body.theme-dark-gray .badge-danger,
body.theme-selective-dark .badge-danger,
body.theme-high-contrast .badge-danger {
  background-color: var(--badge-danger-bg);
}

body.theme-true-dark .table,
body.theme-blue-dark-gray .table,
body.theme-twilight .table,
body.theme-dim .table,
body.theme-dark-gray .table,
body.theme-selective-dark .table,
body.theme-high-contrast .table {
  color: var(--body-color);
  border-color: var(--card-border-color);
}

body.theme-true-dark .table th, body.theme-true-dark .table td,
body.theme-blue-dark-gray .table th, body.theme-blue-dark-gray .table td,
body.theme-twilight .table th, body.theme-twilight .table td,
body.theme-dim .table th, body.theme-dim .table td,
body.theme-dark-gray .table th, body.theme-dark-gray .table td,
body.theme-selective-dark .table th, body.theme-selective-dark .table td,
body.theme-high-contrast .table th, body.theme-high-contrast .table td {
  border-color: var(--card-border-color);
}

body.theme-true-dark .nav-tabs,
body.theme-blue-dark-gray .nav-tabs,
body.theme-twilight .nav-tabs,
body.theme-dim .nav-tabs,
body.theme-dark-gray .nav-tabs,
body.theme-selective-dark .nav-tabs,
body.theme-high-contrast .nav-tabs {
  border-bottom-color: var(--card-border-color);
}

body.theme-true-dark .nav-tabs .nav-link.active,
body.theme-blue-dark-gray .nav-tabs .nav-link.active,
body.theme-twilight .nav-tabs .nav-link.active,
body.theme-dim .nav-tabs .nav-link.active,
body.theme-dark-gray .nav-tabs .nav-link.active,
body.theme-selective-dark .nav-tabs .nav-link.active,
body.theme-high-contrast .nav-tabs .nav-link.active {
  color: var(--body-color);
  background-color: var(--card-bg);
  border-color: var(--card-border-color) var(--card-border-color) var(--card-bg);
}

body.theme-true-dark .nav-tabs .nav-link:hover,
body.theme-blue-dark-gray .nav-tabs .nav-link:hover,
body.theme-twilight .nav-tabs .nav-link:hover,
body.theme-dim .nav-tabs .nav-link:hover,
body.theme-dark-gray .nav-tabs .nav-link:hover,
body.theme-selective-dark .nav-tabs .nav-link:hover,
body.theme-high-contrast .nav-tabs .nav-link:hover {
  border-color: var(--card-border-color);
}

/* Form styling for dark themes */
body.theme-true-dark .form-control,
body.theme-blue-dark-gray .form-control,
body.theme-twilight .form-control,
body.theme-dim .form-control,
body.theme-dark-gray .form-control,
body.theme-selective-dark .form-control,
body.theme-high-contrast .form-control {
  background-color: var(--input-bg);
  color: var(--body-color);
  border-color: var(--card-border-color);
}

body.theme-true-dark .form-control:focus,
body.theme-blue-dark-gray .form-control:focus,
body.theme-twilight .form-control:focus,
body.theme-dim .form-control:focus,
body.theme-dark-gray .form-control:focus,
body.theme-selective-dark .form-control:focus,
body.theme-high-contrast .form-control:focus {
  background-color: var(--input-bg);
  color: var(--body-color);
  border-color: var(--btn-primary-bg);
  box-shadow: 0 0 0 0.2rem rgba(var(--btn-primary-rgb), 0.25);
}

body.theme-true-dark .input-group-text,
body.theme-blue-dark-gray .input-group-text,
body.theme-twilight .input-group-text,
body.theme-dim .input-group-text,
body.theme-dark-gray .input-group-text,
body.theme-selective-dark .input-group-text,
body.theme-high-contrast .input-group-text {
  background-color: var(--card-cap-bg);
  color: var(--body-color);
  border-color: var(--card-border-color);
}

body.theme-true-dark .form-control::placeholder,
body.theme-blue-dark-gray .form-control::placeholder,
body.theme-twilight .form-control::placeholder,
body.theme-dim .form-control::placeholder,
body.theme-dark-gray .form-control::placeholder,
body.theme-selective-dark .form-control::placeholder,
body.theme-high-contrast .form-control::placeholder {
  color: rgba(var(--body-color-rgb), 0.6);
}

/* Select dropdown styling for dark themes */
body.theme-true-dark select.form-control,
body.theme-blue-dark-gray select.form-control,
body.theme-twilight select.form-control,
body.theme-dim select.form-control,
body.theme-dark-gray select.form-control,
body.theme-selective-dark select.form-control,
body.theme-high-contrast select.form-control {
  background-color: var(--input-bg);
  color: var(--body-color);
  border-color: var(--card-border-color);
}

body.theme-true-dark select.form-control option,
body.theme-blue-dark-gray select.form-control option,
body.theme-twilight select.form-control option,
body.theme-dim select.form-control option,
body.theme-dark-gray select.form-control option,
body.theme-selective-dark select.form-control option,
body.theme-high-contrast select.form-control option {
  background-color: var(--input-bg);
  color: var(--body-color);
}

body.theme-true-dark select.form-control optgroup,
body.theme-blue-dark-gray select.form-control optgroup,
body.theme-twilight select.form-control optgroup,
body.theme-dim select.form-control optgroup,
body.theme-dark-gray select.form-control optgroup,
body.theme-selective-dark select.form-control optgroup,
body.theme-high-contrast select.form-control optgroup {
  background-color: var(--card-cap-bg);
  color: var(--body-color);
  font-weight: bold;
}

/* Select2 dropdown styling for dark themes */
body.theme-true-dark .select2-container--default .select2-selection--single,
body.theme-blue-dark-gray .select2-container--default .select2-selection--single,
body.theme-twilight .select2-container--default .select2-selection--single,
body.theme-dim .select2-container--default .select2-selection--single,
body.theme-dark-gray .select2-container--default .select2-selection--single,
body.theme-selective-dark .select2-container--default .select2-selection--single,
body.theme-high-contrast .select2-container--default .select2-selection--single {
  background-color: var(--input-bg) !important;
  color: var(--body-color);
  border-color: var(--card-border-color);
}

body.theme-true-dark .select2-container--open .select2-dropdown,
body.theme-blue-dark-gray .select2-container--open .select2-dropdown,
body.theme-twilight .select2-container--open .select2-dropdown,
body.theme-dim .select2-container--open .select2-dropdown,
body.theme-dark-gray .select2-container--open .select2-dropdown,
body.theme-selective-dark .select2-container--open .select2-dropdown,
body.theme-high-contrast .select2-container--open .select2-dropdown {
  background-color: var(--card-bg) !important;
  border-color: var(--card-border-color);
}

body.theme-true-dark .select2-search--dropdown .select2-search__field,
body.theme-blue-dark-gray .select2-search--dropdown .select2-search__field,
body.theme-twilight .select2-search--dropdown .select2-search__field,
body.theme-dim .select2-search--dropdown .select2-search__field,
body.theme-dark-gray .select2-search--dropdown .select2-search__field,
body.theme-selective-dark .select2-search--dropdown .select2-search__field,
body.theme-high-contrast .select2-search--dropdown .select2-search__field {
  background-color: var(--input-bg) !important;
  color: var(--body-color);
  border-color: var(--card-border-color);
}

body.theme-true-dark .select2-container--default .select2-selection--single .select2-selection__rendered,
body.theme-blue-dark-gray .select2-container--default .select2-selection--single .select2-selection__rendered,
body.theme-twilight .select2-container--default .select2-selection--single .select2-selection__rendered,
body.theme-dim .select2-container--default .select2-selection--single .select2-selection__rendered,
body.theme-dark-gray .select2-container--default .select2-selection--single .select2-selection__rendered,
body.theme-selective-dark .select2-container--default .select2-selection--single .select2-selection__rendered,
body.theme-high-contrast .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--body-color);
}

body.theme-true-dark .select2-dropdown,
body.theme-blue-dark-gray .select2-dropdown,
body.theme-twilight .select2-dropdown,
body.theme-dim .select2-dropdown,
body.theme-dark-gray .select2-dropdown,
body.theme-selective-dark .select2-dropdown,
body.theme-high-contrast .select2-dropdown {
  background-color: var(--card-bg) !important;
  border-color: var(--card-border-color);
}

body.theme-true-dark .select2-container--default .select2-selection--single .select2-selection__arrow,
body.theme-blue-dark-gray .select2-container--default .select2-selection--single .select2-selection__arrow,
body.theme-twilight .select2-container--default .select2-selection--single .select2-selection__arrow,
body.theme-dim .select2-container--default .select2-selection--single .select2-selection__arrow,
body.theme-dark-gray .select2-container--default .select2-selection--single .select2-selection__arrow,
body.theme-selective-dark .select2-container--default .select2-selection--single .select2-selection__arrow,
body.theme-high-contrast .select2-container--default .select2-selection--single .select2-selection__arrow {
  filter: invert(1);
}

body.theme-true-dark .select2-container--default .select2-results,
body.theme-blue-dark-gray .select2-container--default .select2-results,
body.theme-twilight .select2-container--default .select2-results,
body.theme-dim .select2-container--default .select2-results,
body.theme-dark-gray .select2-container--default .select2-results,
body.theme-selective-dark .select2-container--default .select2-results,
body.theme-high-contrast .select2-container--default .select2-results {
  background-color: var(--card-bg) !important;
  color: var(--body-color);
}

body.theme-true-dark .select2-container--default .select2-results__option,
body.theme-blue-dark-gray .select2-container--default .select2-results__option,
body.theme-twilight .select2-container--default .select2-results__option,
body.theme-dim .select2-container--default .select2-results__option,
body.theme-dark-gray .select2-container--default .select2-results__option,
body.theme-selective-dark .select2-container--default .select2-results__option,
body.theme-high-contrast .select2-container--default .select2-results__option {
  color: var(--body-color);
}

body.theme-true-dark .select2-container--default .select2-results__option[aria-selected=true],
body.theme-blue-dark-gray .select2-container--default .select2-results__option[aria-selected=true],
body.theme-twilight .select2-container--default .select2-results__option[aria-selected=true],
body.theme-dim .select2-container--default .select2-results__option[aria-selected=true],
body.theme-dark-gray .select2-container--default .select2-results__option[aria-selected=true],
body.theme-selective-dark .select2-container--default .select2-results__option[aria-selected=true],
body.theme-high-contrast .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--card-cap-bg);
}

body.theme-true-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
body.theme-blue-dark-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
body.theme-twilight .select2-container--default .select2-results__option--highlighted[aria-selected],
body.theme-dim .select2-container--default .select2-results__option--highlighted[aria-selected],
body.theme-dark-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
body.theme-selective-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
body.theme-high-contrast .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--btn-primary-bg) !important;
  color: var(--btn-primary-color);
}

/* Fix for white backgrounds in Select2 dropdown */
body.theme-true-dark .select2-container--default .select2-results > .select2-results__options,
body.theme-blue-dark-gray .select2-container--default .select2-results > .select2-results__options,
body.theme-twilight .select2-container--default .select2-results > .select2-results__options,
body.theme-dim .select2-container--default .select2-results > .select2-results__options,
body.theme-dark-gray .select2-container--default .select2-results > .select2-results__options,
body.theme-selective-dark .select2-container--default .select2-results > .select2-results__options,
body.theme-high-contrast .select2-container--default .select2-results > .select2-results__options {
  background-color: var(--card-bg) !important;
  color: var(--body-color);
}

body.theme-true-dark .select2-container--open .select2-selection.select2-selection--single,
body.theme-blue-dark-gray .select2-container--open .select2-selection.select2-selection--single,
body.theme-twilight .select2-container--open .select2-selection.select2-selection--single,
body.theme-dim .select2-container--open .select2-selection.select2-selection--single,
body.theme-dark-gray .select2-container--open .select2-selection.select2-selection--single,
body.theme-selective-dark .select2-container--open .select2-selection.select2-selection--single,
body.theme-high-contrast .select2-container--open .select2-selection.select2-selection--single {
  background-color: var(--input-bg) !important;
  border-color: var(--btn-primary-bg);
}

body.theme-true-dark .select2-container--default .select2-results__group,
body.theme-blue-dark-gray .select2-container--default .select2-results__group,
body.theme-twilight .select2-container--default .select2-results__group,
body.theme-dim .select2-container--default .select2-results__group,
body.theme-dark-gray .select2-container--default .select2-results__group,
body.theme-selective-dark .select2-container--default .select2-results__group,
body.theme-high-contrast .select2-container--default .select2-results__group {
  background-color: var(--card-cap-bg);
  color: var(--body-color);
  font-weight: bold;
  padding: 6px;
}

/* Modal styling for dark themes */
body.theme-true-dark .modal-content,
body.theme-blue-dark-gray .modal-content,
body.theme-twilight .modal-content,
body.theme-dim .modal-content,
body.theme-dark-gray .modal-content,
body.theme-selective-dark .modal-content,
body.theme-high-contrast .modal-content {
  background-color: var(--card-bg);
  color: var(--body-color);
  border-color: var(--card-border-color);
}

body.theme-true-dark .modal-header,
body.theme-blue-dark-gray .modal-header,
body.theme-twilight .modal-header,
body.theme-dim .modal-header,
body.theme-dark-gray .modal-header,
body.theme-selective-dark .modal-header,
body.theme-high-contrast .modal-header {
  border-bottom-color: var(--card-border-color);
}

body.theme-true-dark .modal-footer,
body.theme-blue-dark-gray .modal-footer,
body.theme-twilight .modal-footer,
body.theme-dim .modal-footer,
body.theme-dark-gray .modal-footer,
body.theme-selective-dark .modal-footer,
body.theme-high-contrast .modal-footer {
  border-top-color: var(--card-border-color);
}

body.theme-true-dark .modal-header .close,
body.theme-blue-dark-gray .modal-header .close,
body.theme-twilight .modal-header .close,
body.theme-dim .modal-header .close,
body.theme-dark-gray .modal-header .close,
body.theme-selective-dark .modal-header .close,
body.theme-high-contrast .modal-header .close {
  color: var(--body-color);
  text-shadow: none;
}

body.theme-true-dark .bg-gray-100,
body.theme-blue-dark-gray .bg-gray-100,
body.theme-twilight .bg-gray-100,
body.theme-dim .bg-gray-100,
body.theme-dark-gray .bg-gray-100,
body.theme-selective-dark .bg-gray-100,
body.theme-high-contrast .bg-gray-100 {
  background-color: var(--card-cap-bg) !important;
  border: 1px solid var(--card-border-color);
}

/* Dashboard reports table styling for dark themes */
body.theme-true-dark .table-white,
body.theme-blue-dark-gray .table-white,
body.theme-twilight .table-white,
body.theme-dim .table-white,
body.theme-dark-gray .table-white,
body.theme-selective-dark .table-white,
body.theme-high-contrast .table-white,
body.theme-true-dark .bg-white,
body.theme-blue-dark-gray .bg-white,
body.theme-twilight .bg-white,
body.theme-dim .bg-white,
body.theme-dark-gray .bg-white,
body.theme-selective-dark .bg-white,
body.theme-high-contrast .bg-white {
  background-color: var(--card-bg) !important;
  color: var(--body-color) !important;
}

body.theme-true-dark .table-hover.bg-white tbody tr:hover,
body.theme-blue-dark-gray .table-hover.bg-white tbody tr:hover,
body.theme-twilight .table-hover.bg-white tbody tr:hover,
body.theme-dim .table-hover.bg-white tbody tr:hover,
body.theme-dark-gray .table-hover.bg-white tbody tr:hover,
body.theme-selective-dark .table-hover.bg-white tbody tr:hover,
body.theme-high-contrast .table-hover.bg-white tbody tr:hover {
  background-color: var(--card-cap-bg) !important;
}

/* Dashboard filter buttons styling for dark themes */
body.theme-true-dark .btn-group .btn-outline-primary:not(.active),
body.theme-blue-dark-gray .btn-group .btn-outline-primary:not(.active),
body.theme-twilight .btn-group .btn-outline-primary:not(.active),
body.theme-dim .btn-group .btn-outline-primary:not(.active),
body.theme-dark-gray .btn-group .btn-outline-primary:not(.active),
body.theme-selective-dark .btn-group .btn-outline-primary:not(.active),
body.theme-high-contrast .btn-group .btn-outline-primary:not(.active) {
  color: var(--body-color) !important;
  border-color: var(--card-border-color) !important;
}

body.theme-true-dark .btn-group .btn-outline-primary.active,
body.theme-blue-dark-gray .btn-group .btn-outline-primary.active,
body.theme-twilight .btn-group .btn-outline-primary.active,
body.theme-dim .btn-group .btn-outline-primary.active,
body.theme-dark-gray .btn-group .btn-outline-primary.active,
body.theme-selective-dark .btn-group .btn-outline-primary.active,
body.theme-high-contrast .btn-group .btn-outline-primary.active {
  background-color: var(--btn-primary-bg) !important;
  color: var(--btn-primary-color) !important;
  border-color: var(--btn-primary-bg) !important;
}

/* Dashboard date range selector styling for dark themes */
body.theme-true-dark .daterangepicker,
body.theme-blue-dark-gray .daterangepicker,
body.theme-twilight .daterangepicker,
body.theme-dim .daterangepicker,
body.theme-dark-gray .daterangepicker,
body.theme-selective-dark .daterangepicker,
body.theme-high-contrast .daterangepicker {
  background-color: var(--card-bg) !important;
  color: var(--body-color) !important;
  border-color: var(--card-border-color) !important;
}

body.theme-true-dark .daterangepicker .calendar-table,
body.theme-blue-dark-gray .daterangepicker .calendar-table,
body.theme-twilight .daterangepicker .calendar-table,
body.theme-dim .daterangepicker .calendar-table,
body.theme-dark-gray .daterangepicker .calendar-table,
body.theme-selective-dark .daterangepicker .calendar-table,
body.theme-high-contrast .daterangepicker .calendar-table {
  background-color: var(--card-bg) !important;
  border-color: var(--card-border-color) !important;
}

body.theme-true-dark .daterangepicker td.off,
body.theme-blue-dark-gray .daterangepicker td.off,
body.theme-twilight .daterangepicker td.off,
body.theme-dim .daterangepicker td.off,
body.theme-dark-gray .daterangepicker td.off,
body.theme-selective-dark .daterangepicker td.off,
body.theme-high-contrast .daterangepicker td.off {
  background-color: var(--card-cap-bg) !important;
  color: rgba(var(--body-color-rgb), 0.5) !important;
}

/* Dashboard widgets and statistics cards styling for dark themes */
body.theme-true-dark .card-body,
body.theme-blue-dark-gray .card-body,
body.theme-twilight .card-body,
body.theme-dim .card-body,
body.theme-dark-gray .card-body,
body.theme-selective-dark .card-body,
body.theme-high-contrast .card-body {
  background-color: var(--card-bg) !important;
  color: var(--body-color) !important;
}

body.theme-true-dark .card-header,
body.theme-blue-dark-gray .card-header,
body.theme-twilight .card-header,
body.theme-dim .card-header,
body.theme-dark-gray .card-header,
body.theme-selective-dark .card-header,
body.theme-high-contrast .card-header {
  background-color: var(--card-cap-bg) !important;
  color: var(--body-color) !important;
  border-bottom-color: var(--card-border-color) !important;
}

body.theme-true-dark .report-widget,
body.theme-blue-dark-gray .report-widget,
body.theme-twilight .report-widget,
body.theme-dim .report-widget,
body.theme-dark-gray .report-widget,
body.theme-selective-dark .report-widget,
body.theme-high-contrast .report-widget {
  background-color: var(--card-bg) !important;
  color: var(--body-color) !important;
  border-color: var(--card-border-color) !important;
}

body.theme-true-dark .stats-card,
body.theme-blue-dark-gray .stats-card,
body.theme-twilight .stats-card,
body.theme-dim .stats-card,
body.theme-dark-gray .stats-card,
body.theme-selective-dark .stats-card,
body.theme-high-contrast .stats-card {
  background-color: var(--card-bg) !important;
  color: var(--body-color) !important;
  border-color: var(--card-border-color) !important;
}

body.theme-true-dark .pagination .page-item .page-link,
body.theme-blue-dark-gray .pagination .page-item .page-link,
body.theme-twilight .pagination .page-item .page-link,
body.theme-dim .pagination .page-item .page-link,
body.theme-dark-gray .pagination .page-item .page-link,
body.theme-selective-dark .pagination .page-item .page-link,
body.theme-high-contrast .pagination .page-item .page-link {
  background-color: var(--card-bg) !important;
  color: var(--body-color) !important;
  border-color: var(--card-border-color) !important;
}

body.theme-true-dark .pagination .page-item.active .page-link,
body.theme-blue-dark-gray .pagination .page-item.active .page-link,
body.theme-twilight .pagination .page-item.active .page-link,
body.theme-dim .pagination .page-item.active .page-link,
body.theme-dark-gray .pagination .page-item.active .page-link,
body.theme-selective-dark .pagination .page-item.active .page-link,
body.theme-high-contrast .pagination .page-item.active .page-link {
  background-color: var(--btn-primary-bg) !important;
  color: var(--btn-primary-color) !important;
  border-color: var(--btn-primary-bg) !important;
}

/* Cinema mode status label styling */
.status-label.cinema-status {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.85rem;
  background-color: rgba(223, 50, 229, 0.15);
  color: #df32e5;
}

.status-label.cinema-status i {
  margin-right: 5px;
}

body.theme-true-dark .status-label.cinema-status,
body.theme-blue-dark-gray .status-label.cinema-status,
body.theme-twilight .status-label.cinema-status,
body.theme-dim .status-label.cinema-status,
body.theme-dark-gray .status-label.cinema-status,
body.theme-selective-dark .status-label.cinema-status,
body.theme-high-contrast .status-label.cinema-status {
  background-color: rgba(223, 50, 229, 0.25);
  color: #df32e5;
}

/* Station dashboard styling for dark themes */
body.theme-true-dark .station-filter-tabs .btn-outline-primary,
body.theme-blue-dark-gray .station-filter-tabs .btn-outline-primary,
body.theme-twilight .station-filter-tabs .btn-outline-primary,
body.theme-dim .station-filter-tabs .btn-outline-primary,
body.theme-dark-gray .station-filter-tabs .btn-outline-primary,
body.theme-selective-dark .station-filter-tabs .btn-outline-primary,
body.theme-high-contrast .station-filter-tabs .btn-outline-primary {
  color: var(--body-color);
  border-color: var(--card-border-color);
}

body.theme-true-dark .station-filter-tabs .btn-outline-primary:hover,
body.theme-blue-dark-gray .station-filter-tabs .btn-outline-primary:hover,
body.theme-twilight .station-filter-tabs .btn-outline-primary:hover,
body.theme-dim .station-filter-tabs .btn-outline-primary:hover,
body.theme-dark-gray .station-filter-tabs .btn-outline-primary:hover,
body.theme-selective-dark .station-filter-tabs .btn-outline-primary:hover,
body.theme-high-contrast .station-filter-tabs .btn-outline-primary:hover,
body.theme-true-dark .station-filter-tabs .btn-outline-primary.active,
body.theme-blue-dark-gray .station-filter-tabs .btn-outline-primary.active,
body.theme-twilight .station-filter-tabs .btn-outline-primary.active,
body.theme-dim .station-filter-tabs .btn-outline-primary.active,
body.theme-dark-gray .station-filter-tabs .btn-outline-primary.active,
body.theme-selective-dark .station-filter-tabs .btn-outline-primary.active,
body.theme-high-contrast .station-filter-tabs .btn-outline-primary.active {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
  border-color: var(--btn-primary-bg);
}

body.theme-true-dark .station-card,
body.theme-blue-dark-gray .station-card,
body.theme-twilight .station-card,
body.theme-dim .station-card,
body.theme-dark-gray .station-card,
body.theme-selective-dark .station-card,
body.theme-high-contrast .station-card {
  background-color: var(--card-bg);
  border-color: var(--card-border-color);
}

body.theme-true-dark .station-card .card-header,
body.theme-blue-dark-gray .station-card .card-header,
body.theme-twilight .station-card .card-header,
body.theme-dim .station-card .card-header,
body.theme-dark-gray .station-card .card-header,
body.theme-selective-dark .station-card .card-header,
body.theme-high-contrast .station-card .card-header {
  background-color: var(--card-cap-bg);
  border-bottom-color: var(--card-border-color);
}

body.theme-true-dark .station-card .card-footer,
body.theme-blue-dark-gray .station-card .card-footer,
body.theme-twilight .station-card .card-footer,
body.theme-dim .station-card .card-footer,
body.theme-dark-gray .station-card .card-footer,
body.theme-selective-dark .station-card .card-footer,
body.theme-high-contrast .station-card .card-footer {
  background-color: var(--card-cap-bg);
  border-top-color: var(--card-border-color);
}

/* Fix for auto countdown text */
body.theme-true-dark .auto-countdown-text,
body.theme-blue-dark-gray .auto-countdown-text,
body.theme-twilight .auto-countdown-text,
body.theme-dim .auto-countdown-text,
body.theme-dark-gray .auto-countdown-text,
body.theme-selective-dark .auto-countdown-text,
body.theme-high-contrast .auto-countdown-text {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 500 !important;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
}

/* Fix for available-at span in station footer */
body.theme-true-dark .station-user-footer .available-at,
body.theme-blue-dark-gray .station-user-footer .available-at,
body.theme-twilight .station-user-footer .available-at,
body.theme-dim .station-user-footer .available-at,
body.theme-dark-gray .station-user-footer .available-at,
body.theme-selective-dark .station-user-footer .available-at,
body.theme-high-contrast .station-user-footer .available-at {
  color: var(--body-color) !important;
  opacity: 0.8;
}

/* Fix for AVAILABLE badge in station cards */
body.theme-true-dark .card.station-card .badge-success,
body.theme-blue-dark-gray .card.station-card .badge-success,
body.theme-twilight .card.station-card .badge-success,
body.theme-dim .card.station-card .badge-success,
body.theme-dark-gray .card.station-card .badge-success,
body.theme-selective-dark .card.station-card .badge-success,
body.theme-high-contrast .card.station-card .badge-success {
  background-color: var(--badge-success-bg);
  color: #ffffff;
}

/* Fix for UNKNOWN badge in station cards */
body.theme-true-dark .card.station-card .badge-secondary,
body.theme-blue-dark-gray .card.station-card .badge-secondary,
body.theme-twilight .card.station-card .badge-secondary,
body.theme-dim .card.station-card .badge-secondary,
body.theme-dark-gray .card.station-card .badge-secondary,
body.theme-selective-dark .card.station-card .badge-secondary,
body.theme-high-contrast .card.station-card .badge-secondary {
  background-color: var(--badge-secondary-bg);
  color: var(--body-color);
}

.card-header {
  background-color: var(--card-cap-bg);
  border-bottom-color: var(--card-border-color);
}

.c-header {
  background-color: var(--header-bg);
}

/* Fix for card header in dark mode */
body.theme-true-dark .card-header,
body.theme-blue-dark-gray .card-header,
body.theme-twilight .card-header,
body.theme-dim .card-header,
body.theme-dark-gray .card-header,
body.theme-selective-dark .card-header,
body.theme-high-contrast .card-header {
  background-color: var(--card-cap-bg);
  border-bottom: 1px solid var(--card-border-color);
}

/* Increase station name font size */
body.theme-true-dark .station-card .card-title,
body.theme-blue-dark-gray .station-card .card-title,
body.theme-twilight .station-card .card-title,
body.theme-dim .station-card .card-title,
body.theme-dark-gray .station-card .card-title,
body.theme-selective-dark .station-card .card-title,
body.theme-high-contrast .station-card .card-title,
.station-card .card-title {
  font-size: 1.4rem !important;
  font-weight: 600 !important;
}

/* Fix for dashboard header and breadcrumbs */
body.theme-true-dark .c-subheader,
body.theme-blue-dark-gray .c-subheader,
body.theme-twilight .c-subheader,
body.theme-dim .c-subheader,
body.theme-dark-gray .c-subheader,
body.theme-selective-dark .c-subheader,
body.theme-high-contrast .c-subheader {
  background-color: var(--card-bg);
  border-color: var(--card-border-color);
}

/* Fix for white line in dashboard header */
body.theme-true-dark .c-header,
body.theme-blue-dark-gray .c-header,
body.theme-twilight .c-header,
body.theme-dim .c-header,
body.theme-dark-gray .c-header,
body.theme-selective-dark .c-header,
body.theme-high-contrast .c-header {
  border-bottom: 1px solid var(--card-border-color);
}

/* Fix for app header text */
body.theme-true-dark .c-header .c-header-nav-link,
body.theme-blue-dark-gray .c-header .c-header-nav-link,
body.theme-twilight .c-header .c-header-nav-link,
body.theme-dim .c-header .c-header-nav-link,
body.theme-dark-gray .c-header .c-header-nav-link,
body.theme-selective-dark .c-header .c-header-nav-link,
body.theme-high-contrast .c-header .c-header-nav-link,
body.theme-true-dark .c-header a,
body.theme-blue-dark-gray .c-header a,
body.theme-twilight .c-header a,
body.theme-dim .c-header a,
body.theme-dark-gray .c-header a,
body.theme-selective-dark .c-header a,
body.theme-high-contrast .c-header a {
  color: var(--body-color) !important;
}

body.theme-true-dark .c-header .c-header-brand,
body.theme-blue-dark-gray .c-header .c-header-brand,
body.theme-twilight .c-header .c-header-brand,
body.theme-dim .c-header .c-header-brand,
body.theme-dark-gray .c-header .c-header-brand,
body.theme-selective-dark .c-header .c-header-brand,
body.theme-high-contrast .c-header .c-header-brand {
  color: var(--body-color) !important;
}

/* Fix for app footer */
body.theme-true-dark .c-footer,
body.theme-blue-dark-gray .c-footer,
body.theme-twilight .c-footer,
body.theme-dim .c-footer,
body.theme-dark-gray .c-footer,
body.theme-selective-dark .c-footer,
body.theme-high-contrast .c-footer {
  background-color: var(--card-bg);
  border-top-color: var(--card-border-color);
  color: var(--body-color);
}

body.theme-true-dark .c-footer a,
body.theme-blue-dark-gray .c-footer a,
body.theme-twilight .c-footer a,
body.theme-dim .c-footer a,
body.theme-dark-gray .c-footer a,
body.theme-selective-dark .c-footer a,
body.theme-high-contrast .c-footer a {
  color: var(--link-color);
}

body.theme-true-dark .breadcrumb,
body.theme-blue-dark-gray .breadcrumb,
body.theme-twilight .breadcrumb,
body.theme-dim .breadcrumb,
body.theme-dark-gray .breadcrumb,
body.theme-selective-dark .breadcrumb,
body.theme-high-contrast .breadcrumb {
  background-color: transparent;
  color: var(--body-color);
}

body.theme-true-dark .breadcrumb-item.active,
body.theme-blue-dark-gray .breadcrumb-item.active,
body.theme-twilight .breadcrumb-item.active,
body.theme-dim .breadcrumb-item.active,
body.theme-dark-gray .breadcrumb-item.active,
body.theme-selective-dark .breadcrumb-item.active,
body.theme-high-contrast .breadcrumb-item.active {
  color: var(--body-color);
}

.c-sidebar {
  background-color: var(--sidebar-bg);
  color: var(--sidebar-color);
}

a {
  color: var(--link-color);
}

a:hover {
  color: var(--link-hover-color);
}

.badge.bg-success {
  background-color: var(--badge-success-bg) !important;
}

.badge.bg-danger {
  background-color: var(--badge-danger-bg) !important;
}

.badge.bg-secondary {
  background-color: var(--badge-secondary-bg) !important;
}

.station-user-footer {
  background-color: var(--footer-bg);
  border-top-color: var(--card-border-color);
}

.form-control {
  background-color: var(--input-bg);
  color: var(--input-color);
  border-color: var(--input-border-color);
}

.btn-primary {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
  border-color: var(--btn-primary-bg);
}

.btn-danger {
  background-color: var(--btn-danger-bg);
  color: var(--btn-danger-color);
  border-color: var(--btn-danger-bg);
}

.btn-secondary {
  background-color: var(--btn-secondary-bg);
  color: var(--btn-secondary-color);
  border-color: var(--btn-secondary-bg);
}

/* Exemption for station detailed view */
.station-detail-view {
  /* Reset to light theme values */
  background-color: #fff !important;
  color: #3c4b64 !important;
}

/* Fix for filter dropdowns */
body.theme-true-dark .dropdown-menu,
body.theme-blue-dark-gray .dropdown-menu,
body.theme-twilight .dropdown-menu,
body.theme-dim .dropdown-menu,
body.theme-dark-gray .dropdown-menu,
body.theme-selective-dark .dropdown-menu,
body.theme-high-contrast .dropdown-menu {
  background-color: var(--card-bg);
  border-color: var(--card-border-color);
}

/* Fix for modals and add time popup */
body.theme-true-dark .modal-content,
body.theme-blue-dark-gray .modal-content,
body.theme-twilight .modal-content,
body.theme-dim .modal-content,
body.theme-dark-gray .modal-content,
body.theme-selective-dark .modal-content,
body.theme-high-contrast .modal-content {
  background-color: var(--card-bg);
  border-color: var(--card-border-color);
  color: var(--body-color);
}

/* Fix for select dropdown in add time popup */
body.theme-true-dark .form-control,
body.theme-blue-dark-gray .form-control,
body.theme-twilight .form-control,
body.theme-dim .form-control,
body.theme-dark-gray .form-control,
body.theme-selective-dark .form-control,
body.theme-high-contrast .form-control {
  background-color: var(--input-bg) !important;
  color: var(--body-color) !important;
  border-color: var(--input-border-color) !important;
}

body.theme-true-dark .dropdown-menu,
body.theme-blue-dark-gray .dropdown-menu,
body.theme-twilight .dropdown-menu,
body.theme-dim .dropdown-menu,
body.theme-dark-gray .dropdown-menu,
body.theme-selective-dark .dropdown-menu,
body.theme-high-contrast .dropdown-menu {
  background-color: var(--card-bg) !important;
  border-color: var(--card-border-color) !important;
  color: var(--body-color) !important;
}

body.theme-true-dark .dropdown-item,
body.theme-blue-dark-gray .dropdown-item,
body.theme-twilight .dropdown-item,
body.theme-dim .dropdown-item,
body.theme-dark-gray .dropdown-item,
body.theme-selective-dark .dropdown-item,
body.theme-high-contrast .dropdown-item {
  color: var(--body-color) !important;
}

body.theme-true-dark .modal-header,
body.theme-blue-dark-gray .modal-header,
body.theme-twilight .modal-header,
body.theme-dim .modal-header,
body.theme-dark-gray .modal-header,
body.theme-selective-dark .modal-header,
body.theme-high-contrast .modal-header {
  border-bottom-color: var(--card-border-color);
}

body.theme-true-dark .modal-footer,
body.theme-blue-dark-gray .modal-footer,
body.theme-twilight .modal-footer,
body.theme-dim .modal-footer,
body.theme-dark-gray .modal-footer,
body.theme-selective-dark .modal-footer,
body.theme-high-contrast .modal-footer {
  border-top-color: var(--card-border-color);
}

body.theme-true-dark .close,
body.theme-blue-dark-gray .close,
body.theme-twilight .close,
body.theme-dim .close,
body.theme-dark-gray .close,
body.theme-selective-dark .close,
body.theme-high-contrast .close {
  color: var(--body-color);
  text-shadow: none;
}

/* Fix specifically for location filter dropdown */
body.theme-true-dark .dropdown-menu.show,
body.theme-blue-dark-gray .dropdown-menu.show,
body.theme-twilight .dropdown-menu.show,
body.theme-dim .dropdown-menu.show,
body.theme-dark-gray .dropdown-menu.show,
body.theme-selective-dark .dropdown-menu.show,
body.theme-high-contrast .dropdown-menu.show {
  background-color: var(--card-bg);
  border-color: var(--card-border-color);
}

body.theme-true-dark select.form-control,
body.theme-blue-dark-gray select.form-control,
body.theme-twilight select.form-control,
body.theme-dim select.form-control,
body.theme-dark-gray select.form-control,
body.theme-selective-dark select.form-control,
body.theme-high-contrast select.form-control {
  background-color: var(--input-bg);
  color: var(--input-color);
  border-color: var(--input-border-color);
}

body.theme-true-dark .dropdown-item,
body.theme-blue-dark-gray .dropdown-item,
body.theme-twilight .dropdown-item,
body.theme-dim .dropdown-item,
body.theme-dark-gray .dropdown-item,
body.theme-selective-dark .dropdown-item,
body.theme-high-contrast .dropdown-item {
  color: var(--body-color);
}

body.theme-true-dark .dropdown-item:hover, body.theme-true-dark .dropdown-item:focus,
body.theme-blue-dark-gray .dropdown-item:hover, body.theme-blue-dark-gray .dropdown-item:focus,
body.theme-twilight .dropdown-item:hover, body.theme-twilight .dropdown-item:focus,
body.theme-dim .dropdown-item:hover, body.theme-dim .dropdown-item:focus,
body.theme-dark-gray .dropdown-item:hover, body.theme-dark-gray .dropdown-item:focus,
body.theme-selective-dark .dropdown-item:hover, body.theme-selective-dark .dropdown-item:focus,
body.theme-high-contrast .dropdown-item:hover, body.theme-high-contrast .dropdown-item:focus {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
}

body.theme-true-dark .dropdown-divider,
body.theme-blue-dark-gray .dropdown-divider,
body.theme-twilight .dropdown-divider,
body.theme-dim .dropdown-divider,
body.theme-dark-gray .dropdown-divider,
body.theme-selective-dark .dropdown-divider,
body.theme-high-contrast .dropdown-divider {
  border-color: var(--card-border-color);
}

/* Fix for filter dropdown header */
body.theme-true-dark .dropdown-header,
body.theme-blue-dark-gray .dropdown-header,
body.theme-twilight .dropdown-header,
body.theme-dim .dropdown-header,
body.theme-dark-gray .dropdown-header,
body.theme-selective-dark .dropdown-header,
body.theme-high-contrast .dropdown-header {
  color: var(--link-color);
}

.station-detail-view .card {
  background-color: #fff !important;
  border-color: rgba(0, 0, 0, 0.125) !important;
}

.station-detail-view .card-header {
  background-color: rgba(0, 0, 0, 0.03) !important;
  border-bottom-color: rgba(0, 0, 0, 0.125) !important;
}

/* Keep countdown styling consistent across themes */
.countdown-container span {
  color: var(--countdown-color);
  text-shadow: none !important;
  font-weight: normal !important;
}

/* Fix for icons in dark mode */
body.theme-true-dark .c-icon,
body.theme-blue-dark-gray .c-icon,
body.theme-twilight .c-icon,
body.theme-dim .c-icon,
body.theme-dark-gray .c-icon,
body.theme-selective-dark .c-icon,
body.theme-high-contrast .c-icon,
body.theme-true-dark i,
body.theme-blue-dark-gray i,
body.theme-twilight i,
body.theme-dim i,
body.theme-dark-gray i,
body.theme-selective-dark i,
body.theme-high-contrast i {
  color: var(--body-color);
}

/* Fix for light toggle switch and icon */
body.theme-true-dark .custom-control-label::before,
body.theme-blue-dark-gray .custom-control-label::before,
body.theme-twilight .custom-control-label::before,
body.theme-dim .custom-control-label::before,
body.theme-dark-gray .custom-control-label::before,
body.theme-selective-dark .custom-control-label::before,
body.theme-high-contrast .custom-control-label::before {
  background-color: #2a2a3c !important;
  border-color: #3a3a4c !important;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.1) !important;
}

body.theme-true-dark .custom-control-input:checked ~ .custom-control-label::before,
body.theme-blue-dark-gray .custom-control-input:checked ~ .custom-control-label::before,
body.theme-twilight .custom-control-input:checked ~ .custom-control-label::before,
body.theme-dim .custom-control-input:checked ~ .custom-control-label::before,
body.theme-dark-gray .custom-control-input:checked ~ .custom-control-label::before,
body.theme-selective-dark .custom-control-input:checked ~ .custom-control-label::before,
body.theme-high-contrast .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #9d4edd !important;
  border-color: #9d4edd !important;
  box-shadow: 0 0 5px rgba(157, 78, 221, 0.5) !important;
}

body.theme-true-dark .custom-switch .custom-control-label::after,
body.theme-blue-dark-gray .custom-switch .custom-control-label::after,
body.theme-twilight .custom-switch .custom-control-label::after,
body.theme-dim .custom-switch .custom-control-label::after,
body.theme-dark-gray .custom-switch .custom-control-label::after,
body.theme-selective-dark .custom-switch .custom-control-label::after,
body.theme-high-contrast .custom-switch .custom-control-label::after {
  background-color: #5a5a6a !important;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) !important;
}

/* Fix for custom-switch-input */
body.theme-true-dark .custom-switch-input,
body.theme-blue-dark-gray .custom-switch-input,
body.theme-twilight .custom-switch-input,
body.theme-dim .custom-switch-input,
body.theme-dark-gray .custom-switch-input,
body.theme-selective-dark .custom-switch-input,
body.theme-high-contrast .custom-switch-input {
  background-color: #2a2a3c !important;
  border-color: #3a3a4c !important;
}

body.theme-true-dark .custom-switch-input.active,
body.theme-blue-dark-gray .custom-switch-input.active,
body.theme-twilight .custom-switch-input.active,
body.theme-dim .custom-switch-input.active,
body.theme-dark-gray .custom-switch-input.active,
body.theme-selective-dark .custom-switch-input.active,
body.theme-high-contrast .custom-switch-input.active {
  background-color: #9d4edd !important;
  border-color: #9d4edd !important;
}

/* Fix for Bootstrap Toggle */
body.theme-true-dark .toggle,
body.theme-blue-dark-gray .toggle,
body.theme-twilight .toggle,
body.theme-dim .toggle,
body.theme-dark-gray .toggle,
body.theme-selective-dark .toggle,
body.theme-high-contrast .toggle {
  border-color: #3a3a4c !important;
}

body.theme-true-dark .toggle.off,
body.theme-blue-dark-gray .toggle.off,
body.theme-twilight .toggle.off,
body.theme-dim .toggle.off,
body.theme-dark-gray .toggle.off,
body.theme-selective-dark .toggle.off,
body.theme-high-contrast .toggle.off {
  background-color: #2a2a3c !important;
  border-color: #3a3a4c !important;
}

body.theme-true-dark .toggle.off .toggle-group,
body.theme-blue-dark-gray .toggle.off .toggle-group,
body.theme-twilight .toggle.off .toggle-group,
body.theme-dim .toggle.off .toggle-group,
body.theme-dark-gray .toggle.off .toggle-group,
body.theme-selective-dark .toggle.off .toggle-group,
body.theme-high-contrast .toggle.off .toggle-group {
  background-color: #2a2a3c !important;
}

body.theme-true-dark .toggle.off .toggle-handle,
body.theme-blue-dark-gray .toggle.off .toggle-handle,
body.theme-twilight .toggle.off .toggle-handle,
body.theme-dim .toggle.off .toggle-handle,
body.theme-dark-gray .toggle.off .toggle-handle,
body.theme-selective-dark .toggle.off .toggle-handle,
body.theme-high-contrast .toggle.off .toggle-handle {
  background-color: #5a5a6a !important;
  border-color: #3a3a4c !important;
}

body.theme-true-dark .toggle.btn-primary,
body.theme-blue-dark-gray .toggle.btn-primary,
body.theme-twilight .toggle.btn-primary,
body.theme-dim .toggle.btn-primary,
body.theme-dark-gray .toggle.btn-primary,
body.theme-selective-dark .toggle.btn-primary,
body.theme-high-contrast .toggle.btn-primary {
  background-color: #9d4edd !important;
  border-color: #9d4edd !important;
}

body.theme-true-dark .toggle.btn-primary .toggle-handle,
body.theme-blue-dark-gray .toggle.btn-primary .toggle-handle,
body.theme-twilight .toggle.btn-primary .toggle-handle,
body.theme-dim .toggle.btn-primary .toggle-handle,
body.theme-dark-gray .toggle.btn-primary .toggle-handle,
body.theme-selective-dark .toggle.btn-primary .toggle-handle,
body.theme-high-contrast .toggle.btn-primary .toggle-handle {
  background-color: #5a5a6a !important;
}

/* Direct fix for bootstrap4-toggle */
body.theme-true-dark .btn-light,
body.theme-blue-dark-gray .btn-light,
body.theme-twilight .btn-light,
body.theme-dim .btn-light,
body.theme-dark-gray .btn-light,
body.theme-selective-dark .btn-light,
body.theme-high-contrast .btn-light {
  background-color: #2a2a3c !important;
  border-color: #3a3a4c !important;
  color: #b8b8c8 !important;
}

body.theme-true-dark .btn-light:not(:disabled):not(.disabled):active,
body.theme-blue-dark-gray .btn-light:not(:disabled):not(.disabled):active,
body.theme-twilight .btn-light:not(:disabled):not(.disabled):active,
body.theme-dim .btn-light:not(:disabled):not(.disabled):active,
body.theme-dark-gray .btn-light:not(:disabled):not(.disabled):active,
body.theme-selective-dark .btn-light:not(:disabled):not(.disabled):active,
body.theme-high-contrast .btn-light:not(:disabled):not(.disabled):active {
  background-color: #2a2a3c !important;
  border-color: #3a3a4c !important;
}

body.theme-true-dark .btn-light.active,
body.theme-blue-dark-gray .btn-light.active,
body.theme-twilight .btn-light.active,
body.theme-dim .btn-light.active,
body.theme-dark-gray .btn-light.active,
body.theme-selective-dark .btn-light.active,
body.theme-high-contrast .btn-light.active {
  background-color: #9d4edd !important;
  border-color: #9d4edd !important;
  color: #ffffff !important;
}

/* Fix for location and clock icons */
body.theme-true-dark i.cil-location-pin,
body.theme-blue-dark-gray i.cil-location-pin,
body.theme-twilight i.cil-location-pin,
body.theme-dim i.cil-location-pin,
body.theme-dark-gray i.cil-location-pin,
body.theme-selective-dark i.cil-location-pin,
body.theme-high-contrast i.cil-location-pin,
body.theme-true-dark i.cil-av-timer,
body.theme-blue-dark-gray i.cil-av-timer,
body.theme-twilight i.cil-av-timer,
body.theme-dim i.cil-av-timer,
body.theme-dark-gray i.cil-av-timer,
body.theme-selective-dark i.cil-av-timer,
body.theme-high-contrast i.cil-av-timer {
  color: var(--body-color) !important;
}

body.theme-true-dark .c-icon.text-primary,
body.theme-blue-dark-gray .c-icon.text-primary,
body.theme-twilight .c-icon.text-primary,
body.theme-dim .c-icon.text-primary,
body.theme-dark-gray .c-icon.text-primary,
body.theme-selective-dark .c-icon.text-primary,
body.theme-high-contrast .c-icon.text-primary {
  color: var(--link-color) !important;
}

body.theme-true-dark .c-icon.text-success,
body.theme-blue-dark-gray .c-icon.text-success,
body.theme-twilight .c-icon.text-success,
body.theme-dim .c-icon.text-success,
body.theme-dark-gray .c-icon.text-success,
body.theme-selective-dark .c-icon.text-success,
body.theme-high-contrast .c-icon.text-success {
  color: var(--badge-success-bg) !important;
}

body.theme-true-dark .c-icon.text-danger,
body.theme-blue-dark-gray .c-icon.text-danger,
body.theme-twilight .c-icon.text-danger,
body.theme-dim .c-icon.text-danger,
body.theme-dark-gray .c-icon.text-danger,
body.theme-selective-dark .c-icon.text-danger,
body.theme-high-contrast .c-icon.text-danger {
  color: var(--badge-danger-bg) !important;
}