/* ============================================================
   ARK360 Bootstrap compatibility layer (SPEC-0067, ADR-0019)
   Loaded after btros-theme.css. SPEC-0044 already re-pointed Bootstrap
   buttons, forms, focus rings, and links to ARK360 via --bs-* vars; this layer
   covers what that rollout did NOT: Bootstrap alerts and badges (which still use
   the un-re-pointed --bs-success/-danger/-warning/-info defaults and render
   off-brand), plus radius/placeholder normalisation. Every value references an
   --ark-* token only (REQ-002, carries SPEC-0044 REQ-008). No new colours.
   ============================================================ */

/* ---- Buttons: radius consistency + belt-and-suspenders navy-on-teal (REQ-004) ---- */
.btn {
    border-radius: var(--ark-radius-sm);
}

/* The solid CTA fill carries WHITE text on Teal Ink (ADR-0029, supersedes the prior
   navy-on-teal rule). SPEC-0044 sets this via --bs-btn-color; we also set color directly
   so a stray override cannot drift it. */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: var(--ark-on-dark);
}

/* Semantic button variants: SPEC-0044 re-pointed only .btn-primary, so .btn-danger/
   -warning/-success/-info and the outline variants still used Bootstrap's stock
   --bs-danger/-warning/-success/-info. Re-point them to ARK360 functional hues via
   the Bootstrap --bs-btn-* vars (filled danger/success carry white, warning/info
   carry navy, matching Bootstrap's own contrast choices). */
.btn-danger {
    --bs-btn-bg: var(--ark-error);
    --bs-btn-border-color: var(--ark-error);
    --bs-btn-hover-bg: #b93b30;
    --bs-btn-hover-border-color: #b93b30;
    --bs-btn-active-bg: #b93b30;
    --bs-btn-active-border-color: #b93b30;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
}

.btn-success {
    --bs-btn-bg: var(--ark-success);
    --bs-btn-border-color: var(--ark-success);
    --bs-btn-hover-bg: #19855a;
    --bs-btn-hover-border-color: #19855a;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
}

.btn-warning {
    --bs-btn-bg: var(--ark-warning);
    --bs-btn-border-color: var(--ark-warning);
    --bs-btn-hover-bg: #a36a16;
    --bs-btn-hover-border-color: #a36a16;
    --bs-btn-color: var(--ark-navy-900);
    --bs-btn-hover-color: var(--ark-navy-900);
}

.btn-info {
    --bs-btn-bg: var(--ark-info);
    --bs-btn-border-color: var(--ark-info);
    --bs-btn-hover-bg: #245f9f;
    --bs-btn-hover-border-color: #245f9f;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
}

/* Outline variants -> ARK ink/teal/error ramp. */
.btn-outline-primary {
    --bs-btn-color: var(--ark-teal-700);
    --bs-btn-border-color: var(--ark-line-strong);
    --bs-btn-hover-bg: var(--ark-teal-050);
    --bs-btn-hover-border-color: var(--ark-teal-700);
    --bs-btn-hover-color: var(--ark-teal-700);
}

.btn-outline-secondary {
    --bs-btn-color: var(--ark-ink-700);
    --bs-btn-border-color: var(--ark-line-strong);
    --bs-btn-hover-bg: var(--ark-surface);
    --bs-btn-hover-border-color: var(--ark-navy-800);
    --bs-btn-hover-color: var(--ark-navy-900);
}

.btn-outline-danger {
    --bs-btn-color: var(--ark-error);
    --bs-btn-border-color: var(--ark-error);
    --bs-btn-hover-bg: var(--ark-error);
    --bs-btn-hover-color: #fff;
}

/* ---- Form controls: align border + radius + placeholder to ARK360 ----
   (focus ring is already handled by btros-theme.css) */
.form-control,
.form-select {
    border-color: var(--ark-line);
    border-radius: var(--ark-radius-sm);
}

.form-control::placeholder {
    color: var(--ark-ink-400);
    opacity: 1;
}

/* ---- Alerts: ARK360 tinted surface + hairline + ink, mirroring .ark-alert ---- */
.alert {
    border-radius: var(--ark-radius-sm);
    border-width: 1px;
    border-style: solid;
    font-family: var(--ark-font-sans);
}

.alert-success {
    background-color: var(--ark-success-bg);
    border-color: #c2e6d5;
    color: var(--ark-ink-700);
}

.alert-danger,
.alert-error {
    background-color: var(--ark-error-bg);
    border-color: #f0c9c4;
    color: var(--ark-ink-700);
}

.alert-warning {
    background-color: var(--ark-warning-bg);
    border-color: #ebd7a7;
    color: var(--ark-ink-700);
}

.alert-info,
.alert-primary {
    background-color: var(--ark-info-bg);
    border-color: #cadbf1;
    color: var(--ark-ink-700);
}

.alert-secondary {
    background-color: var(--ark-panel);
    border-color: var(--ark-line);
    color: var(--ark-ink-700);
}

/* ---- Badges: ARK360 pill recipe, mirroring .ark-badge ----
   Bootstrap .text-bg-* forces white text on a saturated fill (off-brand);
   ARK360 uses a soft tinted background with the matching ink. */
.badge {
    border-radius: var(--ark-radius-pill);
    font-family: var(--ark-font-sans);
    font-weight: 600;
}

.badge.text-bg-secondary,
.badge.bg-secondary {
    background-color: var(--ark-panel) !important;
    color: var(--ark-ink-700) !important;
}

.badge.text-bg-success,
.badge.bg-success {
    background-color: var(--ark-success-bg) !important;
    color: var(--ark-success) !important;
}

.badge.text-bg-danger,
.badge.bg-danger {
    background-color: var(--ark-error-bg) !important;
    color: var(--ark-error) !important;
}

.badge.text-bg-warning,
.badge.bg-warning {
    background-color: var(--ark-warning-bg) !important;
    color: var(--ark-warning) !important;
}

.badge.text-bg-info,
.badge.bg-info,
.badge.text-bg-primary,
.badge.bg-primary {
    background-color: var(--ark-info-bg) !important;
    color: var(--ark-info) !important;
}