/* =====================================================================
   RMAF public-bridge.css  (loaded on Bootstrap-based app pages only)
   Re-tints Bootstrap components (login, registration wizard, club area,
   verify) to the public design palette: forest #092e20, gold #ffbe3b,
   Plus Jakarta Sans / Inter. Marketing pages use Tailwind directly.
   ===================================================================== */
:root {
  --rm-primary: #00180e;
  --rm-primary-container: #092e20;
  --rm-secondary-container: #ffbe3b;
  --rm-secondary-fixed-dim: #fbbc38;
  --rm-surface: #f9f9ff;
  --rm-outline-variant: #c1c8c2;
  --rm-on-surface: #141b2b;
}
body { font-family: 'Inter', system-ui, sans-serif; background: var(--rm-surface); color: var(--rm-on-surface); }
h1, h2, h3, h4, h5, h6, .btn, .form-label, .badge, .nav-link { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; }
h1, h2, h3, h4, h5 { color: var(--rm-primary-container); letter-spacing: -0.01em; }

.card, .rmaf-card { border: 1px solid #e1e8fd; border-radius: .75rem; box-shadow: 0 1px 3px rgba(9,46,32,.06); background: #fff; }
.btn { border-radius: .25rem; font-weight: 600; letter-spacing: .02em; }
.btn-success { background: var(--rm-primary-container); border-color: var(--rm-primary-container); color: #fff; }
.btn-success:hover, .btn-success:focus { background: #022f22; border-color: #022f22; color: var(--rm-secondary-fixed-dim); }
.btn-outline-success { color: var(--rm-primary-container); border-color: var(--rm-primary-container); }
.btn-outline-success:hover { background: var(--rm-primary-container); border-color: var(--rm-primary-container); color: var(--rm-secondary-fixed-dim); }
.btn-warning { background: var(--rm-secondary-container); border-color: var(--rm-secondary-container); color: var(--rm-primary-container); }
.btn-warning:hover { background: var(--rm-secondary-fixed-dim); border-color: var(--rm-secondary-fixed-dim); color: var(--rm-primary-container); }
.btn-outline-secondary { color: #414844; border-color: var(--rm-outline-variant); }
.form-control, .form-select { border-radius: .25rem; border-color: var(--rm-outline-variant); }
.form-control:focus, .form-select:focus { border-color: var(--rm-primary-container); box-shadow: 0 0 0 .2rem rgba(255,190,59,.35); }
.form-check-input:checked { background-color: var(--rm-primary-container); border-color: var(--rm-primary-container); }
.table > thead > tr > th { color: #414844; font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; }
.alert { border-radius: .5rem; }
a { color: var(--rm-primary-container); }
a:hover { color: #7c5800; }
.page-item.active .page-link { background: var(--rm-primary-container); border-color: var(--rm-primary-container); color: #fff; }
.page-link { color: var(--rm-primary-container); }

/* Status chips + registration wizard (previously in style.css) */
.status-badge { font-size: .78rem; padding: .4em .75em; border-radius: 999px; font-weight: 600; text-transform: capitalize; display: inline-block; }
.status-pending_email_verification { background:#fff3cd; color:#7a5c17; }
.status-email_verified { background:#cfe8ff; color:#084298; }
.status-under_review { background:#e2d9f3; color:#4b2e83; }
.status-approved { background:#d1e7dd; color:#0a3622; }
.status-rejected { background:#f8d7da; color:#842029; }
.status-resubmission_required { background:#ffe5d0; color:#8a4b0a; }
.status-suspended { background:#e2e3e5; color:#41464b; }
.rmaf-logo-badge { background: var(--rm-secondary-container); color: var(--rm-primary-container); font-weight: 800; padding: 4px 10px; border-radius: 6px; }
.step-indicator { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 28px; }
.step-indicator .step { flex: 1; min-width: 90px; text-align: center; padding: 8px 4px; font-size: .75rem; border-radius: 6px; background: #e9edff; color: #414844; font-weight: 600; }
.step-indicator .step.active { background: var(--rm-primary-container); color: #fff; }
.step-indicator .step.done { background: var(--rm-secondary-container); color: var(--rm-primary-container); }
.form-step { display: none; }
.form-step.active { display: block; }
@media print { header, footer, nav, .no-print { display: none !important; } }

/* ---- Chrome fix-ups for app pages (Tailwind preflight is OFF there) ---- */
header a, footer a { text-decoration: none; color: inherit; }
header a:hover, footer a:hover { color: inherit; }
header img, footer img { display: block; max-width: 100%; }
/* :where() keeps these at zero specificity so Tailwind utility classes always win */
:where(header) :where(button, [type=button]) { background: transparent; border: 0; }
header, footer, header *, footer * { border-style: solid; border-width: 0; }
header { border-bottom-width: 1px; }
footer { border-top-width: 1px; }
header ul, footer ul { list-style: none; padding-left: 0; margin: 0; }
footer h3 { font-size: .75rem; margin-top: 0; color: #f9f9ff; }
footer p { margin: 0; }