/* Careplus — clinic-calm theme.
   Teal + white + soft blue for medical and dental practices:
   pharmacies, clinics, family care. A pulse-line divider band
   and a care-first marquee. All self-hosted; nothing here moves
   without content. */

html[data-theme="careplus"] {
  --brand: #1e7f8c;
  --brand-deep: #0d3a40;
  --brand-soft: #e3f1f3;
  --hero-bg: #0d2428;
  --hero-ink: #eef7f8;
  --accent: #7cc4cd;
  --teal: #1e7f8c;
  --scrub: #7cc4cd;
  --paper: #f4f8f8;
}

html[data-theme="careplus"] .hero {
  background:
    radial-gradient(120% 90% at 50% 0%, rgb(124 196 205 / 0.18), transparent 60%),
    var(--hero-bg);
}

/* --- pulse-line divider --------------------------------------------------------- */
.pulse-band {
  height: 18px;
  background:
    linear-gradient(90deg, transparent 0 20px, var(--scrub) 20px 22px, transparent 22px 30px, var(--scrub) 30px 32px, transparent 32px 44px, var(--scrub) 44px 46px, transparent 46px),
    var(--brand-deep);
  background-size:
    120px 100%,
    auto;
  background-repeat: repeat-x;
  border-block: 1px solid rgb(124 196 205 / 0.5);
}

/* --- care marquee ----------------------------------------------------------------- */
.carefirst {
  overflow: hidden;
  background: var(--brand-deep);
  color: var(--paper);
  border-block: 1px solid var(--teal);
  padding-block: 0.55rem;
}
.carefirst-track {
  display: flex;
  gap: 3rem;
  width: max-content;
  animation: carefirst-scroll 26s linear infinite;
  will-change: transform;
}
.carefirst-track span {
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.8rem;
  white-space: nowrap;
}
@keyframes carefirst-scroll {
  to { transform: translateX(-50%); }
}

html[data-theme="careplus"] .service {
  border-color: rgb(30 127 140 / 0.4);
  background: linear-gradient(180deg, var(--brand-soft), transparent 140%);
}

html[data-theme="careplus"] .site-footer {
  background: var(--brand-deep);
  color: var(--hero-ink);
}

@media (prefers-reduced-motion: reduce) {
  .carefirst-track { animation: none; }
}