/* ============================================================
   themes/bootstrap-colorful/style.css — Bootstrap 5 Colorful
   ============================================================ */

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

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

/* Content tables */
.data-table { display:block; overflow-x:auto; width:100%; border-collapse:collapse; margin-bottom:1rem; font-size:0.9rem; }
.data-table th, .data-table td { padding:0.5rem 0.75rem; border-bottom:1px solid #e9ecef; text-align:left; }
.data-table thead td, .data-table thead th { font-weight:700; border-bottom:2px solid #dee2e6; }

.page-updated { color:var(--text-muted); font-style:italic; margin-bottom:0.75rem; display:block; }

/* Gradient accent on links */
a { color:var(--link); }
a:hover { color:var(--primary); }

/* Card accent borders — used by th_county_grid */
.card[style*="border-left"] { border-left-width:4px !important; border-left-style:solid !important; }

/* Colourful badge pills in content */
.badge-category { display:inline-block; padding:0.2em 0.6em; border-radius:999px; font-size:0.75em; font-weight:600; background:var(--primary); color:#fff; margin:2px; }