/*MediaPlace edit*/

/* 14) Mobilné drobnosti (≤768px) – držíme layout stabilný */
@media (max-width: 768px) {

/* 1) Fix: obrázok vedľa názvu – žiadne zdedené paddingy */
.cart-wrapper .cart-table .cart-p-image a,
.cart-wrapper .cart-table .cart-p-image img {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  display: block;
}

/* 2) Riadok produktu (removable) – jemný border + presné paddingy */
.cart-wrapper .cart-table tr.removable,
.cart-wrapper .cart-table tr.removeable {
  border: 1px solid rgba(45,108,223,.05);
}
.cart-wrapper .cart-table tr.removable > td,
.cart-wrapper .cart-table tr.removeable > td {
  padding: 5px 10px !important; /* top/bottom 5px, left/right 10px */
}

/* 3) Bez border-radius v košíku */
.cart-wrapper .cart-table * { border-radius: 0 !important; }

/* 4) Dostupnosť : Množstvo = 60 : 40 + vertikálne na stred */
.cart-wrapper .cart-table .p-availability.p-cell { width: 60% !important; }
.cart-wrapper .cart-table .p-quantity.p-cell    { width: 40% !important; }
.cart-wrapper .cart-table .p-availability.p-cell,
.cart-wrapper .cart-table .p-quantity.p-cell {
  vertical-align: middle !important;
}
.cart-wrapper .cart-table .p-availability.p-cell .availability-label,
.cart-wrapper .cart-table .p-availability.p-cell .availability-amount {
  display: inline-flex; align-items: center;
}

/* 5) Cena / Zľava / Súčet – zarovnať doprava, p-total späť na tretinu */
.cart-wrapper .cart-table .p-price.p-cell,
.cart-wrapper .cart-table .p-discount.p-cell,
.cart-wrapper .cart-table .dm-sale-discount.p-cell,
.cart-wrapper .cart-table .p-total {
  text-align: right !important;
}
.cart-wrapper .cart-table .p-total { width: 33.33% !important; }

/* 6) Jemné podfarbenie riadku s cenami (len 5%) */
.cart-wrapper .cart-table .p-price.p-cell,
.cart-wrapper .cart-table .p-discount.p-cell,
.cart-wrapper .cart-table .dm-sale-discount.p-cell,
.cart-wrapper .cart-table .p-total {
  background-color: rgba(0,0,0,.05);
}

/* 7) "Cena za kus" nech je regular (nie bold) */
.cart-wrapper .cart-table .p-price .p-label,
.cart-wrapper .cart-table .p-price .p-label strong {
  font-weight: 400 !important;
}

/* 8) Doručenie + Váha – layout 50/50, centrované 
      (štýly pre blok, ktorý vkladá JS s class .ea-delivery-weight) */
.cart-wrapper .ea-delivery-weight { margin: 10px 0; }
.cart-wrapper .ea-delivery-weight .ea-first-row {
  display: flex; gap: 10px; align-items: stretch;
}
.cart-wrapper .ea-delivery-weight .ea-date-wrap,
.cart-wrapper .ea-delivery-weight .ea-weight-wrap {
  flex: 1 1 50%;
  text-align: center;
}
/* Dátum: čistý text s dashed underline, bez farby/veľkosti – dedí */
.cart-wrapper .ea-delivery-weight .ea-date {
  background: none; border: 0; padding: 0; margin: 0;
  text-decoration: none; border-bottom: 1px dashed currentColor;
  cursor: pointer;
}
/* Otáznik v KRUHU – rozumný tap target */
.cart-wrapper .ea-delivery-weight .ea-ico-circle {
  background: none; border: 1px solid currentColor;
  border-radius: 50%;
  width: 1.8em; height: 1.8em; line-height: 1.8em;
  padding: 0; margin-left: .5em; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  user-select: none;
}
/* Tooltip na 100% šírky + červený krížik */
.cart-wrapper .ea-delivery-weight .ea-tip-bubble {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #eee;
  background: #fff;
  margin-top: 8px;
}
.cart-wrapper .ea-delivery-weight .ea-tip-close {
  position: absolute;
  top: 6px; right: 8px;
  border: 0; background: none; padding: 0; cursor: pointer;
  font-weight: 700;
  color: #e00000; /* červený krížik */
}
/* Váha: hodnota + label pod ňou */
.cart-wrapper .ea-delivery-weight .ea-weight-value { display: block; }
.cart-wrapper .ea-delivery-weight .ea-sub { display: block; opacity: .8; margin-top: 2px; }

/* 9) Tlačidlo v sumári – 100% šírka + centrovanie textu */
.summary-wrapper .summary-extra-btn {
  display: block; width: 100%; text-align: center;
}

/* 10) Darčeky – zelený dashed border (aj vybrané) */
.cart-wrapper .free-gifts li,
.cart-wrapper .free-gifts .gift-item,
.cart-wrapper .free-gifts .product {
  border: 1px dashed #009901 !important;
}
.cart-wrapper .free-gifts li.active,
.cart-wrapper .free-gifts li.selected,
.cart-wrapper .free-gifts .gift-item.active,
.cart-wrapper .free-gifts .gift-item.selected {
  border-color: #009901 !important;
}

/* 11) Zrušiť modré pozadie cart-summary (ponechať čisté) */
.cart-wrapper .cart-summary,
.summary-wrapper .cart-summary,
.summary-wrapper .box.box-bg-default {
  background: transparent !important;
}

/* 12) Extra sekcie – “zlaté” pozadia s transparentnosťou (5% / 10% / 15%) */
.cart-wrapper .discount-coupon,
.summary-wrapper .discount-coupon {
  background-color: rgba(255, 215, 0, .05) !important; /* 5% gold */
}
.cart-wrapper .free-gift,
.summary-wrapper .free-gift {
  background-color: rgba(255, 215, 0, .10) !important; /* 10% gold */
}
.cart-wrapper .extras-wrap,
.summary-wrapper .extras-wrap {
  background-color: rgba(255, 215, 0, .15) !important; /* 15% gold */
}

/* 13) Krížik “odstrániť z košíka” – červený */
.cart-wrapper .remove-item {
  background: none !important;
  border: none !important;
  color: #e00000 !important;
  width: 1.8em; height: 1.8em;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0; cursor: pointer;
  position: relative;
}
.cart-wrapper .remove-item::after {
  content: "×";
  font-size: 18px; font-weight: 700; line-height: 1;
  color: #e00000;
}
.cart-wrapper .remove-item .sr-only { position: absolute !important; }


}














/* skrytie nepovolenych kombinacii dopravy */
#order-billing-methods .radio-wrapper.inactive-child {
  display: none !important;
}
/* skrytie priznakov Novinka, Tip, Infozlava01 z filtru */
#dd\[\]753,#dd\[\]8,#dd\[\]2,
label[for="dd[]753"],
label[for="dd[]3"],
label[for="dd[]2"] {
  display: none !important;
}
/* CSS pre tlacidlo Filtrovat produkty*/
.listingControls .loadMore {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.show-filters-btn { 
  display: inline-flex; 
  align-items: center;
  gap: .5rem;
}

#filters.flash-highlight {
  outline: 2px dashed var(--color-primary);
  outline-offset: 6px;
  transition: outline-color .3s ease;
}