/* lacne-jedlo.sk — logo (zachová pomer strán ~4.6:1) */
:root {
  --brand-logo-h: 40px;
  --brand-logo-h-sm: 34px;
}

.logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
  min-width: 0;
  max-width: min(220px, 62vw);
}

.brand-logo,
.logo-image {
  display: block;
  height: var(--brand-logo-h);
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  flex-shrink: 0;
}

.brand-logo--sm {
  height: var(--brand-logo-h-sm);
}

.brand-logo--hint {
  height: 24px;
  max-width: 120px;
}

.brand-logo--watermark {
  height: 34px;
  opacity: 0.92;
}

@media (max-width: 700px) {
  :root {
    --brand-logo-h: 36px;
    --brand-logo-h-sm: 30px;
  }
}

@media (max-width: 420px) {
  :root {
    --brand-logo-h: 34px;
  }
}