/* ============================================================
   themes/bootstrap-dark/style.css — Bootstrap 5 dark mode
   ============================================================ */

body { background:var(--bg); color:var(--text); }

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

h1,h2,h3,h4,h5,h6 { color:var(--text); }

/* Responsive map */
.map-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; margin-bottom:1.5rem; }
.map-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; border:0; }

/* Semantic content tables */
.data-table { display:block; overflow-x:auto; width:100%; border-collapse:collapse; margin-bottom:1rem; color:var(--text-muted); }
.data-table th, .data-table td { padding:0.5rem; border-bottom:1px solid var(--border); text-align:left; }
.data-table thead td, .data-table thead th { color:#aaa; font-weight:bold; border-bottom:2px solid #444; }

/* Updated date line */
.page-updated { color:var(--text-muted); font-style:italic; margin-bottom:0.75rem; font-size:0.9em; display:block; }

/* Override Bootstrap table inside dark cards */
.table-dark td { vertical-align:middle; }

/* Scrollbar (optional, webkit only) */
::-webkit-scrollbar { width:6px; }
::-webkit-scrollbar-track { background:#1e1e1e; }
::-webkit-scrollbar-thumb { background:#444; border-radius:3px; }