/* custom.css - site-specific tweaks. Keep theme.css and preset.css untouched so the site can be re-themed with apply_preset.py. */

/* Acculab - test tables */
.test-table { --bs-table-bg: transparent; }
.test-table thead th { background: var(--primary); color: var(--on-primary); font-family: var(--heading-font); font-weight: 600; padding: .9rem 1.25rem; border: 0; }
.test-table th[scope="row"] { font-weight: 600; color: var(--heading-color, inherit); width: 38%; }
.test-table td, .test-table th[scope="row"] { padding: .9rem 1.25rem; vertical-align: top; }
.test-table tbody tr:nth-child(even) { background: rgba(var(--primary-rgb), .04); }
@media (max-width: 575.98px) { .test-table th[scope="row"] { width: auto; } .test-table td, .test-table th { font-size: .92rem; padding: .75rem .9rem; } }

/* Acculab - nearby-area chips */
.area-chips { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; margin: 0 0 1.25rem; }
.area-chips li { padding: .35rem .85rem; border-radius: 999px; background: #fff; border: 1px solid rgba(var(--primary-rgb), .2); font-size: .9rem; font-weight: 500; }

/* Acculab - nav dropdown */
.site-header .dropdown-menu { border: 0; border-radius: .75rem; box-shadow: 0 18px 40px rgba(0,0,0,.12); padding: .5rem; }
.site-header .dropdown-item { border-radius: .5rem; padding: .5rem .85rem; }
.site-header .dropdown-item:hover, .site-header .dropdown-item:focus { background: rgba(var(--primary-rgb), .08); color: var(--primary); }
.topbar .topbar-items + .topbar-items { margin-left: auto; }

/* Acculab brand: red, grey and white - light grey alternate bands */
:root { --tint: #f2f3f5; }

.test-menu { margin-bottom: 1rem; font-size: .92rem; }
.test-menu li { margin-bottom: .35rem; }

/* Let band and page-header photos show through (text side stays dark for contrast) */
.tone-photo, .page-hero { --band-overlay: linear-gradient(90deg, rgba(var(--dark-rgb), .88) 0%, rgba(var(--dark-rgb), .74) 55%, rgba(var(--dark-rgb), .6) 100%); }
.page-hero { --band-overlay: linear-gradient(rgba(var(--dark-rgb), .74), rgba(var(--dark-rgb), .74)); }

/* Demo label (REWA sample site only) */
.demo-ribbon { background: #111; color: #fff; text-align: center; font-size: .8rem; padding: .4rem 1rem; }
.demo-ribbon a { color: #fff; text-decoration: underline; }