/* =========================================================
   EMALIA RYBNIK - FINALNY CSS KODÓW PRODUKTOWYCH W KOSZYKU/KASIE
   Moduł: EMALIA - Kody produktowe / emaliakodyproduktowe
   Działa dla koszyka i checkoutu, desktop + mobile
   Wersja: 1.0.15
   Przejmuje oryginalne pole kodu rabatowego PrestaShop/ThemeVolty
   ========================================================= */

/* Stare własne boksy modułu z wcześniejszych wersji nie są już używane. */
.emalia-product-code-box,
.emalia-product-code-summary {
  display: none !important;
}

/* Oryginalny blok kodu rabatowego ThemeVolty po przejęciu przez moduł. */
.emalia-product-code-native-wrapper,
.card-block.block-promo.emalia-product-code-native-wrapper {
  display: block !important;
  width: 100% !important;
  margin: 8px 0 10px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.emalia-product-code-native-wrapper .cart-voucher,
.emalia-product-code-native-wrapper .promo-code,
.emalia-product-code-native-wrapper #promo-code,
.emalia-product-code-native-wrapper form.emalia-product-code-standard-form,
.emalia-product-code-native-wrapper form[data-emalia-product-code-form="1"] {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  overflow: visible !important;
}

.emalia-product-code-native-wrapper p,
.emalia-product-code-native-wrapper .promo-code-button,
.emalia-product-code-native-wrapper .collapse-button,
.emalia-product-code-native-wrapper .js-error:empty,
.emalia-product-code-native-wrapper .js-error-text:empty {
  display: none !important;
}

/* Elegancka belka: input + przycisk, bez ciężkiego tła. */
.emalia-product-code-native-wrapper .promo-input-button {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 7px !important;
  background: #fff !important;
  border: 1px solid #eadfd3 !important;
  border-radius: 15px !important;
  box-shadow: none !important;
}

.emalia-product-code-native-wrapper .promo-input,
.emalia-product-code-native-wrapper input[name="discount_name"] {
  flex: 1 1 auto !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border: 1px solid #eadfd3 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #2d2620 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  outline: none !important;
}

.emalia-product-code-native-wrapper .promo-input:focus,
.emalia-product-code-native-wrapper input[name="discount_name"]:focus {
  border-color: #d4b891 !important;
  box-shadow: 0 0 0 2px rgba(212, 184, 145, .22) !important;
}

.emalia-product-code-native-wrapper .btn,
.emalia-product-code-native-wrapper button[type="submit"],
.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"] {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 86px !important;
  max-width: none !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 8px 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #2d2620 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: none !important;
  box-shadow: none !important;
}

.emalia-product-code-native-wrapper .btn:hover,
.emalia-product-code-native-wrapper button[type="submit"]:hover,
.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"]:hover,
.emalia-product-code-active-inline__remove:hover {
  background: #3a2f27 !important;
  color: #fff !important;
}

.emalia-product-code-native-wrapper button.emalia-product-code-is-loading {
  opacity: .7 !important;
  cursor: wait !important;
}

