/*
 * SARMatrix — site-wide overrides for the charitian base theme.
 * Loaded after main.css; re-brands colours and adds SAR-specific utilities.
 */

:root {
  --sar-dark:   #122f2b;
  --sar-teal:   #00705d;
  --sar-yellow: #ffc105;
  --sar-danger: #dc3545;
  --sar-warn:   #fd7e14;
  --sar-muted:  #667470;
}

/* ─── Brand colour overrides ──────────────────────────────────────────────── */
.header .primary-header {
  background: #fff;
}
.top-bar {
  background: var(--sar-dark);
}
.top-bar .top-left ul li,
.top-bar .top-left ul li a {
  color: rgba(255,255,255,.85);
}
.top-social li a {
  color: rgba(255,255,255,.7);
}
.top-social li a:hover {
  color: var(--sar-yellow);
}

/* Primary header logo / nav */
.dl-menu > li > a:hover,
.dl-menu > li.current > a {
  color: var(--sar-teal);
}
.dl-menu ul {
  background: var(--sar-dark);
}
.dl-menu ul li a {
  color: rgba(255,255,255,.85);
}
.dl-menu ul li a:hover {
  color: var(--sar-yellow);
}

/* CTA button */
.default-btn {
  background: var(--sar-yellow);
  color: var(--sar-dark) !important;
  border-color: var(--sar-yellow);
}
.default-btn:hover {
  background: var(--sar-teal);
  border-color: var(--sar-teal);
  color: #fff !important;
}
.default-btn-outline {
  background: transparent;
  border: 2px solid var(--sar-yellow);
  color: var(--sar-dark) !important;
  padding: 10px 28px;
  border-radius: 3px;
  font-weight: 600;
  transition: .3s;
  display: inline-block;
}
.default-btn-outline:hover {
  background: var(--sar-yellow);
}

/* Widget footer */
.widget-section {
  background: #1a3a35;
}
.widget-section .widget-box p,
.widget-section .widget-item li a,
.widget-section .widget-contact li span,
.widget-section .widget-title h3 {
  color: rgba(255,255,255,.8);
}
.footer-section {
  background: var(--sar-dark);
  color: rgba(255,255,255,.7);
}

/* Section heading accent */
.sub-heading {
  color: var(--sar-yellow);
}
a {
  color: var(--sar-teal);
}
a:hover {
  color: var(--sar-dark);
}

/* Page header / hero bar */
.page-header {
  background: var(--sar-dark);
  padding: 60px 0;
  text-align: center;
}
.page-header h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
}
.page-header .breadcrumb {
  background: transparent;
  justify-content: center;
}
.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
  color: rgba(255,255,255,.75);
}
.page-header .breadcrumb-item.active {
  color: var(--sar-yellow);
}
.page-header .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255,255,255,.4);
}

/* Status badges */
.badge-cleared     { background: #28a745; color:#fff; }
.badge-in-progress { background: var(--sar-warn); color:#fff; }
.badge-assigned    { background: #17a2b8; color:#fff; }
.badge-unassigned  { background: var(--sar-muted); color:#fff; }
.badge-negative    { background: #6c757d; color:#fff; }
.badge-positive    { background: var(--sar-danger); color:#fff; }
.badge-planning    { background: #17a2b8; color:#fff; }
.badge-active      { background: #28a745; color:#fff; }
.badge-suspended   { background: var(--sar-warn); color:#fff; }
.badge-closed      { background: #6c757d; color:#fff; }

/* Flash messages */
.alert-messages {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  width: 360px;
}