/* EVOLVEO: cross-sell u produktu ve vzhledu upsellu Vulcano.
   Pouze tabulkove zobrazeni na detailu; checkboxy a chovani zustavaji.
   Vlozit za styly doplnku, v HTML zahlavi obalit do <style>...</style>. */

body.type-product .up-product-wrapper:has(> .up-container.up-type-product_cross.layout-table) {
  container-type: inline-size;
  container-name: salente-cross;
  margin-top: 40px;
  margin-bottom: 20px;
}

body.type-product .up-product-wrapper > .up-container.up-type-product_cross.layout-table {
  --upsell-image_size: 70px;
  --upsell-image_margin_right: 10px;
  --upsell-text_font_size: 14px;
  padding: 12px;
  background: #e8e9ec;
  border: 1px solid #000;
  border-radius: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  overflow: visible;
}

body.type-product .up-container.up-type-product_cross.layout-table > .up-products-header {
  position: relative;
  width: max-content;
  max-width: 100%;
  box-sizing: border-box;
  margin: -24px 0 12px !important;
  padding: 5px 12px !important;
  background: #000;
  color: #fff !important;
  border: 0;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.type-product .up-container.up-type-product_cross.layout-table > .up-products {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 0;
}

body.type-product .up-container.up-type-product_cross.layout-table > .up-products > .up-product {
  min-width: 0;
  padding: 10px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 6px;
  row-gap: 0;
}

body.type-product .up-container.up-type-product_cross.layout-table > .up-products > .up-product.active {
  border-color: #90005e;
}

body.type-product .up-container.up-type-product_cross.layout-table .up-image {
  flex: 0 0 70px;
}

body.type-product .up-container.up-type-product_cross.layout-table .up-image img {
  display: block;
  width: 70px;
  height: 70px;
  object-fit: contain;
}

body.type-product .up-container.up-type-product_cross.layout-table .up-product-name {
  overflow-wrap: anywhere;
}

body.type-product .up-container.up-type-product_cross.layout-table > .up-more {
  margin-top: 12px;
  margin-bottom: 0;
}

body.type-product .up-container.up-type-product_cross.layout-table .up-more-link,
body.type-product .up-container.up-type-product_cross.layout-table .up-more-link:hover,
body.type-product .up-container.up-type-product_cross.layout-table .up-more-link:focus-visible {
  color: #000 !important;
}

@container salente-cross (min-width: 440px) {
  body.type-product .up-product-wrapper > .up-container.up-type-product_cross.layout-table {
    padding: 24px;
  }

  body.type-product .up-container.up-type-product_cross.layout-table > .up-products-header {
    margin-top: -36px !important;
    margin-left: -8px !important;
  }

  body.type-product .up-container.up-type-product_cross.layout-table.has-show-more-button {
    padding-bottom: 12px;
  }
}