/* hueply.com — overrides on top of Oction style.css */

/* Item detail: coloring page image must fit the container without cropping.
   Overrides .art-item-img.art-details-img (style.css:3569-3594) which fixes
   the container height to 1100px and uses object-fit: cover. */
.art-item-img.art-details-img {
  height: auto;
}
.art-item-img.art-details-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* Brand wordmark — replaces the Oction logo image in header/footer/offcanvas.
   .logo-bb / .logo-bw light/dark variants from Oction style.css are preserved;
   we only override color so the same FontAwesome glyph + text adapts per theme. */
.logo-text {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  letter-spacing: -0.02em;
  line-height: 1;
  text-decoration: none;
}
.logo-text__icon {
  font-size: 1.6rem;
  line-height: 1;
}
.logo-text__word {
  display: inline-block;
}
.footer-logo .logo-text {
  font-size: 1.6rem;
}
.footer-logo .logo-text__icon {
  font-size: 1.5rem;
}
.logo-text--offcanvas {
  font-size: 1.5rem;
}

/* logo-bb = dark mark on light surface (used in light theme header/footer). */
.logo-bb.logo-text,
.logo-bb.logo-text:hover,
.logo-bb.logo-text:focus {
  color: #0f0f1a;
}
/* logo-bw = light mark on dark surface (used in dark theme + offcanvas drawer). */
.logo-bw.logo-text,
.logo-bw.logo-text:hover,
.logo-bw.logo-text:focus {
  color: #ffffff;
}