/*
 * OCFai CSS contract
 * AI_RULE: define only classes matching OCFAI_ALLOWED_PREFIXES in this file.
 * AI_RULE: shared UI patterns must use their canonical component CSS instead of local variants.
 * OCFAI_ROLE: component
 * OCFAI_ALLOWED_PREFIXES: mk-logo, mk-logo__, mk-logo--
 */
/* Component: mk_logo */
.mk-logo {
  --mk-logo-current-width: var(--mk-logo-width);
  display: inline-flex;
  align-items: center;
  color: var(--mk-color-text);
  line-height: 1;
  text-decoration: none;
}

.mk-logo__image {
  width: var(--mk-logo-current-width);
  height: auto;
  flex: 0 0 var(--mk-logo-current-width);
  object-fit: contain;
}

.mk-logo--large {
  --mk-logo-current-width: var(--mk-logo-width-lg);
}

@media (max-width: 991.98px) {
  .mk-logo {
    --mk-logo-current-width: var(--mk-logo-width-sm);
  }
}