/*
 * Elora Health overrides for the Dreams EMR theme. Loaded AFTER the theme's own
 * style.css. The theme is built to be recolored through these variables; we only
 * swap its blue primary for Elora teal and use the Elora mark in the logo slots.
 * Everything else is the theme as shipped.
 */
:root {
  --primary: #0E6E74;
  --primary-hover: #0B585D;
  --primary-transparent: #EEF6F6;
  --primary-rgb: 14, 110, 116;
  --bs-primary: #0E6E74;
  --bs-primary-rgb: 14, 110, 116;
  --bs-link-color: #0E6E74;
  --bs-link-color-rgb: 14, 110, 116;
  --bs-link-hover-color: #0B585D;
  /* Elora gold, for the few accent marks the brand uses (unread badges, the logo mark). */
  --elora-gold: #D8B562;
}

/* Elora wordmark in the theme's logo slots (the theme ships image logos). */
.elora-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--menu-item-heading, #fff);
  text-decoration: none;
  white-space: nowrap;
}
.elora-logo svg { width: 28px; height: 28px; color: var(--elora-gold); flex: 0 0 auto; }
.mini-sidebar .sidebar .elora-logo .elora-wordmark { display: none; }

.badge-elora { background: var(--elora-gold); color: #22190a; }

[hidden] { display: none !important; }

/* visually-hidden table headers are position:absolute; without a positioned
   scroll container they escape it and widen the page on phones. */
.table-responsive { position: relative; }