/* ============================================================================
   OurRegards — Brand Theme Override  (navy + coral)
   ----------------------------------------------------------------------------
   Drop-in recolor for the Eclan/Bootstrap 5 theme. Load this AFTER the theme's
   style.css so its rules win (e.g. in index.html put this <link> below the
   eclan style.css link, or add it last in angular.json "styles").

   Palette:
     Ink Navy   #1F2D4D   -> primary (buttons, links, active states)
     Warm Coral #E0795A   -> secondary / accent
     Paper Cream#FBF5EA   -> warm light surface
     Slate      #5A6072   -> muted text
   The theme hardcodes its green (#52b141) in ~300 places; this file overrides
   the visible surfaces. If any stray green remains in an edge component, add its
   selector to the "extras" section at the bottom.
   ========================================================================== */

:root,
[data-bs-theme="light"] {
  /* Bootstrap core */
  --bs-primary: #1F2D4D;
  --bs-primary-rgb: 31, 45, 77;
  --bs-secondary: #E0795A;
  --bs-secondary-rgb: 224, 121, 90;

  --bs-primary-text-emphasis: #101B30;
  --bs-primary-bg-subtle: #E9ECF2;
  --bs-primary-border-subtle: #C3C9D6;
  --bs-secondary-text-emphasis: #8A3C22;
  --bs-secondary-bg-subtle: #FBEBE4;
  --bs-secondary-border-subtle: #F2C9B9;

  --bs-link-color: #1F2D4D;
  --bs-link-color-rgb: 31, 45, 77;
  --bs-link-hover-color: #E0795A;
  --bs-link-hover-color-rgb: 224, 121, 90;

  --bs-focus-ring-color: rgba(31, 45, 77, 0.25);
  --bs-heading-color: #1F2D4D;

  /* Theme's own tokens (used by a few Eclan rules) */
  --primary: #1F2D4D;
  --secondary: #E0795A;
  --rgba-primary: rgba(31, 45, 77, 0.1);
}

/* ---- Buttons -------------------------------------------------------------- */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1F2D4D;
  --bs-btn-border-color: #1F2D4D;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #E0795A;
  --bs-btn-hover-border-color: #E0795A;
  --bs-btn-focus-shadow-rgb: 31, 45, 77;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #141E34;
  --bs-btn-active-border-color: #10192C;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1F2D4D;
  --bs-btn-disabled-border-color: #1F2D4D;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #E0795A;
  --bs-btn-border-color: #E0795A;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #D5643F;
  --bs-btn-hover-border-color: #C55636;
  --bs-btn-focus-shadow-rgb: 224, 121, 90;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #C55636;
  --bs-btn-active-border-color: #B34E30;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #E0795A;
  --bs-btn-disabled-border-color: #E0795A;
}
.btn-outline-primary {
  --bs-btn-color: #1F2D4D;
  --bs-btn-border-color: #1F2D4D;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1F2D4D;
  --bs-btn-hover-border-color: #1F2D4D;
  --bs-btn-focus-shadow-rgb: 31, 45, 77;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1F2D4D;
  --bs-btn-active-border-color: #1F2D4D;
  --bs-btn-disabled-color: #1F2D4D;
  --bs-btn-disabled-border-color: #1F2D4D;
}
.btn-outline-secondary {
  --bs-btn-color: #E0795A;
  --bs-btn-border-color: #E0795A;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #E0795A;
  --bs-btn-hover-border-color: #E0795A;
  --bs-btn-focus-shadow-rgb: 224, 121, 90;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #E0795A;
  --bs-btn-active-border-color: #E0795A;
  --bs-btn-disabled-color: #E0795A;
  --bs-btn-disabled-border-color: #E0795A;
}

