/**
 * VirtuCare brand tokens — sourced from https://myvirtucare.com/
 * Theme CSS vars: --color-brand-color-* ; typeface: Sofia Pro (Adobe Fonts / Typekit mfc5zcb).
 */
:root {
  /* Core palette */
  --vc-teal: #05ceb6;
  --vc-teal-soft: #b4f4ed;
  --vc-periwinkle: #627de7;
  --vc-navy: #34499b;
  --vc-ink: #17193f;
  --vc-ink-mid: #343957;
  --vc-ink-muted: #4e546d;
  --vc-slate: #9698a7;
  --vc-lilac: #dbe2ff;
  --vc-lilac-soft: #e6eaff;
  --vc-cloud: #e8ecf8;
  --vc-fog: #f3f3f3;
  --vc-snow: #f9f9f9;
  --vc-white: #ffffff;

  --vc-teal-hover: #04b8a3;
  --vc-teal-active: #039e8c;
  --vc-periwinkle-hover: #5169d4;

  /* Type */
  --vc-font-family: "sofia-pro", "Sofia Pro", "Segoe UI", Calibri, sans-serif;
  --vc-font-heading: var(--vc-font-family);
  --vc-font-body: var(--vc-font-family);

  /* Gradients used on marketing surfaces */
  --vc-hero-gradient: linear-gradient(135deg, var(--vc-ink) 0%, #181a40 45%, #2a3160 100%);
  --vc-accent-gradient: linear-gradient(120deg, var(--vc-teal) 0%, var(--vc-periwinkle) 100%);

  /* Back-compat aliases used by staff/portal CSS */
  --acertara-blue: var(--vc-periwinkle);
  --acertara-black: var(--vc-ink);
  --acertara-grey: var(--vc-slate);
  --acertara-white: var(--vc-white);
  --acertara-blue-hover: var(--vc-periwinkle-hover);
  --acertara-blue-active: var(--vc-navy);
  --acertara-grey-light: var(--vc-cloud);
  --acertara-grey-bg: var(--vc-snow);
  --acertara-font-heading: var(--vc-font-heading);
  --acertara-font-body: var(--vc-font-body);

  --aemos-blue: var(--vc-periwinkle);
  --aemos-blue-light: var(--vc-teal);
  --aemos-grey-bg: var(--vc-snow);
  --aemos-grey-light: var(--vc-cloud);
  --aemos-sidebar-bg: var(--vc-ink);
  --aemos-sidebar-border: var(--vc-ink-mid);
}

.portal-secure-checkout {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  margin: 0.85rem 0 0;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--vc-cloud);
  border-left: 3px solid var(--vc-teal);
  background: var(--vc-lilac-soft);
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--vc-ink);
}
.portal-secure-checkout .portal-secure-lock {
  flex: 0 0 auto;
  width: 1.15rem;
  height: 1.15rem;
  margin-top: 0.1rem;
  color: var(--vc-periwinkle);
}
.portal-secure-checkout strong {
  display: block;
  font-family: var(--vc-font-heading);
  font-size: 0.9rem;
  margin-bottom: 0.15rem;
}
.portal-secure-checkout p {
  margin: 0;
  color: var(--vc-ink-muted);
}

.vc-logo {
  display: block;
  height: 1.75rem;
  width: auto;
  max-width: 11rem;
}
.vc-logo--sidebar {
  height: 1.5rem;
  max-width: 9.5rem;
  filter: brightness(0) invert(1);
}
.vc-mark {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
}
.vc-mark--sm {
  width: 2rem;
  height: 2rem;
}
.vc-brand-lockup {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.vc-brand-lockup .vc-logo {
  margin: 0;
}
.aemos-sidebar-brand .brand-title {
  color: var(--vc-teal) !important;
}
