/* ============================================================
   MedicHub Dark Mode Overrides (Late-loaded)
   Purpose:
   - Override page-level <style> blocks that hard-code light colors.
   - Keep layout unchanged; only adjust colors in dark mode.
   ============================================================ */

:root[data-theme="dark"] body,
html[data-theme="dark"] body,
[data-theme="dark"] body{
  background-color: var(--mh-bg-body) !important;
  color: var(--mh-text) !important;
}

/* Generic hard-coded light utilities/pages */
:root[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-white,
:root[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-light,
[data-theme="dark"] .bg-light{
  background-color: var(--mh-bg-surface) !important;
}

/* NAV TABS: your base theme forces black text; undo that in dark mode */
:root[data-theme="dark"] .nav-tabs .nav-link,
html[data-theme="dark"] .nav-tabs .nav-link,
[data-theme="dark"] .nav-tabs .nav-link{
  color: var(--mh-text) !important;
}

/* Dashboard tiles (html/public/dashboard.php) */
:root[data-theme="dark"] .app-tile,
html[data-theme="dark"] .app-tile,
[data-theme="dark"] .app-tile{
  background: var(--mh-bg-surface) !important;
  border-color: var(--mh-border) !important;
  color: var(--mh-text) !important;
}
:root[data-theme="dark"] .icon-wrap,
html[data-theme="dark"] .icon-wrap,
[data-theme="dark"] .icon-wrap{
  background: var(--mh-bg-surface) !important;
  border-color: var(--mh-border) !important;
}
:root[data-theme="dark"] .reorder-hint,
html[data-theme="dark"] .reorder-hint,
[data-theme="dark"] .reorder-hint{
  background: var(--mh-bg-surface) !important;
  border-color: var(--mh-border) !important;
  color: var(--mh-text) !important;
}
:root[data-theme="dark"] .module-desc,
html[data-theme="dark"] .module-desc,
[data-theme="dark"] .module-desc{
  color: var(--mh-text-muted) !important;
}
:root[data-theme="dark"] .show-titles .app-title,
html[data-theme="dark"] .show-titles .app-title,
[data-theme="dark"] .show-titles .app-title{
  color: var(--mh-text) !important;
}

/* Calculator tiles/boxes (html/public/calc/index.php) */
:root[data-theme="dark"] .calc-box,
html[data-theme="dark"] .calc-box,
[data-theme="dark"] .calc-box,
:root[data-theme="dark"] .tile,
html[data-theme="dark"] .tile,
[data-theme="dark"] .tile{
  background: var(--mh-bg-surface) !important;
  color: var(--mh-text) !important;
  border-color: var(--mh-border) !important;
}

/* DrugBox cards (html/public/drugbox/index.php) */
:root[data-theme="dark"] .drug-card,
html[data-theme="dark"] .drug-card,
[data-theme="dark"] .drug-card{
  background: var(--mh-bg-surface) !important;
  color: var(--mh-text) !important;
  border-color: var(--mh-border) !important;
}

/* DrugBox view modal / thumbs (html/public/drugbox/view.php) */
:root[data-theme="dark"] .img-modal .box,
html[data-theme="dark"] .img-modal .box,
[data-theme="dark"] .img-modal .box{
  background: var(--mh-bg-surface) !important;
  border-color: var(--mh-border) !important;
}
:root[data-theme="dark"] .thumb,
html[data-theme="dark"] .thumb,
[data-theme="dark"] .thumb{
  border-color: var(--mh-border) !important;
}

/* Market cards (html/public/market/index.php) */
:root[data-theme="dark"] .market-card,
html[data-theme="dark"] .market-card,
[data-theme="dark"] .market-card{
  background: var(--mh-bg-surface) !important;
  color: var(--mh-text) !important;
  border-color: var(--mh-border) !important;
}

/* CME highlight row (html/public/cme/index.php) */
:root[data-theme="dark"] tr.mh-highlight td,
html[data-theme="dark"] tr.mh-highlight td,
[data-theme="dark"] tr.mh-highlight td{
  background: rgba(255,255,255,0.06) !important;
  color: var(--mh-text) !important;
}

/* ============================================================
   DARK MODE   TABLES (Bootstrap-aware)
   ============================================================ */

[data-theme="dark"] .table {
  --bs-table-bg: transparent;
  --bs-table-color: #e9ecef;
  --bs-table-border-color: #343a40;
  --bs-table-striped-bg: rgba(255,255,255,0.04);
  --bs-table-striped-color: #e9ecef;
  --bs-table-hover-bg: rgba(255,255,255,0.06);
  --bs-table-hover-color: #ffffff;
}

[data-theme="dark"] .table thead th {
  background-color: #1e1e1e;
  color: #ffffff;
  border-bottom-color: #343a40;
}

[data-theme="dark"] .table tbody td {
  background-color: transparent;
  color: #e9ecef;
}

[data-theme="dark"] .table-bordered {
  border-color: #343a40;
}

[data-theme="dark"] .table > :not(caption) > * > * {
  background-color: transparent;
}

/* ============================================================
   DARK MODE   PAGINATION
   ============================================================ */

[data-theme="dark"] .pagination {
  --bs-pagination-bg: transparent;
  --bs-pagination-border-color: #343a40;
  --bs-pagination-color: #e9ecef;

  --bs-pagination-hover-bg: rgba(255,255,255,0.06);
  --bs-pagination-hover-color: #ffffff;
  --bs-pagination-hover-border-color: #343a40;

  --bs-pagination-active-bg: #0B4F9B; /* MedicHub blue */
  --bs-pagination-active-border-color: #0B4F9B;
  --bs-pagination-active-color: #ffffff;

  --bs-pagination-disabled-bg: transparent;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-border-color: #343a40;
}

/* Ensure links inherit correctly */
[data-theme="dark"] .page-link {
  background-color: var(--bs-pagination-bg);
  color: var(--bs-pagination-color);
  border-color: var(--bs-pagination-border-color);
}

[data-theme="dark"] .page-link:hover {
  background-color: var(--bs-pagination-hover-bg);
  color: var(--bs-pagination-hover-color);
}

[data-theme="dark"] .page-item.active .page-link {
  background-color: var(--bs-pagination-active-bg);
  color: var(--bs-pagination-active-color);
  border-color: var(--bs-pagination-active-border-color);
}

[data-theme="dark"] .page-item.disabled .page-link {
  background-color: var(--bs-pagination-disabled-bg);
  color: var(--bs-pagination-disabled-color);
  border-color: var(--bs-pagination-disabled-border-color);
}

/* ============================================================
   DARK MODE   ADDRESS BOOK MODAL
   ============================================================ */

[data-theme="dark"] .modal-content {
  background-color: var(--mh-bg-surface);
  color: var(--mh-text);
}

[data-theme="dark"] .modal-header {
  border-bottom-color: var(--mh-border);
}

[data-theme="dark"] .modal-title {
  color: var(--mh-text);
}

[data-theme="dark"] #addrSearch {
  background-color: var(--mh-input-bg);
  color: var(--mh-input-text);
  border-color: var(--mh-input-border);
}

[data-theme="dark"] .list-group-item.addr-item {
  background-color: transparent;
  color: var(--mh-text);
  border-color: var(--mh-border);
}

[data-theme="dark"] .list-group-item.addr-item:hover {
  background-color: rgba(255,255,255,0.04);
}

[data-theme="dark"] .addr-item small.text-muted {
  color: var(--mh-text-muted) !important;
}

[data-theme="dark"] .addr-plus {
  color: var(--mh-cyan);
}

[data-theme="dark"] #addressBook .btn-outline-secondary {
  color: var(--mh-text);
  border-color: var(--mh-border);
}

