/* SimplyIrfan Magazine v2.10.67 — monochrome category badges site-wide.
   The .eyebrow element is the theme's reusable category label in story cards,
   sliders, archives, related posts and single-post headers. */
html:not([data-theme="dark"]) .eyebrow,
html[data-theme="dark"] .eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  padding: 4px 9px !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Light mode: black badge with white lettering. */
html:not([data-theme="dark"]) .eyebrow {
  background: #111111 !important;
  color: #ffffff !important;
}

/* Dark mode: white badge with near-black lettering. */
html[data-theme="dark"] .eyebrow {
  background: #ffffff !important;
  color: #111111 !important;
}

/* Keep labels readable when placed over image overlays. */
.home .hero-copy .eyebrow,
.home .si-static-feature-copy .eyebrow,
.si-homepage--hero_only .hero-only-feature-copy .eyebrow {
  padding: 4px 9px !important;
}