/* =========================================================
   Buttons (Shoptet override)
   - sjednocení radiusu a typografie tlačítek
   - vlastní vzhled pro primary / add-to-cart
   - hover stav
   - úpravy objednávkového tlačítka v košíku
   ========================================================= */

/* Obecná tlačítka */
.btn,
button.btn {
  border-radius: 30px !important;
  font-weight: 500 !important;
}

/* Primary + Add to cart tlačítko */
.btn.add-to-cart-button,
a.btn.btn-primary {
  background-color: #fff !important;
  color: #00649d !important;
  border: 1px solid #9bd6f8 !important;

  text-transform: uppercase !important;
  border-radius: 30px !important;

  padding: 10px 24px !important;
  font-size: 14px !important;
  line-height: 1 !important;

  text-align: center !important;
  text-decoration: none !important;

  display: inline-block !important;
  white-space: nowrap !important;

  transition: all 0.3s ease !important;
}

/* Hover */
.btn.add-to-cart-button:hover,
a.btn.btn-primary:hover {
  background-color: #9bd6f8 !important;
  color: #fff !important;
}

/* =========================================================
   Checkout / Order button (Shoptet)
   - rozdělení textu a suffixu do dvou řádků
   ========================================================= */

.order-button-text {
  font-weight: 700 !important;
  line-height: 1.7 !important;
  font-size: 16px !important;
}

.order-button-suffix {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.7 !important;
}

/* Hlavní tlačítko odeslání objednávky */
#submit-order {
  min-width: 240px;
  padding: 12px 24px !important;
  border-radius: 30px !important;
  text-align: center;
}

/* U submit-order vynutíme blokové řádky */
#submit-order .order-button-text {
  display: block;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  margin-bottom: 2px;
}

#submit-order .order-button-suffix {
  display: block;
  font-size: 11px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   Quantity selector (množství)
   - vlastní "pill" box + tlačítka +/- a input
   ========================================================= */

.quantity {
  display: flex;
  align-items: stretch;

  border: 1px solid #ccc;
  border-radius: 20px;
  overflow: hidden;

  width: fit-content;
}

/* +/- tlačítka */
.quantity button.decrease,
.quantity button.increase {
  border: none;
  background: #fff;

  padding: 0 12px;
  font-size: 22px;
  line-height: 1;

  cursor: pointer;
}

/* Radius na krajích */
.quantity button.decrease {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}

.quantity button.increase {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

/* Input množství */
.quantity input.amount {
  border: none;
  width: 50px;

  text-align: center;
  font-size: 16px;
  outline: none;
}

/* Ikony + / - (pokud jsou jako span prvky) */
.quantity button.decrease .decrease__sign,
.quantity button.increase .increase__sign {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* =========================================================
   Mobile tweaks
   ========================================================= */

@media (max-width: 480px) {
  .btn.add-to-cart-button,
  a.btn.btn-primary {
    font-size: 12px !important;
    padding: 8px 16px !important;
  }
}


/* =========================================================
   Conversion add-to-cart button
   ========================================================= */

.btn.btn-conversion.add-to-cart-button{
  background-color:#9bd6f8!important;
  color:#fff!important;
  border-color:#9bd6f8!important;
}

/* Hover stav */
.btn.btn-conversion.add-to-cart-button:hover{
  background-color:#828282!important;
  color:#fff!important;
  border-color:#828282!important;
}