/* =========================================================
   KOMIKSAN STEP 12 REPLACE
   Hlavní nákupní/košíková CTA tlačítka: Komiksan růžová + bílý text
   Soubor: komiksan-step12-replace-main-cta-buttons-pink-white.css
   FTP: /upload/komiksan-step12-replace-main-cta-buttons-pink-white.css
   WEB: /user/documents/upload/komiksan-step12-replace-main-cta-buttons-pink-white.css

   Nahrazuje starý soubor:
   komiksan-step12-cart-checkout-buttons-pink-white.css

   Důležité:
   - Řeší jen hlavní CTA tlačítka.
   - Neřeší kolečka kroků košíku.
   - Nesahá na mazací křížek / trash ikonu produktu.
   - Platí pro desktop i mobil.
   ========================================================= */

:root {
  --ks-step12-pink: #FF00D8;
  --ks-step12-blue: #1806FD;
  --ks-step12-white: #FFFFFF;
}

/* Hlavní nákupní CTA: Do košíku / Přidat do košíku */
button.btn-conversion,
a.btn-conversion,
input.btn-conversion,
button.btn-cart,
a.btn-cart,
input.btn-cart,
button.add-to-cart-button,
a.add-to-cart-button,
input.add-to-cart-button,
.p-detail button[type="submit"],
.p-detail input[type="submit"] {
  background: var(--ks-step12-pink) !important;
  background-color: var(--ks-step12-pink) !important;
  border-color: var(--ks-step12-pink) !important;
  color: var(--ks-step12-white) !important;
  fill: var(--ks-step12-white) !important;
  stroke: var(--ks-step12-white) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Košík / objednávka: pokračovací a objednávková CTA */
.cart-inner a.next-step,
.cart-inner button.next-step,
.cart-inner input.next-step,
.cart-inner a.btn-conversion,
.cart-inner button.btn-conversion,
.cart-inner input.btn-conversion,
.ordering-process a.next-step,
.ordering-process button.next-step,
.ordering-process input.next-step,
.ordering-process a.btn-conversion,
.ordering-process button.btn-conversion,
.ordering-process input.btn-conversion,
.ordering-process button[type="submit"].btn,
.ordering-process input[type="submit"].btn,
.checkout-box a.next-step,
.checkout-box button.next-step,
.checkout-box input.next-step,
.checkout-box a.btn-conversion,
.checkout-box button.btn-conversion,
.checkout-box input.btn-conversion,
.co-box a.next-step,
.co-box button.next-step,
.co-box input.next-step,
.co-box a.btn-conversion,
.co-box button.btn-conversion,
.co-box input.btn-conversion,
.cart-footer a.next-step,
.cart-footer button.next-step,
.cart-footer input.next-step,
.cart-footer a.btn-conversion,
.cart-footer button.btn-conversion,
.cart-footer input.btn-conversion {
  background: var(--ks-step12-pink) !important;
  background-color: var(--ks-step12-pink) !important;
  border-color: var(--ks-step12-pink) !important;
  color: var(--ks-step12-white) !important;
  fill: var(--ks-step12-white) !important;
  stroke: var(--ks-step12-white) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Text a ikony uvnitř hlavních CTA */
button.btn-conversion *,
a.btn-conversion *,
button.btn-cart *,
a.btn-cart *,
button.add-to-cart-button *,
a.add-to-cart-button *,
.cart-inner .next-step *,
.ordering-process .next-step *,
.checkout-box .next-step *,
.co-box .next-step *,
.cart-footer .next-step * {
  color: var(--ks-step12-white) !important;
  fill: var(--ks-step12-white) !important;
  stroke: var(--ks-step12-white) !important;
}

/* Hover hlavních CTA */
button.btn-conversion:hover,
a.btn-conversion:hover,
input.btn-conversion:hover,
button.btn-cart:hover,
a.btn-cart:hover,
input.btn-cart:hover,
button.add-to-cart-button:hover,
a.add-to-cart-button:hover,
input.add-to-cart-button:hover,
.p-detail button[type="submit"]:hover,
.p-detail input[type="submit"]:hover,
.cart-inner a.next-step:hover,
.cart-inner button.next-step:hover,
.cart-inner input.next-step:hover,
.cart-inner a.btn-conversion:hover,
.cart-inner button.btn-conversion:hover,
.cart-inner input.btn-conversion:hover,
.ordering-process a.next-step:hover,
.ordering-process button.next-step:hover,
.ordering-process input.next-step:hover,
.ordering-process a.btn-conversion:hover,
.ordering-process button.btn-conversion:hover,
.ordering-process input.btn-conversion:hover,
.ordering-process button[type="submit"].btn:hover,
.ordering-process input[type="submit"].btn:hover,
.checkout-box a.next-step:hover,
.checkout-box button.next-step:hover,
.checkout-box input.next-step:hover,
.checkout-box a.btn-conversion:hover,
.checkout-box button.btn-conversion:hover,
.checkout-box input.btn-conversion:hover,
.co-box a.next-step:hover,
.co-box button.next-step:hover,
.co-box input.next-step:hover,
.co-box a.btn-conversion:hover,
.co-box button.btn-conversion:hover,
.co-box input.btn-conversion:hover,
.cart-footer a.next-step:hover,
.cart-footer button.next-step:hover,
.cart-footer input.next-step:hover,
.cart-footer a.btn-conversion:hover,
.cart-footer button.btn-conversion:hover,
.cart-footer input.btn-conversion:hover {
  background: var(--ks-step12-blue) !important;
  background-color: var(--ks-step12-blue) !important;
  border-color: var(--ks-step12-blue) !important;
  color: var(--ks-step12-white) !important;
}

/* OCHRANA: mazání produktu nesmí dostat růžový/modrý podklad */
.cart-inner .remove,
.cart-inner .remove-item,
.cart-inner .delete,
.cart-inner .delete-item,
.cart-inner .remove-from-cart,
.cart-inner a[href*="remove"],
.cart-inner a[href*="delete"],
.cart-inner button[name*="remove"],
.cart-inner button[name*="delete"],
.ordering-process .remove,
.ordering-process .remove-item,
.ordering-process .delete,
.ordering-process .delete-item,
.ordering-process .remove-from-cart,
.ordering-process a[href*="remove"],
.ordering-process a[href*="delete"],
.ordering-process button[name*="remove"],
.ordering-process button[name*="delete"],
.cart-widget-window .remove,
.cart-widget-window .remove-item,
.cart-widget-window .delete,
.cart-widget-window .delete-item,
.cart-widget-window .remove-from-cart,
.cart-widget-window a[href*="remove"],
.cart-widget-window a[href*="delete"],
.cart-widget-window button[name*="remove"],
.cart-widget-window button[name*="delete"] {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
}