/*
 * Eichenlaub – manuelle Frontend-Korrekturen v18
 *
 * Diese Datei überschreibt nur:
 * 1. den grünstichigen Overlay heller Kollektions-Heros,
 * 2. nachträglich hinzugekommene Außenrahmen an Kollektionskarten,
 *    Produktkarten und Detailbildern.
 *
 * Formularfelder, Buttons, Navigation und Fokusrahmen bleiben unverändert.
 */

/* Neutral weißer Verlauf für alle hellen Kollektions-Heros. */
html body.page-collection #main .mod_article.page-hero
  .ce_hero.eichenlaub-native-hero:not(.eichenlaub-native-hero--dark)
  .hero__background::after,
html body.page-walnuss #main .mod_article.page-hero
  .ce_hero.eichenlaub-native-hero:not(.eichenlaub-native-hero--dark)
  .hero__background::after {
  display: block !important;
  content: "" !important;
  background: linear-gradient(
    90deg,
    rgb(255 255 255 / 82%) 0%,
    rgb(255 255 255 / 62%) 34%,
    rgb(255 255 255 / 22%) 62%,
    rgb(255 255 255 / 0%) 82%
  ) !important;
}

/* Kein zusätzlicher Overlay auf dem gesamten Hero-Element. */
html body.page-collection #main
  .ce_hero.eichenlaub-native-hero:not(.eichenlaub-native-hero--dark)::after,
html body.page-walnuss #main
  .ce_hero.eichenlaub-native-hero:not(.eichenlaub-native-hero--dark)::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Nachträglich hinzugefügte Rahmen der Kollektionsübersicht entfernen. */
html body.page-kollektionen
  .eichenlaub-portfolio-list
  .collection-card {
  border: 0 !important;
}

/* Nachträglich hinzugefügte Rahmen der Produktkarten entfernen. */
html body.page-collection #main .product-card,
html body.page-walnuss #main .product-card {
  border: 0 !important;
}

/* Detailbild ohne künstlichen Rahmen oder zusätzlichen Schatten. */
html body.page-collection #main .detail-media,
html body.page-collection #main .detail-media figure,
html body.page-collection #main .detail-media picture,
html body.page-collection #main .detail-media img,
html body.page-walnuss #main .detail-media,
html body.page-walnuss #main .detail-media figure,
html body.page-walnuss #main .detail-media picture,
html body.page-walnuss #main .detail-media img {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Mobile: einheitliche weiße Aufhellung statt Grün-/Graustich. */
@media (max-width: 70rem) {
  html body.page-collection #main .mod_article.page-hero
    .ce_hero.eichenlaub-native-hero:not(.eichenlaub-native-hero--dark)
    .hero__background::after,
  html body.page-walnuss #main .mod_article.page-hero
    .ce_hero.eichenlaub-native-hero:not(.eichenlaub-native-hero--dark)
    .hero__background::after {
    background: rgb(255 255 255 / 46%) !important;
  }
}