/* PRIZENTA buttons: one rounded-pill style across the customer site.
   Brand red #dd4a42 (palette); hover is the same red, slightly darker.
   Loaded after the theme (hb/css/style.css) and the form kit (forms.css). */

:root { --pz-red:#dd4a42; --pz-red-dark:#c43d35; }

/* Every theme / Bootstrap button, the form kit and product-card cart buttons */
.btn:not(.btn-link),
.pz .btn,
.pt-btn-addtocart,
.pt-product .pt-description .pt-row-hover .pt-btn-addtocart {
  border-radius: 999px !important;
}
.btn:not(.btn-link) { padding-left: 22px; padding-right: 22px; }
.pz .btn { padding-left: 1.15rem; padding-right: 1.15rem; }

/* Filled red buttons: hover darkens the red instead of turning dark grey */
.btn:not(.btn-link):not(.btn-border):not(.btn-secondary):not(.btn-light):not(.pz-ghost):not([class*="btn-outline-"]):hover,
.pt-product .pt-description .pt-row-hover .pt-btn-addtocart:hover {
  background-color: var(--pz-red-dark);
  color: #fff;
}

/* Outline button: red pill border, fills red on hover */
.btn.btn-border { color: var(--pz-red); }
.btn.btn-border:before { border: 2px solid var(--pz-red); border-radius: 999px; }
.btn.btn-border .pt-icon { color: var(--pz-red); }
.btn.btn-border:hover { background: var(--pz-red); color: #fff; }
.btn.btn-border:hover:before { border-width: 2px; border-color: var(--pz-red); }
.btn.btn-border:hover .pt-icon { color: #fff; }

/* Grey / white buttons keep their colours, just the pill shape */
.pz .btn.pz-ghost, .btn.btn-secondary, .btn.btn-light { border-radius: 999px !important; }