/* Zaoblena tlacitka - stejny styl jako "Pridat do kosika" na detailu produktu.
   .btn je sdilena trida, takze tohle zaobli tlacitka po celem webu, ne jen
   v kosiku (Do kosika, Pokracovat, Pridat kupon apod.) */
.btn {
  border-radius: 999px !important;
}

/* Zaobli i levou stranu vstupu vedle tlacitka "Pridat" u slevoveho kuponu -
   prava strana zustava hranata, web to tak uz ma nastavene (at to plynule
   navazuje na zaoblene tlacitko vpravo) */
.discount-coupon input {
  border-top-left-radius: 999px !important;
  border-bottom-left-radius: 999px !important;
}

/* Tlacitko "Pridat" melo zaoblenou i levou stranu (z obecneho .btn pravidla),
   coz proti hranate prave strane inputu delalo ten viditelny sev/linku -
   levou stranu tlacitka proto srovnavame zpatky na hranatou. */
.discount-coupon button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Na detailu produktu ma tlacitko "Pridat do kosiku" specifictejsi pravidlo
   s vyssi prioritou, ktere prebiji obecnou .btn definici vyse - cilime
   proto primo na kombinaci trid a ID formulare pro jistotu */
#product-detail-form button.btn,
button.btn.btn-conversion.add-to-cart-button {
  border-radius: 999px !important;
}

/* Tento kod uz existuje na SK mimo tento soubor - pridavam ho sem, at je
   vse pro tlacitka pohromade na jednom miste pro CZ nasazeni. Zaobluje
   primo obalujici div .add-to-cart (30px) s overflow:hidden, cimz oriznout
   i button uvnitr - pravdepodobne skutecny mechanismus zaobleni na SK. */
.add-to-cart {
  border-radius: 30px !important;
  overflow: hidden !important;
}
.favourite-detail {
  border-radius: 50% !important;
  overflow: hidden !important;
}
.add-to-cart-button {
  transition: filter 0.15s ease !important;
}
.add-to-cart-button:hover {
  filter: brightness(0.9) !important;
}

/* Odznaky typu NOVINKA na kartach produktu */
.flag {
  font-size: 13px !important;
  border-radius: 20px !important;
  padding: 6px 14px !important;
  text-transform: uppercase !important;
}