.elementor-28 .elementor-element.elementor-element-c07d75b{--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;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}@media(max-width:1366px){.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1024px){.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-964de2b */@media (max-width: 921px) {

  /* 1. Paksa area actions mengikuti lebar parent tabel & container */
  .woocommerce table.cart td.actions {
    display: block !important;   /* boleh block, tapi harus 100% */
    width: 100% !important;     /* ini kunci agar tidak mengecil */
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 2. Buat Update Cart button 100% dari area actions */
  .woocommerce table.cart td.actions > button.button[name="update_cart"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important; /* optional jika mau tetap rata tengah */
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-sizing: border-box !important;
  }

}
.woocommerce table.cart td.actions .button[name="apply_coupon"],
.woocommerce-js .cart .button[name="apply_coupon"] {
    height: 37px !important;  /* ganti angka ini sesuai tinggi yang kamu mau */
    min-height: 37px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 16px !important;
}
.woocommerce table.cart td.actions .button[name="apply_coupon"],
.woocommerce-js .cart .button[name="apply_coupon"] {
    color: #fff !important; /* ganti warna teks di sini */
}

/* Atur tinggi button Update Cart */
.woocommerce-js .cart .button[name="update_cart"],
.woocommerce .cart td.actions .button[name="update_cart"] {
    height: 37px !important;  /* ganti sesuai kebutuhan */
    min-height: 37px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Atur warna teks */
.woocommerce-js .cart .button[name="update_cart"],
.woocommerce-js .cart .button[name="update_cart"]:disabled {
    color: #fff !important; /* ganti warna teks di sini */
}

/* Style umum Proceed to Checkout */
.wc-proceed-to-checkout .checkout-button {
    height: 47px !important;     /* tinggi button */
    min-height: 47px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    padding: 0 16px !important;
    color: #ffff !important;   /* warna teks */
}

/* Jika button disabled (jarang di sini tapi jaga-jaga) */
.wc-proceed-to-checkout .checkout-button:disabled,
.wc-proceed-to-checkout .checkout-button.disabled {
    color: #000000 !important;
}

/* Khusus MOBILE: full width mengikuti container */
@media only screen and (max-width: 768px) {
    .wc-proceed-to-checkout .checkout-button {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        text-align: center !important;
    }
}


/* Atur tinggi + warna teks Return to Shop */
.button.wc-backward,
.woocommerce-js a.button.wc-backward {
    background-color: #ff843c !important; /* background gelap */
    color: #ffffff !important;            /* teks putih */
    height: 45px !important;       
    min-height: 45px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 16px !important;
    border: none;
}

/* Mobile follow container */
@media only screen and (max-width: 768px) {
  .button.wc-backward {
      width: 100% !important;
      display: flex !important;
  }
}/* End custom CSS */