/* Tuotesivun "Lisää ostoskoriin" -painike */

/* Hover-efekti */

.woocommerce ul.products li.product a.button:hover,
.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
  background-color: #FC7326 !important;
  /* Hover-väri */
  color: #F4F0EC !important;
  /* Hover-teksti */
}

/* ostoskorin siirry kassalle nappi */

.wc-block-components-button__text {
  color: #ffffff;
}

/* Muuttaa ostoskorin "Siirry kassalle" -painikkeen taustavärin */

.woocommerce-cart .checkout-button {
  background-color: #fc640e !important;
  color: #ffffff !important;
}

/* Muuttaa "Päivitä ostoskori" -painikkeen taustavärin */

.woocommerce-cart .button[name="update_cart"] {
  background-color: #fc640e !important;
  color: #ffffff !important;
}

/* Hover-efekti painikkeille */

.woocommerce-cart .button:hover {
  background-color: #e46b26 !important;
  /* Tummentaa väriä hieman hoverilla */
}

/* Muuttaa "Käytä kuponki" -painikkeen taustavärin */

.woocommerce-cart .button[name="apply_coupon"] {
  background-color: #fc640e !important;
  color: #ffffff !important;
}

/* Varmistaa, että hover-efektissä väri ei muutu violettiin */

.woocommerce-cart .button[name="apply_coupon"]:hover {
  background-color: #e46b26 !important;
  /* Tummentaa väriä hieman */
  color: #ffffff !important;
}


#s-cnt .b-bn .b-tl.exp {
  color: #141414;
  border: none;
}

#s-c-bnc {
  border: none;
}

#s-sv-bn.c-bn.has-background.has-text-color {
  border: none;
}

#s-cnt button,
#s-cnt .b-bn,
#s-cnt .b-tl,
#s-cnt .b-tl.exp,
#s-c-bnc,
#s-sv-bn.c-bn.has-background.has-text-color,
#s-cnt .c-bn,
#s-cnt .b-bn .c-bn,
#s-cnt .b-bn .b-tl {
  border: none !important;
  box-shadow: none !important;
}

#cm,
#cm.mob {
    background-color: #F9FAFF !important;
    color: #141414 !important;
    border: none !important;
    box-shadow: none !important;
}

#cm *, 
#cm.mob * {
    border: none !important;
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Kaikki napit ja linkit desktop JA mobiili */
#cm button,
#cm a,
#cm .c-bn,
#cm .c-bn.c--primary,
#cm .c-bn.c--secondary,
#cm .b-tl,
#cm .b-bn,
#cm .has-background.has-text-color,
#cm.mob button,
#cm.mob a,
#cm.mob .c-bn,
#cm.mob .c-bn.c--primary,
#cm.mob .c-bn.c--secondary,
#cm.mob .b-tl,
#cm.mob .b-bn,
#cm.mob .has-background.has-text-color {
    background-color: #3859D0 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    cursor: pointer;
    text-decoration: none !important;
    display: inline-block;
    margin: 5px;
}

/* Hover-efekti molemmille */
#cm button:hover,
#cm a:hover,
#cm .c-bn:hover,
#cm .c-bn.c--primary:hover,
#cm .c-bn.c--secondary:hover,
#cm .b-tl:hover,
#cm .b-bn:hover,
#cm .has-background.has-text-color:hover,
#cm.mob button:hover,
#cm.mob a:hover,
#cm.mob .c-bn:hover,
#cm.mob .c-bn.c--primary:hover,
#cm.mob .c-bn.c--secondary:hover,
#cm.mob .b-tl:hover,
#cm.mob .b-bn:hover,
#cm.mob .has-background.has-text-color:hover {
    background-color: #2f4db2 !important;
    color: #ffffff !important;
}