/* =====================================================================
   TRESTLES – detail produktu (CZ + SK)
   1) Blok ceny: původní cena + sleva / cena bez DPH / zlatá linka / cena s DPH
   2) Mobil: [ − počet + ] [ Přidat do košíku ] na jednom řádku
   ===================================================================== */


/* ---------- 1) BLOK CENY ----------
   Pořadí se srovná přes order, ať je v HTML jakékoli.
   Na CZ je cena uvnitř .pva-grid (vlevo cena, vpravo dostupnost) – to zůstává. */
.p-info-wrapper .p-final-price-wrapper {
  display: grid;
  grid-template-columns: auto auto 1fr;
  justify-items: start;
  align-items: baseline;
  column-gap: 6px;
}

.p-info-wrapper .p-final-price-wrapper .price-standard { order: 1; grid-column: 1; }
.p-info-wrapper .p-final-price-wrapper .price-save     { order: 2; grid-column: 2; }

.p-info-wrapper .p-final-price-wrapper .price-without-vat {
  order: 3;
  grid-column: 1 / -1;
  color: #000 !important;
  border-bottom: 1px solid #dda756;
  padding-bottom: 2px;
  margin-bottom: 2px;
}

.p-info-wrapper .p-final-price-wrapper .price-final {
  order: 4;
  grid-column: 1 / -1;
}

.p-info-wrapper .p-final-price-wrapper .price-measure {
  order: 5;
  grid-column: 1 / -1;
}

/* tučně jen částka, "s DPH" normálně */
.p-info-wrapper .p-final-price-wrapper .vat-suffix {
  font-weight: 400 !important;
}


/* ---------- 2) MOBIL: MNOŽSTVÍ + KOŠÍK NA JEDNOM ŘÁDKU ----------
   Vzhled množství (kulatá tlačítka, pole s rámečkem, mezery) zůstává z původního
   .custom-quantity – tady se mění jen rozložení a velikosti. */
@media (max-width: 768px) {

  .p-info-wrapper .add-to-cart {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 10px;
    width: 100%;
  }

  .p-info-wrapper .add-to-cart .quantity.custom-quantity {
    flex: 0 0 auto;
    width: auto !important;
    margin: 0 !important;
  }

  /* nativní +/− Shoptetu pryč, zůstávají jen vlastní */
  .p-info-wrapper .add-to-cart .quantity .increase,
  .p-info-wrapper .add-to-cart .quantity .decrease {
    display: none !important;
  }

  .p-info-wrapper .add-to-cart .quantity .increase-tooltip,
  .p-info-wrapper .add-to-cart .quantity .decrease-tooltip {
    position: absolute !important;
  }

  /* jen velikost – barvy, rámečky a zaoblení zůstávají původní */
  .p-info-wrapper .add-to-cart .custom-decrease,
  .p-info-wrapper .add-to-cart .custom-increase {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px;
    padding: 0 !important;
  }

  .p-info-wrapper .add-to-cart .quantity label {
    display: flex;
    margin: 0;
  }

  .p-info-wrapper .add-to-cart .quantity input.amount {
    width: 54px !important;
    height: 46px !important;
    padding: 0 !important;
    text-align: center;
    font-size: 16px; /* pod 16px iOS při kliknutí zoomuje */
    -moz-appearance: textfield;
    appearance: textfield;
  }

  .p-info-wrapper .add-to-cart .quantity input.amount::-webkit-outer-spin-button,
  .p-info-wrapper .add-to-cart .quantity input.amount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Tlačítko vyplní zbytek řádku */
  .p-info-wrapper .add-to-cart .add-to-cart-button {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    height: 52px;
    margin: 0 !important;
    padding: 0 12px !important;
    font-size: 15px;
    white-space: nowrap;
  }
}