/* MagicKcal / Work131w / Bildflächen v1.1 / TESTKANDIDAT App439.
 * Folgekorrektur: nur Gerichtskarten erhalten die bestehende responsive Bildrundung.
 * Einzige Farbreferenz: originale Styleguide-Variable --cc-s (#000001).
 * Fachliche Bildflächen außen CC-S, innere Bildelemente/Wrapper transparent.
 * editImageBlock und allgemeine Karten/Dialoge enthalten auch Bedienung und
 * werden ausdrücklich nicht eingefärbt. Keine Bilddaten/Skalierung/Positionsänderung.
 * Historische CC-D-Regeln bleiben in unveränderten Altassets; diese zentrale,
 * ausschließlich bildbezogene Regel ersetzt ihre aktive Hintergrundwirkung.
 */
html.mkStyleguideV014 body.mkStyleguideV014 :is(
  .productImageFrame, .editImageDropzone, .imagePreviewOnlyBox,
  .imageDialogDropzone, .mkLkImageSurface
) {
  background: var(--cc-s, #000001) !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 :is(
  .productImageFrame, .editImageDropzone, .imagePreviewOnlyBox,
  .imageDialogDropzone, .mkLkImageSurface
) :is(
  .productImage, .imagePreviewLarge, .imagePreviewPlaceholder, picture,
  .productImageFrame, .editImageDropzone, .imageDialogDropzone
) {
  background: transparent !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 :is(
  .productImageFrame, .editImageDropzone, .imagePreviewOnlyBox,
  .imageDialogDropzone, .mkLkImageSurface
)::before,
html.mkStyleguideV014 body.mkStyleguideV014 :is(
  .productImageFrame, .editImageDropzone, .imagePreviewOnlyBox,
  .imageDialogDropzone, .mkLkImageSurface
)::after,
html.mkStyleguideV014 body.mkStyleguideV014 :is(
  .productImageFrame, .editImageDropzone, .imagePreviewOnlyBox,
  .imageDialogDropzone, .mkLkImageSurface
) :is(.productImage, .imagePreviewLarge, .imagePreviewPlaceholder, picture)::before,
html.mkStyleguideV014 body.mkStyleguideV014 :is(
  .productImageFrame, .editImageDropzone, .imagePreviewOnlyBox,
  .imageDialogDropzone, .mkLkImageSurface
) :is(.productImage, .imagePreviewLarge, .imagePreviewPlaceholder, picture)::after {
  background: transparent !important;
}

/* Upload-Bildfeld: die vorhandene 14px-Rundung des Bildes auch fuer den nun
 * sichtbaren Hintergrund verwenden; keine rechteckigen Ecken dahinter. */
html.mkStyleguideV014 body.mkStyleguideV014 .editImageDropzone {
  border-radius: 14px;
}

/* Work131w / App439: nur Gerichtskarten. Vorhandene responsive Bildrundung auch
 * fuer den aeusseren CC-S-Hintergrund; overflow bleibt fuer den Edit-Overlay offen.
 * Keine Lebensmittel-/Top10-/Dialog-/Motivdaten-Aenderung. */
html.mkStyleguideV014 body.mkStyleguideV014 .favoriteCard.dish .productImageFrame {
  border-radius: 14px;
}
@media (max-width: 760px) {
  html.mkStyleguideV014 body.mkStyleguideV014 .favoriteCard.dish .productImageFrame { border-radius: 12px; }
}

/* Chat133w7 / App446: the food placeholder and its CC-S frame share a radius.
 * Only the search results and the searchable personal food library use this
 * rule. Keep overflow visible for the existing image edit badge. */
html.mkStyleguideV014 body.mkStyleguideV014 :is(
  .searchPageCard .searchResultCard,
  .favoriteTabPanel .plannerListSearchCard ~ .foodFavoriteCard
) > .productImageFrame:has(> img.productImage.placeholderGraphic) {
  border-radius: 14px;
}
@media (max-width: 760px) {
  html.mkStyleguideV014 body.mkStyleguideV014
  .favoriteTabPanel .plannerListSearchCard ~ .foodFavoriteCard
  > .productImageFrame:has(> img.productImage.placeholderGraphic) {
    border-radius: 12px;
  }
}