/*
 * User-level CSS overrides for Quark 2.
 *
 * This file shadows the theme's own css/custom.css via the `user://` path
 * precedence configured in user/config/themes/quark2.yaml, so the theme file is
 * never read or modified. Rules here load last in the cascade, so they override
 * theme.css without needing !important.
 */

/*
 * Quark 2 sets `.modular-text img { width: 100%; height: auto; }` for its
 * "image beside the text" feature. That rule also catches the inline Shields.io
 * badges in the homepage contact module and stretches them to the full column
 * width, which makes them read as stacked rather than side by side.
 *
 * Restore each badge's intrinsic 20px height and drop the border-radius and
 * box-shadow the same rule applies, which would otherwise frame them like cards.
 * Scoped by [src] so a genuine full-width image in a modular-text module keeps
 * the theme's intended behaviour.
 */
.modular-text img[src*="img.shields.io"] {
  width: auto;
  height: 40px;
  border-radius: 0;
  box-shadow: none;
  vertical-align: middle;
  margin-right: 0.5rem;
}