/* Borem Vuexy Bridge (minimal) */

/* Keep Borem app contained; Vuexy sets body bg etc */
.borem-app { min-height: 80vh; }

/* Ensure our old classnames map to Bootstrap-ish spacing without rewriting all markup immediately */
.borem-card { background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: 0.375rem; }
.borem-card-head { padding: 1rem 1rem 0.5rem; border-bottom: 1px solid var(--bs-border-color); display:flex; align-items:center; justify-content:space-between; gap: 1rem; }
.borem-card-body { padding: 1rem; }

.borem-btn { display:inline-flex; align-items:center; gap: .5rem; padding: .4rem .75rem; border-radius: .375rem; border: 1px solid var(--bs-border-color); background: var(--bs-body-bg); color: var(--bs-body-color); text-decoration:none; }
.borem-btn.primary { background: var(--bs-primary); border-color: var(--bs-primary); color: #fff; }

.borem-table { width: 100%; }
.borem-table th, .borem-table td { padding: .65rem .75rem; border-bottom: 1px solid var(--bs-border-color); }

.muted { color: var(--bs-secondary-color) !important; }

/* Prevent theme CSS from messing with WP theme containers */
.borem-app a { text-decoration: none; }
.borem-app a:hover { text-decoration: underline; }


/* ── ServiceTrade v3.17 color overrides ── */
:root {
  --bs-primary: #f05a28;
  --bs-primary-rgb: 240, 90, 40;
  --bs-body-bg: #f4f6f8;
  --bs-body-color: #1c2733;
  --bs-border-color: #e0e4e8;
}
.borem-btn.primary { background: #f05a28; border-color: #f05a28; color: #fff; }
.borem-btn.primary:hover { background: #d94e20; border-color: #d94e20; }