/* ---- Links ---------------------------------------------------------------- */
a { color: #1F2D4D; }
a:hover, a:focus { color: #E0795A; }
.text-primary { color: #1F2D4D !important; }
.text-secondary { color: #E0795A !important; }
a.text-primary:hover, a.text-primary:focus { color: #17223C !important; }
.link-primary { color: #1F2D4D !important; }
.link-primary:hover, .link-primary:focus { color: #E0795A !important; }

/* ---- Background / border utilities --------------------------------------- */
.bg-primary { background-color: #1F2D4D !important; }
.bg-secondary { background-color: #E0795A !important; }
.border-primary { border-color: #1F2D4D !important; }
.border-secondary { border-color: #E0795A !important; }
.badge.bg-primary { background-color: #1F2D4D !important; }
.badge.bg-secondary { background-color: #E0795A !important; }
/* Eclan "light" tinted variants */
.bgl-primary { background-color: #E9ECF2 !important; border-color: #C3C9D6 !important; }
.bgl-secondary { background-color: #FBEBE4 !important; border-color: #F2C9B9 !important; }
.text-primary.bgl-primary, .bgl-primary .text-primary { color: #1F2D4D !important; }

/* ---- Focus rings ---------------------------------------------------------- */
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn:focus, .btn.focus,
.page-link:focus,
.dataTables_wrapper .dataTables_filter input:focus {
  border-color: #1F2D4D;
  box-shadow: 0 0 0 0.25rem rgba(31, 45, 77, 0.25) !important;
}

/* ---- Form controls -------------------------------------------------------- */
.form-check-input:checked {
  background-color: #1F2D4D;
  border-color: #1F2D4D;
}
.form-switch .form-check-input:checked { border-color: #1F2D4D; }
.form-range::-webkit-slider-thumb { background-color: #1F2D4D; }
.form-range::-moz-range-thumb { background-color: #1F2D4D; }
.form-select:focus { border-color: #1F2D4D; }

/* ---- Pagination ----------------------------------------------------------- */
.page-link { color: #1F2D4D; }
.page-link:hover { color: #E0795A; }
.page-link.active, .active > .page-link {
  background-color: #1F2D4D;
  border-color: #1F2D4D;
  color: #fff;
}

/* ---- Progress ------------------------------------------------------------- */
.progress { --bs-progress-bar-bg: #1F2D4D; }
.progress-bar { background-color: #1F2D4D; }

/* ---- Nav pills / tabs ----------------------------------------------------- */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #1F2D4D;
  color: #fff;
}
.nav-tabs .nav-link.active { color: #1F2D4D; border-color: #1F2D4D #1F2D4D #fff; }

/* ---- List group / dropdown active ---------------------------------------- */
.list-group-item.active { background-color: #1F2D4D; border-color: #1F2D4D; }
.dropdown-item.active, .dropdown-item:active { background-color: #1F2D4D; }

/* ---- Sidebar (Eclan deznav / metismenu) ---------------------------------- */
/* Hover: coral icon accent (text stays navy). */
.deznav .metismenu > li > a:hover,
.deznav .metismenu > li > a:focus { color: #1F2D4D; }
.deznav .metismenu > li:hover > a i,
.deznav .metismenu > li:focus > a i { color: #E0795A !important; }
/* Selected item: light-cream (#FCFAF4) highlight with navy text + icon and a coral indicator bar.
   !important beats the theme's [data-*] attribute-selector specificity. */
.deznav .metismenu > li.mm-active > a { background: #FCFAF4 !important; color: #1F2D4D !important; }
.deznav .metismenu > li.mm-active > a i { color: #1F2D4D !important; }
.deznav .metismenu > li.mm-active > a::before { background: #E0795A !important; }
.deznav .metismenu ul a:hover,
.deznav .metismenu ul a.mm-active { color: #E0795A !important; }

/* ---- Alerts (primary/secondary) ------------------------------------------ */
.alert-primary {
  --bs-alert-color: #101B30;
  --bs-alert-bg: #E9ECF2;
  --bs-alert-border-color: #C3C9D6;
  --bs-alert-link-color: #1F2D4D;
}
.alert-secondary {
  --bs-alert-color: #8A3C22;
  --bs-alert-bg: #FBEBE4;
  --bs-alert-border-color: #F2C9B9;
  --bs-alert-link-color: #C55636;
}

/* ---- SVG icon fills used inside primary buttons -------------------------- */
.btn-primary g [fill], .fill-primary { fill: #1F2D4D !important; }

/* ---- Extras ---------------------------------------------------------------- */
/* Success/active status badges: the eclan theme colors these a washed-out teal (#56C7CE).
   Recolor to coral so "active", "Charged", "Delivered", etc. read as an on-brand positive. */
.badge-success { background-color: #E0795A !important; color: #fff !important; }
.light.badge-success { background-color: #FBEBE4 !important; color: #8A3C22 !important; }
.text-success { color: #E0795A !important; }
.bg-success { background-color: #E0795A !important; }