/**
 * Secura Overrides — Bootstrap 4 + Pixelstrap viho theme
 * All overrides use CSS variables from secura-tokens.css
 * This file MUST load AFTER vendor CSS to win the cascade
 */

/* ============================================
   BOOTSTRAP 4 CUSTOM PROPERTY OVERRIDES
   ============================================ */

:root {
  --bs-primary: #103050;
  --bs-primary-rgb: 16, 48, 80;
}

/* ============================================
   BUTTONS
   ============================================ */

.btn-primary {
  background-color: var(--color-primary-700) !important;
  border-color: var(--color-primary-700) !important;
  color: #ffffff !important;
}

.btn-primary:hover {
  background-color: var(--color-primary-800) !important;
  border-color: var(--color-primary-800) !important;
}

.btn-warning {
  background-color: var(--color-accent-600) !important;
  border-color: var(--color-accent-600) !important;
  color: #ffffff !important;
}

.btn-warning:hover {
  background-color: var(--color-accent-700) !important;
  border-color: var(--color-accent-700) !important;
}

.btn-success {
  background-color: var(--color-success) !important;
  border-color: var(--color-success) !important;
  color: #ffffff !important;
}

.btn-success:hover {
  background-color: #276749 !important;
  border-color: #276749 !important;
}

.btn-danger {
  background-color: var(--color-danger) !important;
  border-color: var(--color-danger) !important;
  color: #ffffff !important;
}

.btn-danger:hover {
  background-color: #C53030 !important;
  border-color: #C53030 !important;
}

.btn-link {
  color: var(--color-primary-700) !important;
}

.btn-link:hover {
  color: var(--color-primary-900) !important;
}

/* ============================================
   BACKGROUND UTILITIES
   ============================================ */

.bg-primary,
.bg-dark,
.bg-darker {
  background-color: var(--color-primary-700) !important;
}

.bg-success {
  background-color: var(--color-success) !important;
}

.bg-danger {
  background-color: var(--color-danger) !important;
}

.bg-warning {
  background-color: var(--color-accent-600) !important;
}

.bg-info {
  background-color: var(--color-info) !important;
}

/* ============================================
   TEXT UTILITIES
   ============================================ */

.text-primary {
  color: var(--color-primary-700) !important;
}

.text-success {
  color: var(--color-success) !important;
}

.text-danger {
  color: var(--color-danger) !important;
}

.text-warning {
  color: var(--color-accent-600) !important;
}

.text-info {
  color: var(--color-info) !important;
}

/* ============================================
   BORDER UTILITIES
   ============================================ */

.border-primary {
  border-color: var(--color-primary-700) !important;
}

.border-success {
  border-color: var(--color-success) !important;
}

.border-danger {
  border-color: var(--color-danger) !important;
}

.border-warning {
  border-color: var(--color-accent-600) !important;
}

/* ============================================
   ALERTS
   ============================================ */

.alert-warning {
  background-color: var(--color-warning-bg) !important;
  border-color: var(--color-warning-border) !important;
  color: var(--color-accent-700) !important;
}

.alert-success {
  background-color: var(--color-success-bg) !important;
  border-color: var(--color-success-border) !important;
  color: #22543D !important;
}

.alert-danger {
  background-color: var(--color-danger-bg) !important;
  border-color: var(--color-danger-border) !important;
  color: #742A2A !important;
}

.alert-info {
  background-color: var(--color-info-bg) !important;
  border-color: var(--color-info-border) !important;
  color: var(--color-info) !important;
}

.alert-primary {
  background-color: var(--color-info-bg) !important;
  border-color: var(--color-info-border) !important;
  color: var(--color-primary-700) !important;
}

/* ============================================
   BADGES
   ============================================ */

.badge.bg-primary,
.badge-primary {
  background-color: var(--color-primary-700) !important;
  color: #ffffff !important;
}

.badge.bg-warning,
.badge-warning {
  background-color: var(--color-accent-600) !important;
  color: #ffffff !important;
}

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

.badge.bg-danger,
.badge-danger {
  background-color: var(--color-danger) !important;
  color: #ffffff !important;
}

/* ============================================
   PROGRESS BARS
   ============================================ */

.progress-bar.bg-primary,
.progress-bar-primary {
  background-color: var(--color-primary-700) !important;
}

.progress-bar.bg-success,
.progress-bar-success {
  background-color: var(--color-success) !important;
}

.progress-bar.bg-warning,
.progress-bar-warning {
  background-color: var(--color-accent-600) !important;
}

.progress-bar.bg-danger,
.progress-bar-danger {
  background-color: var(--color-danger) !important;
}

/* ============================================
   NAVIGATION — PILLS & TABS
   ============================================ */

.nav-pills .nav-link.active {
  background-color: var(--color-primary-700) !important;
  color: #ffffff !important;
}

.nav-tabs .nav-link.active {
  background-color: var(--color-primary-700) !important;
  color: #ffffff !important;
  border-color: var(--color-primary-700) !important;
}

/* ============================================
   PAGINATION
   ============================================ */

.page-link {
  color: var(--color-primary-700) !important;
}

.page-link:hover {
  color: var(--color-primary-900) !important;
}

.page-item.active .page-link {
  background-color: var(--color-primary-700) !important;
  border-color: var(--color-primary-700) !important;
  color: #ffffff !important;
}

/* ============================================
   FORM CONTROLS
   ============================================ */

.form-control:focus {
  border-color: var(--color-primary-700) !important;
  box-shadow: 0 0 0 3px var(--color-focus-ring) !important;
  outline: none !important;
}

.form-control:focus:not(:focus-visible) {
  box-shadow: none !important;
}

/* ============================================
   LINKS
   ============================================ */

a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link) {
  color: var(--color-primary-700);
}

a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):hover {
  color: var(--color-primary-900);
}

/* ============================================
   HARD-CODED #111727 OVERRIDES
   (old brand navy — replace with token)
   ============================================ */

/* Target any rule referencing the old brand color */
[style*="#111727"],
[style*="background-color:#111727"],
[style*="background:#111727"] {
  background-color: var(--color-primary-700) !important;
}

/* Any selector using the old hardcoded value */
.old-brand-navy,
.bg-brand,
.style-111727 {
  background-color: var(--color-primary-700) !important;
}

/* style.css inline references */
body.dark-prado .main-header,
body.dark-prado .page-sidebar,
body.dark-prado .page-wrapper {
  /* handled via cascade on specific elements */
}