.elementor-922 .elementor-element.elementor-element-28a583f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-922 .elementor-element.elementor-element-9e463a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d63d1c8 */.v-checkout-header {
  background: #ffffff;
  border-bottom: 1px solid #f0f0f0;
  padding: 15px 0;
  font-family: sans-serif; /* Tai sama fontti kuin pääsivustolla */
}

.v-header-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}

.v-back-button {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 500;
  transition: opacity 0.2s;
  width: 160px; /* Vastaa spacerin kokoa */
}

.v-back-button:hover {
  opacity: 0.6;
}

.v-logo-section img {
  max-height: 35px;
  display: block;
}

.v-spacer {
  width: 160px; /* Pitää logon visuaalisesti keskellä */
}

/* Mobiiliversio */
@media (max-width: 768px) {
  .v-header-container {
    flex-direction: column;
    gap: 15px;
  }
  .v-spacer { display: none; }
  .v-back-button { width: auto; justify-content: center; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fb22b3 *//* Muutetaan violetti painike mustaksi (tai brändiväriksi) */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0px; /* Tai 4px jos haluat pyöristystä */
}

/* Muokataan myös "Käytä kuponki" ja "Päivitä ostoskori" painikkeita kevyemmiksi */
.woocommerce-cart td.actions .button {
    background-color: #f5f5f5 !important;
    color: #333 !important;
}/* End custom CSS */