/* Logo override styles using CSS variables set from preprocess.
   Do not use !important; rely on load order and specificity. */

/* Keep images responsive by default */
header .logo .logo__img,
header .logo img.logo__img,
header .logo img,
.logo img,
img.logo__img {
  max-width: 100%;
  height: auto;
}

/* Apply optional explicit dimensions via CSS variables, if provided */
:root {
  /* Variables optionally injected from yrblog_preprocess_html() when set
     --logo-width: 120px;
     --logo-height: auto; */
}

/* Width/height controlled by CSS variables; if not set, fallbacks apply */
header .logo .logo__img,
header .logo img.logo__img,
header .logo img,
.logo img,
img.logo__img {
  width: var(--logo-width, auto);
  height: var(--logo-height, auto);
}