/* ==========================================================================
   eDelikatesy - Související produkty v košíku (karty)
   Rozbalí skryté "Související produkty" u položky košíku a zobrazí je jako
   karty vedle sebe (obrázek / název / cena / do košíku), místo skrytého
   rozbalovacího odkazu. Souvisí s: js/kosik-souvisejici.js
   Nahráno na: https://www.edelikatesy.cz/user/documents/css/kosik-souvisejici.css
   ========================================================================== */

/* Zobrazit skryté související produkty, skrýt původní přepínač */
tr.related { display: table-row !important; }
a.show-related { display: none !important; }
tr.related > td { padding: 4px 0 18px !important; }

.related-grid-title {
  font-weight: 700;
  font-size: 14px;
  color: #2d2d2d;
  margin: 4px 0 8px;
}

/* Mřížka karet */
.related-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Karta produktu */
.cart-related-product {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch !important;
  flex: 1 1 150px;
  max-width: 185px;
  background: #f5f5f5;
  border-radius: 10px;
  padding: 12px 10px;
  gap: 8px;
  text-align: center;
}

.cart-related-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100% !important;
}
.cart-related-img img {
  max-width: 100%;
  height: auto;
  max-height: 110px;
  object-fit: contain;
  border-radius: 6px;
}
.cart-related-name {
  font-size: 13px;
  line-height: 1.3;
  color: #2d2d2d;
  font-weight: 600;
}
.cart-related-availability { font-size: 12px; }

.cart-related-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100% !important;
  align-self: stretch !important;
}
.cart-related-button .price-final {
  font-size: 15px;
  font-weight: 700;
  color: #bd903e;
  white-space: nowrap;
}
.cart-related-button .pr-action {
  width: 100% !important;
  margin: 0 !important;
}
.cart-related-button .add-to-cart-button {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 9px 8px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Mobil - 2 karty na řádek */
@media (max-width: 600px) {
  .cart-related-product { flex: 1 1 42%; max-width: none; }
}