/* MODOM — predaj „po novom“ (21. 10. 2026): MJ m²/m/mb s násobkom ≠ 1.
   Cena za MJ navrch, pod ňou cena 1 ks/bal. a súčet za zvolené množstvo — detail, varianty, popup, košík.
   Staré ceny „za balenie“ (.modom-area-prices) zrušené spolu s UNIT_OF_MEASURE. */

/* Keby ešte bežal starý cache JS, widget nezobrazuj. */
.m2calc { display: none !important; }

/* „/ m²“ vedľa sumy — label „Cena za m²:“ to už hovorí. */
.pr-list-unit.modom-hide-package-unit,
.unit.modom-hide-package-unit {
  display: none !important;
}

.p-final-price-wrapper.modom-m2-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.p-final-price-wrapper.modom-m2-copy > .price-final {
  display: block;
  margin: 0 0 6px;
  font-size: 1.45em;
  font-weight: 700;
  color: #1f1f1f;
  line-height: 1.2;
}
.p-final-price-wrapper.modom-m2-copy > .price-final .modom-price-label {
  font-size: 0.72em;
  font-weight: 600;
  color: #333;
  margin-right: 0.25em;
  vertical-align: middle;
}
/* bez DPH patrí k cene za m² — hneď pod ňu */
.p-final-price-wrapper.modom-m2-copy > .price-additional {
  order: 1;
  margin: 0 0 8px;
}
/* Prepočet je v .sale-price za cenou a dostupnosťou — vlastný riadok na celú šírku. */
.sale-price.modom-m2-sale {
  flex-wrap: wrap;
}
.sale-price.modom-m2-sale > .modom-m2-preview {
  flex: 1 1 100%;
  order: 10;
}
/* Mobil: šablóna má .sale-price v column-reverse (dostupnosť navrch) — „posledný“ je order najnižší. */
@media (max-width: 767px) {
  .sale-price.modom-m2-sale > .modom-m2-preview {
    flex: 0 0 auto;
    order: -1;
  }
}
.p-info-wrapper .modom-m2-preview {
  margin: 0 0 4px;
  font-size: 1em;
  font-weight: 500;
  color: #555;
  line-height: 1.5;
}
.p-final-price-wrapper.modom-m2-copy > .modom-m2-preview {
  order: 2;
}
.p-info-wrapper .modom-m2-preview .modom-price-label {
  font-weight: 600;
  color: #555;
  margin-right: 0.25em;
}
.p-info-wrapper .modom-m2-preview strong {
  color: #1f1f1f;
}
/* Súčet za zvolené množstvo — väčší a tučný, je to podstatná informácia */
.p-info-wrapper .modom-m2-preview .modom-m2-total {
  margin-top: 4px;
  font-size: 1.25em;
  font-weight: 700;
  color: #1f1f1f;
  line-height: 1.35;
}
.p-info-wrapper .modom-m2-preview .modom-m2-total .modom-price-label {
  font-weight: 700;
  color: #1f1f1f;
}

/* 21. 10. 2026 (PDF „MODOM - upravy“): pole množstva s desatinnými miestami musí ukázať
   celé číslo (max. 3 desatinné, aj 4-ciferné množstvo) — detail aj košík. */
.p-info-wrapper .quantity:has(input.amount:not([data-decimals="0"])),
tr[data-micro="cartItem"] .p-quantity .quantity:has(input.amount:not([data-decimals="0"])) {
  width: auto;
  flex: 0 0 auto;
}
.p-info-wrapper .quantity:has(input.amount:not([data-decimals="0"])) label,
tr[data-micro="cartItem"] .p-quantity .quantity:has(input.amount:not([data-decimals="0"])) label {
  width: auto;
  max-width: none;
}
.p-info-wrapper .quantity input.amount:not([data-decimals="0"]),
tr[data-micro="cartItem"] .p-quantity .quantity input.amount:not([data-decimals="0"]) {
  width: 5.2em;
  min-width: 5.2em;
  max-width: none;
}

/* MJ hneď za poľom množstva na detaile */
.modom-qty-unit {
  align-self: center;
  margin: 0 0.6em 0 0.35em;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
}

/* Popup „Pridané do košíka“ — rovnaký vzhľad ako box Webhutu pri originálnych baleniach */
.modom-m2-popup {
  margin: 10px auto 0;
  padding: 12px 16px;
  max-width: 560px;
  background: #f7f7f7;
  border-radius: 6px;
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
}
.modom-m2-popup strong {
  font-weight: 700;
}

/* Košík: prepočet pod poľom množstva, cena za ks/bal. pod cenou za m² */
.modom-m2-cart-qty {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.4;
  color: #333;
  white-space: nowrap;
}
.modom-m2-cart-qty strong {
  color: #cc3c2d;
}
.modom-m2-cart-qty:empty,
.modom-m2-cart-piece:empty {
  display: none;
}
.modom-m2-cart-piece {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  line-height: 1.4;
  color: #555;
}

/* Variantový riadok: cena 1 ks/bal. a súčet pod cenou za MJ v stĺpci ceny — kompaktne */
#variants .table-row .modom-m2-variant {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 500;
  color: #555;
  line-height: 1.4;
}
#variants .table-row .modom-m2-variant .modom-price-label {
  font-weight: 600;
  margin-right: 0.2em;
}
#variants .table-row .modom-m2-variant strong {
  color: #1f1f1f;
}
/* Súčet väčší, no v jednom riadku: stĺpec ceny má ~170 px, „Spolu za 10 bal.: 593,70 €“ pri 15 px = 165 px. */
#variants .table-row .modom-m2-variant .modom-m2-total {
  margin-top: 3px;
  font-size: 15px;
  font-weight: 700;
  color: #1f1f1f;
}
#variants .table-row .modom-m2-variant .modom-m2-total .modom-price-label {
  font-weight: 700;
}
/* Úzky stĺpec ceny: suma s „€“ sa nedelí — radšej celá pod „Spolu za…“. */
#variants .table-row .modom-m2-variant strong {
  white-space: nowrap;
}
#variants .table-row.modom-m2-row .variant-cart form {
  align-items: center;
}
/* Variantový riadok: pole množstva užšie a MJ hneď za ním v jednom riadku, tlačidlo pod nimi. */
#variants .variant-cart fieldset:has(> .modom-qty-unit) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#variants .variant-cart fieldset > .quantity:has(+ .modom-qty-unit) {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}
#variants .variant-cart fieldset > .modom-qty-unit {
  flex: 0 0 auto;
  margin: 0 0 0 0.45em;
}
#variants .variant-cart fieldset:has(> .modom-qty-unit) > .add-to-cart-button {
  flex: 1 1 100%;
}