/* K brand mark — shared; login header uses --login variant for gradient backgrounds */

.clinic-brand-mark {
  display: block;
  object-fit: contain;
  background: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.clinic-brand-mark-wrap--login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.65rem 0.75rem;
  margin-bottom: 0.65rem;
  border-radius: 1.125rem;
  background: rgba(255, 255, 255, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 8px 24px rgba(0, 0, 0, 0.18);
}

.clinic-brand-mark--login {
  width: var(--clinic-brand-mark-size, 4.5rem);
  height: var(--clinic-brand-mark-size, 4.5rem);
  max-width: min(5.5rem, 22vw);
  filter:
    drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35))
    drop-shadow(0 0 18px rgba(212, 175, 55, 0.25));
}

@media (min-width: 768px) {
  .clinic-brand-mark--login {
    --clinic-brand-mark-size: 4rem;
  }
}