[data-theme="dark"] #addressBook .btn-outline-secondary:hover {
  background-color: rgba(255,255,255,0.06);
}

/* Dark mode support */
[data-theme="dark"] #chatBox,
[data-bs-theme="dark"] #chatBox {
  background-color: #1e1e1e;
  color: #e9ecef;
}

body.dark-mode #chatBox::before,
[data-theme="dark"] #chatBox::before {
  opacity: 0.08;
}

/* -------------------------------------------------
   Case Studies   Dark mode text readability fix
------------------------------------------------- */

[data-theme="dark"] .card a.text-body,
[data-theme="dark"] .card a.text-body * {
  color: #F8F9FA !important;
}

[data-theme="dark"] .card .card-title {
  color: #F8F9FA !important;
}

[data-theme="dark"] .card .card-body p {
  color: #F8F9FA !important;
}

/* -------------------------------------------------
   CTAS Peds (Presenting Condition)   Dark mode fixes
------------------------------------------------- */
[data-theme="dark"] #pedsCtasForm .accordion-item {
  background-color: var(--mh-bg-surface) !important;
  border-color: var(--mh-border) !important;
}
[data-theme="dark"] #pedsCtasForm .accordion-button {
  background-color: var(--mh-bg-surface) !important;
  color: var(--mh-text) !important;
}
[data-theme="dark"] #pedsCtasForm .accordion-button:not(.collapsed) {
  background-color: rgba(255,255,255,0.06) !important;
  color: var(--mh-text) !important;
}
[data-theme="dark"] #pedsCtasForm .accordion-body {
  background-color: transparent !important;
  color: var(--mh-text) !important;
}
[data-theme="dark"] #pedsCtasForm .form-check-label {
  color: var(--mh-text) !important;
}
[data-theme="dark"] #pedsCtasForm .small.text-muted {
  color: var(--mh-text-muted) !important;
}

