/*
 * Practice identity has two explicit roles:
 * - full: the exact supplied logo artwork, contained with safe padding
 * - mark: an optional supplied compact mark, otherwise deterministic initials
 */

.practiceLogoFull,
img[data-practice-logo-role="full"] {
  box-sizing: border-box;
  object-fit: contain !important;
  object-position: center !important;
  padding: var(--practice-logo-safe-padding, clamp(14px, 6%, 44px)) !important;
  background: #fff !important;
}

.practiceLogoFull > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.practiceLogoSlot {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background-color: var(--practice-primary, #5d1179);
  background-image: linear-gradient(
    145deg,
    var(--practice-primary, #5d1179),
    color-mix(in srgb, var(--practice-primary, #5d1179) 58%, var(--practice-accent, #9bd9db))
  );
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: var(--practice-logo-font-size, 16px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.practiceLogoSlot[data-logo-content="mark"] {
  background: #fff;
}

.practiceLogoSlot > img {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  padding: 11% !important;
  border: 0 !important;
  border-radius: inherit !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  box-shadow: none !important;
}