/* ===== Znaiko – Superhero dark polish (drop-in) ===== */
:root {
  color-scheme: dark;

  /* четима тъмна палитра */
  --bs-body-bg: #0b132b;
  --bs-body-color: #e6eaf2;

  --bs-secondary-bg: #111a35;
  --bs-tertiary-bg: #0f1933;
  --bs-border-color: rgba(255,255,255,0.10);

  /* линкове/акценти – синьо/циан */
  --bs-link-color: #79d8ff;
  --bs-link-hover-color: #9ae6ff;

  /* по-жив primary (влияе на компоненти, които четат променливите) */
  --bs-primary: #4c6fff;
  --bs-primary-rgb: 76, 111, 255;
}

/* базов фон и текст */
html, body {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

/* ===== Навигация ===== */
.navbar.bg-primary,
.navbar.navbar-dark.bg-primary {
  background: linear-gradient(90deg, #375a7f 0%, #4c6fff 60%, #7aa2ff 100%) !important;
  box-shadow: 0 8px 24px rgba(76,111,255,0.25);
}
.navbar .nav-link { opacity: .9; transition: color .2s ease, opacity .2s ease; }
.navbar .nav-link:hover { opacity: 1; }
.navbar .nav-link.active { color: #ffffff !important; }
.navbar .navbar-brand { color:#fff !important; }

/* ===== Контейнери / карти / модали ===== */
.container, .container-fluid { color: var(--bs-body-color); }

.card, .modal-content, .dropdown-menu {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid var(--bs-border-color) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
/* === Table chips/pills contrast hard override === */
.table tbody td .rounded-pill,
.table tbody td .badge,
.table tbody td .text-bg-light,
.table tbody td .bg-light,
.table tbody td .bg-white,
.table tbody td .badge.bg-light,
.table tbody td .badge.text-bg-light,
.table tbody td .badge.bg-secondary-subtle,
.table tbody td [class*="subtle"],
.table tbody td [class*="light"] {
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}

/* ако някой чип идва с inline style="background:#fff" */
.table tbody td .rounded-pill[style],
.table tbody td .badge[style] {
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}



/* ===================================================== */
/* ===================  ТАБЛИЦИ  ======================= */
/* ===================================================== */

.table {
  background: transparent !important;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 14px;
  /* махаме overflow: hidden; */
}


/* По-тъмен header + силен контраст */
.table thead th {
  background: rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.98) !important;
  border-bottom-color: var(--bs-border-color) !important;
  font-weight: 700;
}

/* По-тъмен ред по подразбиране и по-силен hover */
.table tbody tr {
  background: rgba(255,255,255,.08);
  transition: background-color .15s ease;
}
.table-hover tbody tr:hover { background: rgba(255,255,255,.16) !important; }

/* Текстът в клетките – висок контраст, таблични цифри */
.table td, .table th {
  border-color: var(--bs-border-color) !important;
  color: rgba(255,255,255,.94) !important;
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
}
.table td *, .table th * { opacity: 1 !important; }
.table .text-muted,
.table .text-body-secondary,
.table .text-secondary,
.table small,
.table .small { color: rgba(255,255,255,.90) !important; }
.table [class*="opacity-"] { opacity: 1 !important; }

/* Нулирай „светлите“ фонове вътре */
.table .bg-white,
.table .bg-light,
.table.table-light,
.table .table-light {
  background-color: rgba(255,255,255,.12) !important;
  color: #f3f6ff !important;
}

/* Първа колона – отделяне */
.table tbody td:first-child,
.table thead th:first-child {
  background: rgba(0,0,0,.22) !important;
}

/* Рамка/фон за wrappers */
.table-responsive, .table-wrap {
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--bs-border-color);
}

/* ==== Heatmap – клетките имат inline HSL фон → правим текста тъмен за контраст ==== */
.table td[style*="hsl("],
.table td[style*="HSL("] {
  color: #0b132b !important;
  font-weight: 600;
}
.table td[style*="hsl("] * { color: inherit !important; }

/* ===== Чипове/бейджове, които преди бяха светли ===== */
.badge { border-radius: 999px; padding:.45em .75em; font-weight:600; }
.badge.bg-success, .btn-success { background-color: #2ecc71 !important; border:0 !important; color:#fff !important; }
.badge.bg-info, .btn-info { background-color: #33c3f0 !important; border:0 !important; color:#00111a !important; }

/* светлите бейджове/пилове в таблиците (напр. „Предмети…“) */
.badge.bg-light,
.text-bg-light,
.rounded-pill.bg-light,
.rounded-pill.bg-white {
  background: rgba(255,255,255,.15) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.20) !important;
}

/* ===================================================== */

/* ===== Бутони ===== */
.btn {
  border-radius: 12px;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.btn:active { transform: translateY(0); }

.btn-primary {
  background-image: linear-gradient(135deg, #4c6fff 0%, #6f8cff 100%) !important;
  border: 0 !important;
  box-shadow: 0 6px 18px rgba(76,111,255,.35);
}
.btn-primary:hover { transform: translateY(-1px); filter: brightness(1.05); }

.btn-outline-secondary {
  border-color: rgba(255,255,255,.25) !important;
  color: #e6eaf2 !important;
}
.btn-outline-secondary:hover { background: rgba(255,255,255,.08) !important; }

/* чип-бутончета */
.btn.btn-sm, .btn-group .btn, .btn-outline-primary, .btn-outline-light { border-radius: 999px !important; }

/* ===== Пагинация ===== */
.page-link {
  background: rgba(255,255,255,.05);
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}
.page-link:hover { background: rgba(255,255,255,.1); }

/* ===== Алърти ===== */

/* ===== Dropdown / Select – тъмни и четими (регистрация, Take Exam, навсякъде) ===== */
.dropdown-menu {
  background: #0f1933 !important;
  color: #e6eaf2 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.dropdown-item { color: #e6eaf2 !important; }
.dropdown-item:hover,
.dropdown-item:focus {
  background: rgba(76,111,255,.25) !important;
  color: #fff !important;
}
.dropdown-divider { border-color: rgba(255,255,255,.12) !important; }

/* нативни селекти + опциите (Chrome/Firefox/Edge) */
select, .form-select {
  color: #e6eaf2 !important;
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.15) !important;
  color-scheme: dark;
}
select option,
.form-select option,
optgroup {
  background-color: #0f1933 !important;
  color: #e6eaf2 !important;
}
select:disabled, .form-select:disabled { opacity: .6; }

/* фокус */
.form-select:focus {
  box-shadow: 0 0 0 .2rem rgba(76,111,255,.25) !important;
  border-color: rgba(76,111,255,.6) !important;
}

/* ===== Форм полета ===== */
.form-control, .form-select {
  border-radius: 10px;
  border: 1px solid var(--bs-border-color);
  background: rgba(255,255,255,.04);
  color: var(--bs-body-color);
}
.form-control:focus, .form-select:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb),.2);
  border-color: rgba(var(--bs-primary-rgb),.6);
}

/* ===== Анализи – легенди/тулутипове (Chart.js/ApexCharts) ===== */
/* Легенди извън canvas (Chart.js HTML легенда / ApexCharts) */
.chartjs-legend, .apexcharts-legend, .legend, .chart-legend {
  color: #e6eaf2 !important;
}
.chartjs-legend li, .apexcharts-legend-series {
  color: #e6eaf2 !important;
}
.apexcharts-tooltip, .apexcharts-tooltip-title {
  background: #0f1933 !important;
  color: #e6eaf2 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
/* ако използваш генерирана от Chart.js HTML легенда */
.chartjs-legend li span { border-radius: 6px; }

/* NB: текстовете вътре в самия canvas се рисуват от JS;
   ако някъде останат бледи оси/етикети, ще трябва да променим JS опциите. */

/* ===== Дребни четимостни корекции ===== */
h1, h2, h3, h4, h5, h6 { color: #fff !important; }
.text-muted, .text-body-secondary { color: #b7c2d0 !important; }
a { color: var(--bs-link-color); }
a:hover { color: var(--bs-link-hover-color); }

/* ===== Принт – светъл, икономичен ===== */
@media print {
  :root { color-scheme: light; }
  html, body { background: #fff !important; color: #000 !important; }
}

/* === Fine polish for login page / footer === */

/* Корекция на светлия надпис под бутоните */
.text-muted,
.small,
footer,
footer a {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* По-добър контраст на текста в белия блок, ако има */
.card, .login-box, .login-panel {
  color: #e6eaf2 !important;
}

/* Центрирано и модерно подчертаване в долния текст */
footer a:hover {
  color: #9ae6ff !important;
  text-decoration: underline wavy #4c6fff;
}

/* Подобрен бутон „Създай акаунт“ */
.btn-outline-warning, .btn-outline-secondary {
  border-color: #f59e0b !important;
  color: #fbbf24 !important;
}
.btn-outline-warning:hover, .btn-outline-secondary:hover {
  background-color: #f59e0b !important;
  color: #0b132b !important;
}

/* Малка светла сянка под заглавието */
h1, h2, h3 {
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* === Readability fixes for login === */
.forgot a,
.forgot-password a,
.form-text a,
.text-muted a,
.forgot,
.forgot-password,
.form-text,
.text-muted {
  color: rgba(255,255,255,0.85) !important;
}
.forgot a:hover,
.forgot-password a:hover,
.form-text a:hover,
.text-muted a:hover {
  color: #9ae6ff !important;
  text-decoration: underline;
}

/* Белият „пил“ блок в auth */
.login-footer,
.login-note,
.auth-footer,
.auth-note,
.rounded-pill.bg-white,
.rounded-pill.bg-light {
  background: rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
}
.login-footer *, .login-note *, .auth-footer *, .auth-note * { color: inherit !important; }

/* placeholders и labels на тъмен фон */
.form-label { color: rgba(255,255,255,0.9) !important; }
::placeholder { color: rgba(255,255,255,0.55) !important; }

/* „Забравена парола?“ – видим акцент */
.btn-link,
.link-secondary,
.forgot a,
.forgot-password a {
  color: #9ae6ff !important;
  font-weight: 500;
  letter-spacing: 0.2px;
  transition: color .2s ease, text-shadow .2s ease;
}
.btn-link:hover,
.link-secondary:hover,
.forgot a:hover,
.forgot-password a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(154,230,255,0.8);
  text-decoration: none;
}
.table .rounded-pill,
.table .badge,
.table .text-bg-light,
.table .bg-light,
.table .badge.bg-light,
.table .rounded-pill.bg-light,
.table .rounded-pill.bg-white {
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.22) !important;}
  .table .rounded-pill[style],
.table .badge[style] {
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}

/* === Users page – dark readability overrides === */

/* Sticky header на таблицата да е тъмен и четим */
.table thead th,
.table-light th {
  background: rgba(255,255,255,.06) !important;
  color: #d7deea !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

/* Контейнерът на таблицата да не е чисто бял */
.table-wrap {
  background: rgba(255,255,255,.04) !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

/* „Чиповете“ под името (Предмети/Клас/Паралелка) */
.row-meta .chip {
  color: #e6eaf2 !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}
.row-meta .chip-soft {
  background: rgba(255,255,255,.18) !important;
}

/* ако някой чип е с bg-light/bg-white/badge-light класове */
.table tbody td .rounded-pill,
.table tbody td .badge,
.table tbody td .text-bg-light,
.table tbody td .bg-light,
.table tbody td .bg-white,
.table tbody td .badge.bg-light,
.table tbody td .badge.text-bg-light,
.table tbody td .badge.bg-secondary-subtle {
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}

/* крайна мярка – ако фонът идва с inline style="background:#fff" */
.table tbody td .rounded-pill[style],
.table tbody td .badge[style] {
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}