/*
  Responsive logo sizing (desktop + mobile)
  Values are controlled from Admin → Settings → Branding (Logo)
  via CSS variables injected by /includes/logo_css_vars.php.
*/

:root{
  --cb-logo-max-h: 44px;
  --cb-logo-w: auto;
  --cb-logo-h: auto;

  --cb-logo-mobile-max-h: 44px;
  --cb-logo-mobile-w: auto;
  --cb-logo-mobile-h: auto;
}

/* Keep nav logo predictable across browsers */
nav .logo-img{
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

nav .logo-img img,
nav .logo-image{
  display: block;
  object-fit: contain;
  width: var(--cb-logo-w);
  height: var(--cb-logo-h);
  max-height: var(--cb-logo-max-h);
  max-width: none;
}

/* Mobile overrides (<=768px) */
@media (max-width: 768px){
  nav .logo-img img,
  nav .logo-image{
    width: var(--cb-logo-mobile-w);
    height: var(--cb-logo-mobile-h);
    max-height: var(--cb-logo-mobile-max-h);
  }
}