/* Final icon refinements for FOOD v6. */
.family-carnes {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23cf6458' stroke='%2321343b' stroke-width='2.6' d='M13 39C10 29 17 19 29 14c9-4 16-1 23-4 10-4 21-1 28 7 8 9 7 22-2 31-10 11-28 16-44 10-11-4-18-10-21-19Z'/%3E%3Cpath d='M23 27c7-6 15-8 24-7M21 45c8 6 18 8 28 7' fill='none' stroke='%23f5a394' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath fill='%23fff0da' stroke='%2321343b' stroke-width='2.2' d='M61 24c5-2 11 1 12 5 1 5-4 9-10 9-5 0-8-3-7-7 0-3 2-5 5-7Z'/%3E%3Cpath d='M32 32 44 29M34 39l12-3' fill='none' stroke='%237b3029' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Article cards without a real featured photo use the same category pictogram
 * as the food directory, instead of the old abstract placeholder. */
.card-placeholder.card-placeholder-illustrated {
  display: grid;
  place-items: center;
  background: var(--family-soft, #dcebee) !important;
}
.card-placeholder.card-placeholder-illustrated > .food-family-svg { display: none; }
.card-placeholder.card-placeholder-illustrated::before { display: none; }
.card-placeholder.card-placeholder-illustrated::after {
  content: "";
  display: block;
  position: static;
  width: 56%;
  height: 56%;
  max-width: 160px;
  max-height: 120px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: var(--family-icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 8px 10px rgba(24, 49, 59, .08));
}