:root {
  --codex-logo-size: 140px;
  --codex-logo-mobile-size: 110px;
}

header #logo,
header .logo,
header .header-logo,
header .header_logo,
#logo,
.logo:has(img[src*="logo"]),
.logo:has(img[src*="mozarno"]),
.header-logo,
.header_logo,
header a:has(img[src*="logo"]),
header a:has(img[src*="mozarno"]) {
  width: var(--codex-logo-size) !important;
  max-width: var(--codex-logo-size) !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
}

header #logo img,
header .logo img,
header .header-logo img,
header .header_logo img,
#logo img,
.logo img[src*="logo"],
.logo img[src*="mozarno"],
.header-logo img,
.header_logo img,
img.header-logo__img,
.header-logo__img,
img.mozarno-logo,
.mozarno-logo,
header img[src*="local-logo"],
header img[src*="mozarno"],
header img[src*="logo"] {
  width: var(--codex-logo-size) !important;
  max-width: var(--codex-logo-size) !important;
  height: auto !important;
  max-height: var(--codex-logo-size) !important;
  object-fit: contain !important;
}

@media (max-width: 767px) {
  header #logo,
  header .logo,
  header .header-logo,
  header .header_logo,
  #logo,
  .logo:has(img[src*="logo"]),
  .logo:has(img[src*="mozarno"]),
  .header-logo,
  .header_logo,
  header a:has(img[src*="logo"]),
  header a:has(img[src*="mozarno"]) {
    width: var(--codex-logo-mobile-size) !important;
    max-width: var(--codex-logo-mobile-size) !important;
  }

  header #logo img,
  header .logo img,
  header .header-logo img,
  header .header_logo img,
  #logo img,
  .logo img[src*="logo"],
  .logo img[src*="mozarno"],
  .header-logo img,
  .header_logo img,
  img.header-logo__img,
  .header-logo__img,
  img.mozarno-logo,
  .mozarno-logo,
  header img[src*="local-logo"],
  header img[src*="mozarno"],
  header img[src*="logo"] {
    width: var(--codex-logo-mobile-size) !important;
    max-width: var(--codex-logo-mobile-size) !important;
    max-height: var(--codex-logo-mobile-size) !important;
  }
}