/* ============================================================
   CME ACCORDION + TABLE   DARK MODE FIX (ADDED)
   html/public/cme/index.php
   ============================================================ */

[data-theme="dark"] #cmeAccordion .accordion-item {
  background-color: var(--mh-bg-surface) !important;
  border-color: var(--mh-border) !important;
}

[data-theme="dark"] #cmeAccordion .accordion-button {
  background-color: var(--mh-bg-surface) !important;
  color: var(--mh-text) !important;
}

[data-theme="dark"] #cmeAccordion .accordion-button:not(.collapsed) {
  background-color: rgba(255,255,255,0.06) !important;
  color: var(--mh-text) !important;
}

[data-theme="dark"] #cmeAccordion .accordion-body {
  background-color: transparent !important;
  color: var(--mh-text) !important;
}

[data-theme="dark"] #cmeAccordion table.table thead th {
  background-color: #252525 !important;
  color: #ffffff !important;
}

[data-theme="dark"] #cmeAccordion table.table td,
[data-theme="dark"] #cmeAccordion table.table th {
  border-color: var(--mh-border) !important;
}

[data-theme="dark"] #cmeAccordion table.table tbody tr {
  background-color: transparent !important;
}

/* ============================================================
   Case Studies   Comment Count Pill (Dark Mode)
   html/public/case/index.php
   ============================================================ */

[data-theme="dark"] .card-footer .badge.text-bg-light {
  background-color: #2b2f33 !important;   /* dark neutral */
  color: #f1f3f5 !important;              /* readable text */
  border-color: #3a3f44 !important;
}

/* ============================================================
   CTAS Result   Vital / Score Pills (Dark Mode)
   html/public/ctas/result.php
   ============================================================ */

[data-theme="dark"] table.table span[style*="border-radius:9999px"] {
  background-color: #2b2f33 !important;  /* dark neutral pill */
  color: #f1f3f5 !important;             /* readable text */
  border: 1px solid #3a3f44 !important;
}

/* Preserve danger state contrast */
[data-theme="dark"] table.table span.text-danger {
  color: #ff6b6b !important;
}