.emalia-product-code-alert,
.emalia-product-code-inline-alert {
  margin: 7px 0 0 0 !important;
  padding: 7px 9px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.emalia-product-code-alert--success {
  border: 1px solid #cfe7cf !important;
  background: #f0fbf0 !important;
  color: #225f22 !important;
}

.emalia-product-code-alert--error {
  border: 1px solid #f0c7c2 !important;
  background: #fff1ef !important;
  color: #8a2419 !important;
}

/* Aktywny kod pod polem: kompaktowy pasek, jeden wiersz. */
.emalia-product-code-active-inline {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: 7px !important;
  padding: 7px 8px !important;
  border: 1px solid #eadfd3 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #2d2620 !important;
}

.emalia-product-code-active-inline__text {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.emalia-product-code-active-inline__text span {
  color: #6c5d51 !important;
}

.emalia-product-code-active-inline__text strong {
  font-weight: 800 !important;
  color: #2d2620 !important;
}

.emalia-product-code-active-inline__text small {
  display: none !important;
}

.emalia-product-code-active-inline__form {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

.emalia-product-code-active-inline__remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 58px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 6px 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #2d2620 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  text-transform: none !important;
  box-shadow: none !important;
}

/* Produkt z kodem: wygląd jak standardowa promocja PS, bez dublowania ceny. */
.emalia-product-code-discounted-line .product-line-info.product-price,
.emalia-product-code-discounted-line .product-line-desc .product-price {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-top: 2px !important;
  line-height: 1.15 !important;
}

.emalia-product-code-product-discount {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.15 !important;
}

.emalia-product-code-product-discount .regular-price {
  color: #8f8175 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: line-through !important;
  white-space: nowrap !important;
}

.emalia-product-code-product-discount .discount,
.emalia-product-code-product-discount .discount-amount {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 18px !important;
  padding: 2px 6px !important;
  border-radius: 999px !important;
  background: #7a2f25 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.emalia-product-code-product-discount .emalia-product-code-badge-code {
  color: #6c5d51 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.emalia-product-code-discounted-line .current-price,
.emalia-product-code-discounted-line .product-line-info.product-price .current-price {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.emalia-product-code-discounted-line .current-price .price,
.emalia-product-code-discounted-line .product-line-info.product-price .price {
  color: #2d2620 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

/* Porządki po starszych wersjach modułu. */
.emalia-product-code-line-discount,
.product-line-price .emalia-product-code-line-discount {
  display: none !important;
}

@media (max-width: 767px) {
  .emalia-product-code-native-wrapper,
  .card-block.block-promo.emalia-product-code-native-wrapper {
    margin-top: 7px !important;
  }

  .emalia-product-code-native-wrapper .promo-input-button {
    gap: 7px !important;
    padding: 6px !important;
    border-radius: 14px !important;
  }

  .emalia-product-code-native-wrapper .promo-input,
  .emalia-product-code-native-wrapper input[name="discount_name"] {
    height: 34px !important;
    min-height: 34px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 12px !important;
  }

  .emalia-product-code-native-wrapper .btn,
  .emalia-product-code-native-wrapper button[type="submit"],
  .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"] {
    min-width: 76px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 12px !important;
  }

  .emalia-product-code-active-inline {
    padding: 6px 7px !important;
    gap: 6px !important;
  }

  .emalia-product-code-active-inline__text {
    font-size: 12px !important;
  }

  .emalia-product-code-active-inline__remove {
    min-width: 54px !important;
    height: 29px !important;
    min-height: 29px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .emalia-product-code-discounted-line .product-line-info.product-price,
  .emalia-product-code-discounted-line .product-line-desc .product-price {
    gap: 4px !important;
  }

  .emalia-product-code-product-discount .emalia-product-code-badge-code {
    max-width: 94px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}


/* =========================================================
   EMALIA RYBNIK - DOPIESZCZENIE POLA KODU RABATOWEGO
   Moduł: EMALIA - Kody produktowe / emaliakodyproduktowe
   Wersja: 1.0.15
   Cel: elegancki input + przyciski Dodaj/Usuń w oryginalnym miejscu koszyka
   ========================================================= */

/* Usunięcie ciężkiego szarego tła ThemeVolty i ułożenie pola w lekkiej ramce. */
.card-block.block-promo,
.card-block.block-promo.emalia-product-code-native-wrapper,
.emalia-product-code-native-wrapper,
.emalia-product-code-native-wrapper .cart-voucher,
.emalia-product-code-native-wrapper .promo-code,
.emalia-product-code-native-wrapper #promo-code {
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

.card-block.block-promo.emalia-product-code-native-wrapper,
.emalia-product-code-native-wrapper {
  margin: 8px 0 12px 0 !important;
  padding: 0 !important;
}

.emalia-product-code-native-wrapper .promo-code {
  display: block !important;
  padding: 0 !important;
}

/* Formularz kodu: cała szerokość, większy input, mały elegancki button. */
.emalia-product-code-native-wrapper form.emalia-product-code-standard-form,
.emalia-product-code-native-wrapper form[data-emalia-product-code-form="1"] {
  display: block !important;
  width: 100% !important;
}

.emalia-product-code-native-wrapper .promo-input-button,
.emalia-product-code-native-wrapper .promo-input-button.d-f {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px !important;
  background: #fff !important;
  border: 1px solid #eadfd3 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

.emalia-product-code-native-wrapper input.promo-input,
.emalia-product-code-native-wrapper input[name="discount_name"] {
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  background: #faf7f3 !important;
  border: 1px solid #eadfd3 !important;
  border-radius: 12px !important;
  color: #2d2620 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 38px !important;
  box-shadow: none !important;
  outline: none !important;
}

.emalia-product-code-native-wrapper input.promo-input::placeholder,
.emalia-product-code-native-wrapper input[name="discount_name"]::placeholder {
  color: #b9aa9b !important;
  font-weight: 500 !important;
}

.emalia-product-code-native-wrapper input.promo-input:focus,
.emalia-product-code-native-wrapper input[name="discount_name"]:focus {
  background: #fff !important;
  border-color: #d7bd99 !important;
  box-shadow: 0 0 0 3px rgba(215, 189, 153, .20) !important;
}

.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
.emalia-product-code-native-wrapper .promo-input-button .btn,
.emalia-product-code-native-wrapper .promo-input-button button[type="submit"] {
  width: auto !important;
  min-width: 82px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  background: #2d2620 !important;
  border: 1px solid #2d2620 !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 38px !important;
  text-align: center !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: background .15s ease, border-color .15s ease, transform .15s ease !important;
}

.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"] span,
.emalia-product-code-native-wrapper .promo-input-button .btn span {
  color: inherit !important;
  line-height: inherit !important;
}

.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"]:hover,
.emalia-product-code-native-wrapper .promo-input-button .btn:hover,
.emalia-product-code-native-wrapper .promo-input-button button[type="submit"]:hover,
.emalia-product-code-active-inline__remove:hover {
  background: #3a3028 !important;
  border-color: #3a3028 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* Aktywny kod: mały elegancki pasek bez wielkiego boksu. */
.emalia-product-code-active-inline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 8px 0 0 0 !important;
  padding: 8px !important;
  background: #fbf7f1 !important;
  border: 1px solid #eadfd3 !important;
  border-radius: 14px !important;
  color: #2d2620 !important;
}

.emalia-product-code-active-inline__text {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #6c5d51 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.emalia-product-code-active-inline__text strong {
  color: #2d2620 !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

.emalia-product-code-active-inline__form {
  display: block !important;
  margin: 0 !important;
}

.emalia-product-code-active-inline__remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 72px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: #2d2620 !important;
  border: 1px solid #2d2620 !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 34px !important;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background .15s ease, border-color .15s ease, transform .15s ease !important;
}

/* Cena produktu po kodzie: subtelniej, bez efektu ścisku. */
.emalia-product-code-product-discount {
  gap: 4px !important;
  vertical-align: middle !important;
}

.emalia-product-code-product-discount .regular-price {
  color: #8f8175 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.emalia-product-code-product-discount .discount,
.emalia-product-code-product-discount .discount-amount {
  min-height: 17px !important;
  padding: 2px 6px !important;
  background: #7a2f25 !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

.emalia-product-code-product-discount .emalia-product-code-badge-code {
  color: #6c5d51 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

.emalia-product-code-discounted-line .current-price .price,
.emalia-product-code-discounted-line .product-line-info.product-price .price {
  color: #2d2620 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

@media (max-width: 767px) {
  .emalia-product-code-native-wrapper .promo-input-button,
  .emalia-product-code-native-wrapper .promo-input-button.d-f {
    grid-template-columns: minmax(0, 1fr) 74px !important;
    gap: 7px !important;
    padding: 7px !important;
    border-radius: 13px !important;
  }

  .emalia-product-code-native-wrapper input.promo-input,
  .emalia-product-code-native-wrapper input[name="discount_name"] {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
    line-height: 36px !important;
  }

  .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
  .emalia-product-code-native-wrapper .promo-input-button .btn,
  .emalia-product-code-native-wrapper .promo-input-button button[type="submit"] {
    min-width: 74px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    line-height: 36px !important;
  }

  .emalia-product-code-active-inline {
    grid-template-columns: minmax(0, 1fr) 66px !important;
    gap: 7px !important;
    padding: 7px !important;
  }

  .emalia-product-code-active-inline__text {
    font-size: 12px !important;
  }

  .emalia-product-code-active-inline__remove {
    min-width: 66px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    line-height: 32px !important;
  }
}


/* =========================================================
   EMALIA RYBNIK - FINALNE DOPIESZCZENIE POLA KODU RABATOWEGO
   Moduł: EMALIA - Kody produktowe / emaliakodyproduktowe
   Działa dla checkoutu ThemeVolty desktop + mobile
   Wklejone w module jako końcowy override CSS
   ========================================================= */

/* Cały blok kodu: bez szarej belki, bez ciężkiej ramki, pełna szerokość. */
#checkout .card-block.block-promo.emalia-product-code-native-wrapper,
#checkout .emalia-product-code-native-wrapper,
.card-block.block-promo.emalia-product-code-native-wrapper,
.emalia-product-code-native-wrapper {
  margin: 10px 0 12px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#checkout .emalia-product-code-native-wrapper .cart-voucher,
#checkout .emalia-product-code-native-wrapper .promo-code,
.emalia-product-code-native-wrapper .cart-voucher,
.emalia-product-code-native-wrapper .promo-code {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Formularz: jasna kapsuła, input i przycisk w jednej linii. */
#checkout .emalia-product-code-native-wrapper .promo-input-button,
.emalia-product-code-native-wrapper .promo-input-button,
.emalia-product-code-native-wrapper .promo-input-button.d-f {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 92px !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 6px !important;
  background: #fbf7f1 !important;
  border: 1px solid #eadfd3 !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
  overflow: visible !important;
}

#checkout .emalia-product-code-native-wrapper input.promo-input,
#checkout .emalia-product-code-native-wrapper input[name="discount_name"],
.emalia-product-code-native-wrapper input.promo-input,
.emalia-product-code-native-wrapper input[name="discount_name"] {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 17px !important;
  background: #fff !important;
  border: 1px solid #e4d5c3 !important;
  border-radius: 14px !important;
  color: #2d2620 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 40px !important;
  letter-spacing: .01em !important;
  outline: none !important;
  box-shadow: none !important;
}

#checkout .emalia-product-code-native-wrapper input.promo-input::placeholder,
#checkout .emalia-product-code-native-wrapper input[name="discount_name"]::placeholder,
.emalia-product-code-native-wrapper input.promo-input::placeholder,
.emalia-product-code-native-wrapper input[name="discount_name"]::placeholder {
  color: #b9aa9b !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

#checkout .emalia-product-code-native-wrapper input.promo-input:focus,
#checkout .emalia-product-code-native-wrapper input[name="discount_name"]:focus,
.emalia-product-code-native-wrapper input.promo-input:focus,
.emalia-product-code-native-wrapper input[name="discount_name"]:focus {
  border-color: #c79f6f !important;
  box-shadow: 0 0 0 3px rgba(199,159,111,.18) !important;
}

#checkout .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
#checkout .emalia-product-code-native-wrapper .promo-input-button .btn,
#checkout .emalia-product-code-native-wrapper .promo-input-button button[type="submit"],
.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
.emalia-product-code-native-wrapper .promo-input-button .btn,
.emalia-product-code-native-wrapper .promo-input-button button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  background: #2d2620 !important;
  border: 1px solid #2d2620 !important;
  border-radius: 14px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 40px !important;
  text-align: center !important;
  text-transform: none !important;
  box-shadow: 0 4px 10px rgba(45,38,32,.12) !important;
}

#checkout .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"] span,
.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"] span {
  display: inline-block !important;
  color: inherit !important;
  line-height: 1 !important;
}

#checkout .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"]:hover,
.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"]:hover,
.emalia-product-code-active-inline__remove:hover {
  background: #3a3028 !important;
  border-color: #3a3028 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* Aktywny kod: lekki wiersz statusu, bez dużego boksu. */
#checkout .emalia-product-code-active-inline,
.emalia-product-code-active-inline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 82px !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 7px 0 0 0 !important;
  padding: 7px 7px 7px 13px !important;
  background: #fffaf4 !important;
  border: 1px solid #eadfd3 !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
}

#checkout .emalia-product-code-active-inline__text,
.emalia-product-code-active-inline__text {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: #6c5d51 !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
}

#checkout .emalia-product-code-active-inline__text span,
.emalia-product-code-active-inline__text span {
  color: #6c5d51 !important;
  font-weight: 600 !important;
}

#checkout .emalia-product-code-active-inline__text strong,
.emalia-product-code-active-inline__text strong {
  color: #2d2620 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#checkout .emalia-product-code-active-inline__form,
.emalia-product-code-active-inline__form {
  margin: 0 !important;
}

#checkout .emalia-product-code-active-inline__remove,
.emalia-product-code-active-inline__remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 82px !important;
  min-width: 82px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  background: #7a2f25 !important;
  border: 1px solid #7a2f25 !important;
  border-radius: 14px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 36px !important;
  text-transform: none !important;
  box-shadow: 0 4px 10px rgba(122,47,37,.13) !important;
}

#checkout .emalia-product-code-active-inline__remove:hover,
.emalia-product-code-active-inline__remove:hover {
  background: #8b372c !important;
  border-color: #8b372c !important;
}

/* Desktop: pole nie jest ściśnięte i zachowuje eleganckie proporcje. */
@media (min-width: 768px) {
  #checkout .emalia-product-code-native-wrapper .promo-input-button,
  .emalia-product-code-native-wrapper .promo-input-button,
  .emalia-product-code-native-wrapper .promo-input-button.d-f {
    grid-template-columns: minmax(190px, 1fr) 96px !important;
    padding: 7px !important;
  }

  #checkout .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
  .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"] {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }
}

/* Mobile: pełna czytelność, ale bez przesadnego powiększania koszyka. */
@media (max-width: 480px) {
  #checkout .emalia-product-code-native-wrapper .promo-input-button,
  .emalia-product-code-native-wrapper .promo-input-button,
  .emalia-product-code-native-wrapper .promo-input-button.d-f {
    grid-template-columns: minmax(0, 1fr) 84px !important;
    gap: 7px !important;
    padding: 6px !important;
    border-radius: 16px !important;
  }

  #checkout .emalia-product-code-native-wrapper input.promo-input,
  #checkout .emalia-product-code-native-wrapper input[name="discount_name"],
  .emalia-product-code-native-wrapper input.promo-input,
  .emalia-product-code-native-wrapper input[name="discount_name"] {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
    line-height: 38px !important;
  }

  #checkout .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
  .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"] {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    line-height: 38px !important;
  }

  #checkout .emalia-product-code-active-inline,
  .emalia-product-code-active-inline {
    grid-template-columns: minmax(0, 1fr) 74px !important;
    padding: 6px 6px 6px 11px !important;
    border-radius: 16px !important;
  }

  #checkout .emalia-product-code-active-inline__text,
  .emalia-product-code-active-inline__text {
    font-size: 12px !important;
  }

  #checkout .emalia-product-code-active-inline__text strong,
  .emalia-product-code-active-inline__text strong {
    font-size: 12px !important;
  }

  #checkout .emalia-product-code-active-inline__remove,
  .emalia-product-code-active-inline__remove {
    width: 74px !important;
    min-width: 74px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    line-height: 34px !important;
  }
}


/* =========================================================
   EMALIA RYBNIK - FINALNY CSS POLA KODU PRODUKTOWEGO
   Moduł: EMALIA - Kody produktowe / emaliakodyproduktowe
   Działa dla checkout ThemeVolty desktop + mobile
   Wersja: 1.0.14
   ========================================================= */

/* Główny kontener pola kodu - bez tła i bez dodatkowego boksu. */
#checkout .block-promo,
#checkout .card-block.block-promo,
.block-promo.emalia-product-code-native-host,
.card-block.block-promo.emalia-product-code-native-host {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#checkout .emalia-product-code-native-wrapper,
.emalia-product-code-native-wrapper,
#checkout .emalia-product-code-native-wrapper .promo-code,
.emalia-product-code-native-wrapper .promo-code {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Wiersz input + przycisk: bez tła, przycisk dosunięty do prawej. */
#checkout .emalia-product-code-native-wrapper .promo-input-button,
#checkout .emalia-product-code-native-wrapper .promo-input-button.d-f,
.emalia-product-code-native-wrapper .promo-input-button,
.emalia-product-code-native-wrapper .promo-input-button.d-f {
  display: grid !important;
  grid-template-columns: minmax(150px, 1fr) 92px !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Input delikatnie szerszy, żeby mieścił placeholder „Wpisz kod”. */
#checkout .emalia-product-code-native-wrapper input.promo-input,
#checkout .emalia-product-code-native-wrapper input[name="discount_name"],
.emalia-product-code-native-wrapper input.promo-input,
.emalia-product-code-native-wrapper input[name="discount_name"] {
  display: block !important;
  width: 100% !important;
  min-width: 150px !important;
  max-width: none !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 15px !important;
  background: #ffffff !important;
  border: 1px solid #e5d6c6 !important;
  border-radius: 14px !important;
  color: #2d2620 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 36px !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  outline: none !important;
  box-shadow: none !important;
}

#checkout .emalia-product-code-native-wrapper input.promo-input::placeholder,
#checkout .emalia-product-code-native-wrapper input[name="discount_name"]::placeholder,
.emalia-product-code-native-wrapper input.promo-input::placeholder,
.emalia-product-code-native-wrapper input[name="discount_name"]::placeholder {
  color: #b9aa9b !important;
  opacity: 1 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#checkout .emalia-product-code-native-wrapper input.promo-input:focus,
#checkout .emalia-product-code-native-wrapper input[name="discount_name"]:focus,
.emalia-product-code-native-wrapper input.promo-input:focus,
.emalia-product-code-native-wrapper input[name="discount_name"]:focus {
  border-color: #c79f6f !important;
  box-shadow: 0 0 0 2px rgba(199,159,111,.16) !important;
}

/* Button Dodaj: czarny, zaokrąglony, wyrównany do prawej. */
#checkout .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
#checkout .emalia-product-code-native-wrapper .promo-input-button .btn,
#checkout .emalia-product-code-native-wrapper .promo-input-button button[type="submit"],
.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
.emalia-product-code-native-wrapper .promo-input-button .btn,
.emalia-product-code-native-wrapper .promo-input-button button[type="submit"] {
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: #111111 !important;
  border: 1px solid #111111 !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 36px !important;
  text-align: center !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease !important;
}

#checkout .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"] span,
.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"] span {
  display: inline-block !important;
  color: inherit !important;
  line-height: 1 !important;
}

#checkout .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"]:hover,
.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"]:hover {
  background: #2a2a2a !important;
  border-color: #2a2a2a !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* Aktywny kod: bez tła, tekst po lewej, Usuń takiej samej wielkości jak Dodaj. */
#checkout .emalia-product-code-active-inline,
.emalia-product-code-active-inline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 92px !important;
  column-gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#checkout .emalia-product-code-active-inline__text,
.emalia-product-code-active-inline__text {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: #4b413a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

#checkout .emalia-product-code-active-inline__text span,
.emalia-product-code-active-inline__text span {
  color: #4b413a !important;
  font-weight: 500 !important;
}

#checkout .emalia-product-code-active-inline__text strong,
.emalia-product-code-active-inline__text strong {
  color: #111111 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#checkout .emalia-product-code-active-inline__form,
.emalia-product-code-active-inline__form {
  margin: 0 !important;
  padding: 0 !important;
  justify-self: end !important;
}

#checkout .emalia-product-code-active-inline__remove,
.emalia-product-code-active-inline__remove {
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: #111111 !important;
  border: 1px solid #111111 !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 36px !important;
  text-align: center !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease !important;
}

#checkout .emalia-product-code-active-inline__remove:hover,
.emalia-product-code-active-inline__remove:hover {
  background: #2a2a2a !important;
  border-color: #2a2a2a !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* Mobile: zachowujemy jeden wiersz i czytelny placeholder. */
@media (max-width: 480px) {
  #checkout .emalia-product-code-native-wrapper .promo-input-button,
  #checkout .emalia-product-code-native-wrapper .promo-input-button.d-f,
  .emalia-product-code-native-wrapper .promo-input-button,
  .emalia-product-code-native-wrapper .promo-input-button.d-f,
  #checkout .emalia-product-code-active-inline,
  .emalia-product-code-active-inline {
    grid-template-columns: minmax(140px, 1fr) 86px !important;
    column-gap: 8px !important;
    padding: 7px 8px !important;
  }

  #checkout .emalia-product-code-native-wrapper input.promo-input,
  #checkout .emalia-product-code-native-wrapper input[name="discount_name"],
  .emalia-product-code-native-wrapper input.promo-input,
  .emalia-product-code-native-wrapper input[name="discount_name"] {
    min-width: 140px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
    line-height: 34px !important;
  }

  #checkout .emalia-product-code-native-wrapper input.promo-input::placeholder,
  #checkout .emalia-product-code-native-wrapper input[name="discount_name"]::placeholder,
  .emalia-product-code-native-wrapper input.promo-input::placeholder,
  .emalia-product-code-native-wrapper input[name="discount_name"]::placeholder {
    font-size: 12px !important;
  }

  #checkout .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
  #checkout .emalia-product-code-native-wrapper .promo-input-button .btn,
  #checkout .emalia-product-code-native-wrapper .promo-input-button button[type="submit"],
  .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
  .emalia-product-code-native-wrapper .promo-input-button .btn,
  .emalia-product-code-native-wrapper .promo-input-button button[type="submit"],
  #checkout .emalia-product-code-active-inline__remove,
  .emalia-product-code-active-inline__remove {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
    line-height: 34px !important;
  }

  #checkout .emalia-product-code-active-inline__text,
  .emalia-product-code-active-inline__text,
  #checkout .emalia-product-code-active-inline__text strong,
  .emalia-product-code-active-inline__text strong {
    font-size: 12px !important;
  }
}


/* =========================================================
   EMALIA RYBNIK - FINALNY OVERRIDE POLA KODU RABATOWEGO
   Moduł: EMALIA - Kody produktowe / emaliakodyproduktowe
   Wersja: 1.0.15
   Cel: wyrównanie przycisków Dodaj/Usuń do prawej, identyczna wielkość
   ========================================================= */
#checkout .emalia-product-code-native-wrapper,
.emalia-product-code-native-wrapper,
#checkout .card-block.block-promo.emalia-product-code-native-wrapper,
.card-block.block-promo.emalia-product-code-native-wrapper {
  margin: 8px 0 10px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#checkout .emalia-product-code-native-wrapper .promo-code,
.emalia-product-code-native-wrapper .promo-code {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Wiersz: input po lewej, Dodaj po prawej. Bez tła i bez ramki całego bloku. */
#checkout .emalia-product-code-native-wrapper .promo-input-button,
#checkout .emalia-product-code-native-wrapper .promo-input-button.d-f,
.emalia-product-code-native-wrapper .promo-input-button,
.emalia-product-code-native-wrapper .promo-input-button.d-f {
  display: grid !important;
  grid-template-columns: minmax(150px, 1fr) 92px !important;
  align-items: center !important;
  column-gap: 10px !important;
  width: 100% !important;
  margin: 8px 0 8px 0 !important;
  padding: 0 12px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#checkout .emalia-product-code-native-wrapper input.promo-input,
#checkout .emalia-product-code-native-wrapper input[name="discount_name"],
.emalia-product-code-native-wrapper input.promo-input,
.emalia-product-code-native-wrapper input[name="discount_name"] {
  grid-column: 1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 150px !important;
  max-width: none !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 15px !important;
  background: #ffffff !important;
  border: 1px solid #eadfd3 !important;
  border-radius: 15px !important;
  color: #2d2620 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 36px !important;
  text-align: left !important;
  box-shadow: none !important;
  outline: none !important;
}

#checkout .emalia-product-code-native-wrapper input.promo-input::placeholder,
#checkout .emalia-product-code-native-wrapper input[name="discount_name"]::placeholder,
.emalia-product-code-native-wrapper input.promo-input::placeholder,
.emalia-product-code-native-wrapper input[name="discount_name"]::placeholder {
  color: #b7aaa0 !important;
  opacity: 1 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Dodaj = identyczny rozmiar jak Usuń. */
#checkout .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
#checkout .emalia-product-code-native-wrapper .promo-input-button .btn,
#checkout .emalia-product-code-native-wrapper .promo-input-button button[type="submit"],
.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
.emalia-product-code-native-wrapper .promo-input-button .btn,
.emalia-product-code-native-wrapper .promo-input-button button[type="submit"] {
  grid-column: 2 !important;
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #111111 !important;
  border: 1px solid #111111 !important;
  border-radius: 15px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 36px !important;
  text-align: center !important;
  text-transform: none !important;
  box-shadow: none !important;
}

/* Wiersz aktywnego kodu: tekst po lewej, Usuń dokładnie pod Dodaj. */
#checkout .emalia-product-code-active-inline,
.emalia-product-code-active-inline {
  display: grid !important;
  grid-template-columns: minmax(150px, 1fr) 92px !important;
  align-items: center !important;
  column-gap: 10px !important;
  width: 100% !important;
  min-height: 36px !important;
  margin: 4px 0 10px 0 !important;
  padding: 0 12px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#checkout .emalia-product-code-active-inline__text,
.emalia-product-code-active-inline__text {
  grid-column: 1 !important;
  justify-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: #4b413a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

#checkout .emalia-product-code-active-inline__form,
.emalia-product-code-active-inline__form {
  grid-column: 2 !important;
  justify-self: end !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
}

#checkout .emalia-product-code-active-inline__remove,
.emalia-product-code-active-inline__remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #111111 !important;
  border: 1px solid #111111 !important;
  border-radius: 15px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 36px !important;
  text-align: center !important;
  text-transform: none !important;
  box-shadow: none !important;
}

#checkout .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"]:hover,
.emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"]:hover,
#checkout .emalia-product-code-active-inline__remove:hover,
.emalia-product-code-active-inline__remove:hover {
  background: #2a2a2a !important;
  border-color: #2a2a2a !important;
  color: #ffffff !important;
}

@media (max-width: 480px) {
  #checkout .emalia-product-code-native-wrapper .promo-input-button,
  #checkout .emalia-product-code-native-wrapper .promo-input-button.d-f,
  .emalia-product-code-native-wrapper .promo-input-button,
  .emalia-product-code-native-wrapper .promo-input-button.d-f,
  #checkout .emalia-product-code-active-inline,
  .emalia-product-code-active-inline {
    grid-template-columns: minmax(145px, 1fr) 86px !important;
    column-gap: 8px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #checkout .emalia-product-code-native-wrapper input.promo-input,
  #checkout .emalia-product-code-native-wrapper input[name="discount_name"],
  .emalia-product-code-native-wrapper input.promo-input,
  .emalia-product-code-native-wrapper input[name="discount_name"] {
    min-width: 145px !important;
    height: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
    font-size: 12px !important;
  }

  #checkout .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
  #checkout .emalia-product-code-native-wrapper .promo-input-button .btn,
  #checkout .emalia-product-code-native-wrapper .promo-input-button button[type="submit"],
  .emalia-product-code-native-wrapper button[data-link-action="x-add-voucher"],
  .emalia-product-code-native-wrapper .promo-input-button .btn,
  .emalia-product-code-native-wrapper .promo-input-button button[type="submit"],
  #checkout .emalia-product-code-active-inline__form,
  .emalia-product-code-active-inline__form,
  #checkout .emalia-product-code-active-inline__remove,
  .emalia-product-code-active-inline__remove {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
  }
}

/* =========================================================
   EMALIA RYBNIK - FINALNY CSS KODU RABATOWEGO V1.0.16
   Moduł: emaliakodyproduktowe
   Działa dla desktop + mobile
   Wbudowane w moduł - nie trzeba dodawać do custom.css
   ========================================================= */
body#checkout .cart-voucher.emalia-product-code-native-wrapper,
body#cart .cart-voucher.emalia-product-code-native-wrapper,
#checkout .cart-voucher.emalia-product-code-native-wrapper,
#cart .cart-voucher.emalia-product-code-native-wrapper {
    width: 100% !important;
    padding: 10px 0 8px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper > p,
body#cart .cart-voucher.emalia-product-code-native-wrapper > p,
#checkout .cart-voucher.emalia-product-code-native-wrapper > p,
#cart .cart-voucher.emalia-product-code-native-wrapper > p {
    display: none !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-code,
body#cart .cart-voucher.emalia-product-code-native-wrapper .promo-code,
#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-code,
#cart .cart-voucher.emalia-product-code-native-wrapper .promo-code {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-standard-form,
body#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-standard-form,
#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-standard-form,
#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-standard-form,
body#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button,
body#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button,
#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button,
#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input,
body#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input,
#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input,
#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
    height: 32px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    color: #2b211b !important;
    background: #ffffff !important;
    border: 1px solid #e2d3c2 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    outline: none !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input::placeholder,
body#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input::placeholder,
#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input::placeholder,
#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input::placeholder {
    color: #b7a99b !important;
    opacity: 1 !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary,
body#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary,
#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary,
#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary,
body#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__remove,
body#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__remove,
#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__remove,
#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__remove {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    color: #ffffff !important;
    background: #111111 !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    text-transform: none !important;
    overflow: hidden !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary,
body#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary,
#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary,
#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary::before,
body#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary::after,
body#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary::before,
body#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary::after,
#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary::before,
#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary::after,
#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary::before,
#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary::after {
    display: none !important;
    content: none !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary span,
body#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary span,
#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary span,
#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary span {
    display: block !important;
    width: 100% !important;
    height: 32px !important;
    line-height: 32px !important;
    color: #ffffff !important;
    background: transparent !important;
    text-align: center !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline,
body#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline,
#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline,
#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 8px 0 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text,
body#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text,
#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text,
#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text {
    display: flex !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    align-items: center !important;
    gap: 5px !important;
    height: 32px !important;
    max-width: calc(100% - 94px) !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 32px !important;
    color: #2b211b !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text span,
body#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text span,
#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text span,
#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text span {
    font-weight: 400 !important;
    color: #6d5d50 !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text strong,
body#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text strong,
#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text strong,
#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text strong {
    font-weight: 700 !important;
    color: #111111 !important;
}

body#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__form,
body#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__form,
#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__form,
#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__form {
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Cena z kodem - kod mniej agresywny wizualnie */
.emalia-product-code-product-discount .emalia-product-code-badge-code {
    color: #6d5d50 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
}

/* Wiersz rabatu w podsumowaniu koszyka */
.emalia-product-code-summary-discount {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: #6d5d50 !important;
    border: 0 !important;
    background: transparent !important;
}

.emalia-product-code-summary-discount strong {
    color: #8b2f24 !important;
    font-weight: 700 !important;
}

@media (max-width: 575px) {
    body#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input,
    body#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input,
    #checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input,
    #cart .cart-voucher.emalia-product-code-native-wrapper .promo-input {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }

    body#checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary,
    body#cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary,
    #checkout .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary,
    #cart .cart-voucher.emalia-product-code-native-wrapper .promo-input-button button.btn.btn-primary,
    body#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__form,
    body#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__form,
    #checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__form,
    #cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__form,
    body#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__remove,
    body#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__remove,
    #checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__remove,
    #cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__remove {
        width: 76px !important;
        min-width: 76px !important;
        max-width: 76px !important;
    }

    body#checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text,
    body#cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text,
    #checkout .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text,
    #cart .cart-voucher.emalia-product-code-native-wrapper .emalia-product-code-active-inline__text {
        max-width: calc(100% - 88px) !important;
        font-size: 12px !important;
    }
}


/* =========================================================
   EMALIA RYBNIK - RABAT Z KODU W PODSUMOWANIU PRODUKTÓW
   Moduł: emaliakodyproduktowe
   Działa dla desktop + mobile
   Wiersz rabatu jest przeniesiony nad pole kodu, przy produktach i wysyłce
   ========================================================= */
body#checkout .emalia-product-code-summary-discount,
body#cart .emalia-product-code-summary-discount,
#checkout .emalia-product-code-summary-discount,
#cart .emalia-product-code-summary-discount {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 4px 0 8px 0 !important;
    margin: 0 0 2px 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: #2b211b !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #ead8c3 !important;
    box-shadow: none !important;
}

body#checkout .emalia-product-code-summary-discount span,
body#cart .emalia-product-code-summary-discount span,
#checkout .emalia-product-code-summary-discount span,
#cart .emalia-product-code-summary-discount span {
    font-weight: 400 !important;
    color: #2b211b !important;
}

body#checkout .emalia-product-code-summary-discount strong,
body#cart .emalia-product-code-summary-discount strong,
#checkout .emalia-product-code-summary-discount strong,
#cart .emalia-product-code-summary-discount strong {
    color: #8b2f24 !important;
    font-weight: 700 !important;
    text-align: right !important;
}

/* Pole kodu po przeniesieniu rabatu jest optycznie oddzielone od podsumowania */
body#checkout .card-block.block-promo,
body#cart .card-block.block-promo,
#checkout .card-block.block-promo,
#cart .card-block.block-promo {
    padding-top: 10px !important;
}