/*
 * ePortal dark CTA — keep background images visible, darkened for contrast.
 * Linked after main.css.
 */
html[data-color*="dark"] .card.hover-img-scale-up .card-img,
html[data-color*="dark"] .card .card-img.h-100,
html[data-color*="dark"] .card .card-img.scale {
  filter: brightness(0.42) saturate(0.8);
}

html[data-color*="dark"] .card .card-img-overlay {
  background: rgba(6, 18, 31, 0.58) !important;
}

html[data-color*="dark"] .card .card-img-overlay.bg-transparent {
  background: rgba(6, 18, 31, 0.58) !important;
}

html[data-color*="dark"] .card .card-img-overlay .text-black,
html[data-color*="dark"] .card .card-img-overlay .cta-1.text-black,
html[data-color*="dark"] .card .card-img-overlay .cta-2.text-black,
html[data-color*="dark"] .card .card-img-overlay .cta-3.text-black {
  color: #e8eef6 !important;
}

html[data-color*="dark"] .small-title {
  color: rgba(219, 229, 238, 0.92) !important;
}