/*
 * Audience brand overrides for the email tool.
 * Loaded AFTER the stock SendPortal styles, so these rules win without
 * touching the sendportal-core package or rebuilding its Sass.
 * Palette from aptivada-dashboard (v2 theme): navy #003259, purple #BA84FE/#D4B4FE,
 * success #2DCE89, warning #FBBC05, danger #F5365C. Edit values here to re-colour.
 */

:root {
  --audience-navy: #003259;
  --audience-navy-dark: #00253f;
  --audience-purple: #ba84fe;
  --audience-purple-light: #d4b4fe;
}

/* Primary brand elements -> Audience navy */
.btn-primary {
  background-color: var(--audience-navy) !important;
  border-color: var(--audience-navy) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--audience-navy-dark) !important;
  border-color: var(--audience-navy-dark) !important;
}
.btn-outline-primary {
  color: var(--audience-navy) !important;
  border-color: var(--audience-navy) !important;
}
.btn-outline-primary:hover {
  background-color: var(--audience-navy) !important;
  color: #fff !important;
}
.bg-primary { background-color: var(--audience-navy) !important; }
.text-primary { color: var(--audience-navy) !important; }
.badge-primary { background-color: var(--audience-navy) !important; }

/* Links: navy, with a purple accent on hover */
a:not(.btn) { color: var(--audience-navy); }
a:not(.btn):hover { color: var(--audience-purple); }

/* Pagination + form focus accents */
.page-item.active .page-link {
  background-color: var(--audience-navy) !important;
  border-color: var(--audience-navy) !important;
}
.page-link { color: var(--audience-navy); }
.form-control:focus,
.custom-select:focus {
  border-color: var(--audience-purple-light) !important;
  box-shadow: 0 0 0 0.2rem rgba(186, 132, 254, 0.25) !important;
}

/* Exact Audience semantic colours */
.btn-success, .bg-success, .badge-success {
  background-color: #2dce89 !important;
  border-color: #2dce89 !important;
}
.text-success { color: #2dce89 !important; }
.btn-warning, .bg-warning, .badge-warning {
  background-color: #fbbc05 !important;
  border-color: #fbbc05 !important;
}
.text-warning { color: #fbbc05 !important; }
.btn-danger, .bg-danger, .badge-danger {
  background-color: #f5365c !important;
  border-color: #f5365c !important;
}
.text-danger { color: #f5365c !important; }

/* Logo sizing safety on the sidebar */
.logo img { max-width: 100%; height: auto; }
