/* static/css/custom.css */

/* Dropdown menu ve dark mode */
[data-bs-theme="dark"] .dropdown-menu {
    background-color: #23272b;
    color: #fff;
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-item {
    color: #fff;
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-menu .dropdown-item:focus {
    background-color: #2a2e32;
    color: #fff;
}

/* Tla��tko outline-dark ve tmav�m re�imu */
[data-bs-theme="dark"] .btn-outline-dark {
    color: #fff;
    border-color: #fff;
}
[data-bs-theme="dark"] .btn-outline-dark:hover {
    background-color: #fff;
    color: #23272b;
}

.navbar {
    background-color: #f8f9fa;
    color: #212529;
}
[data-bs-theme="dark"] .navbar {
    background-color: #23272b !important;
    color: #fff !important;
}

/* V�choz� (sv�tl� re�im) - modr� jako Bootstrap */
.list-group-item.active {
    background-color:  #000 !important;
    color: #fff !important;
}

/* Dark mode - tmav� �ed�, b�l� text */
[data-bs-theme="dark"] .list-group-item.active {
    background-color: #23272b !important;
    color: #fff !important;
}

.logo-dark { display: none; }
.logo-light { display: inline; }

[data-bs-theme="dark"] .logo-dark { display: inline; }
[data-bs-theme="dark"] .logo-light { display: none; }

[data-bs-theme="dark"] .card[style*="--stage-border-dark"] {
  border-color: var(--stage-border-dark) !important;
}

[data-bs-theme="dark"] [style*="--stage-bg-dark"] {
  background-color: var(--stage-bg-dark) !important;
}

.advancement-stripe {
  border-left: 8px solid var(--stage-stripe-light, #0d6efd);
  /* Případně border-top pro proužek nahoře: border-top: 4px solid var(--stage-stripe-light, #0d6efd); */
}

/* Pokud používáš Bootstrap 5 s podporou data-bs-theme */
[data-bs-theme="dark"] .advancement-stripe {
  border-left-color: var(--stage-stripe-dark, #0d6efd) !important;
  /* border-top-color: ... pokud používáš proužek nahoře */
}

[data-bs-theme="dark"] .card-header[style*="--stage-border-dark"] {
  border: 2px solid var(--stage-border-dark) !important;
}
