/* === Mersalg shortcode – overstyr temaets flex layout === */

.shortcode-upsells {
  margin-top: 24px;
}

.shortcode-upsells > h2 {
  margin-bottom: 24px;
}

/* VIGTIGT: temaet sætter ofte .woocommerce ul.products { display:flex; } */
.woocommerce .shortcode-upsells ul.products,
.woocommerce-page .shortcode-upsells ul.products,
.shortcode-upsells ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 32px !important;

  /* slå flex-egenskaber ihjel hvis de er sat */
  flex-wrap: unset !important;
  justify-content: unset !important;
  align-items: unset !important;

  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;

  max-width: 1200px;
}

/* Nulstil produktkort så de ikke har flex/clear/width regler fra temaet */
.woocommerce .shortcode-upsells ul.products li.product,
.woocommerce-page .shortcode-upsells ul.products li.product,
.shortcode-upsells ul.products li.product {
  float: none !important;
  clear: none !important;

  width: auto !important;
  margin: 0 !important;

  /* temaer kan sætte flex-basis / max-width */
  flex: unset !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Nogle temaer bruger .first/.last til at tvinge break */
.shortcode-upsells ul.products li.first,
.shortcode-upsells ul.products li.last {
  clear: none !important;
}

/* Fjern “Tilbud” badge */
.shortcode-upsells .onsale,
.shortcode-upsells span.onsale {
  display: none !important;
}

/* Tablet */
@media (max-width: 991px) {
  .woocommerce .shortcode-upsells ul.products,
  .woocommerce-page .shortcode-upsells ul.products,
  .shortcode-upsells ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobil */
@media (max-width: 599px) {
  .woocommerce .shortcode-upsells ul.products,
  .woocommerce-page .shortcode-upsells ul.products,
  .shortcode-upsells ul.products {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}