/* JTL Card — the card's own icon. Everything else about the card (tile, radius,
   layout, the default icon) is owned by the JTL Card Grid stylesheet, which the
   card opts into by carrying .jtl-card-grid__card. */

.jtl-card-grid__card > .jtl-card__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 65.42px;
  height: 65.42px;
  font-size: 52px;
  line-height: 1;
  color: #0b1b45;
}

/* Image icon. An SVG attachment has no intrinsic size in WordPress, so it comes
   back with width="1" height="1" and would collapse without both axes pinned
   here. object-fit keeps a non-square asset inside the slot instead of
   stretching it. */
.jtl-card-grid__card > .jtl-card__icon--img {
  display: block;
  object-fit: contain;
}

/* A card given a Link renders as an <a>. Strip the anchor's default underline
   and inherit the card copy's own colours so a linked card looks identical to
   a plain one - the only difference is that the whole tile is now clickable. */
.jtl-card-grid__card.jtl-card--linked {
  text-decoration: none;
  color: inherit;
}