/*
 * formal-checkout-footer-ordered-layout-20260601-v2.css
 * Make checkout footer scan in two clear rows:
 * amount summary first, actions second and right-aligned.
 */

.checkout-page .checkout-footer .footer-container,
.checkout-page .checkout-footer .footer-container[data-v-42b95aac] {
  align-items: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
  justify-content: flex-start !important;
  padding: 24px 26px !important;
}

.checkout-page .checkout-footer .price-summary,
.checkout-page .checkout-footer .price-summary[data-v-42b95aac] {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  gap: 28px !important;
  min-width: 0 !important;
  width: 100% !important;
}

.checkout-page .checkout-footer .summary-item,
.checkout-page .checkout-footer .summary-item[data-v-42b95aac] {
  align-items: baseline !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: 7px !important;
  line-height: 1.2 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

.checkout-page .checkout-footer .summary-item .label,
.checkout-page .checkout-footer .summary-item .label[data-v-42b95aac] {
  color: #606975 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.checkout-page .checkout-footer .summary-item .value,
.checkout-page .checkout-footer .summary-item .value[data-v-42b95aac] {
  color: #2f3542 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

.checkout-page .checkout-footer .summary-item-coupon .value,
.checkout-page .checkout-footer .summary-item-coupon .value[data-v-42b95aac],
.checkout-page .checkout-footer .summary-item-cash .value,
.checkout-page .checkout-footer .summary-item-cash .value[data-v-42b95aac] {
  color: #1f5f8b !important;
}

.checkout-page .checkout-footer .summary-item.total,
.checkout-page .checkout-footer .summary-item.total[data-v-42b95aac] {
  align-items: baseline !important;
  border-left: 1px solid #dce4f2 !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  padding-left: 28px !important;
}

.checkout-page .checkout-footer .summary-item.total .label,
.checkout-page .checkout-footer .summary-item.total .label[data-v-42b95aac] {
  color: #4e5663 !important;
  font-size: 16px !important;
}

.checkout-page .checkout-footer .summary-item.total .value,
.checkout-page .checkout-footer .summary-item.total .value[data-v-42b95aac] {
  color: #f05daf !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.checkout-page .checkout-footer .footer-actions,
.checkout-page .checkout-footer .footer-actions[data-v-42b95aac] {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
  justify-content: flex-end !important;
  width: 100% !important;
}

.checkout-page .checkout-footer .footer-actions .el-button,
.checkout-page .checkout-footer .footer-actions .el-button[data-v-42b95aac] {
  flex: 0 0 170px !important;
  min-width: 170px !important;
}

.checkout-page .checkout-footer .footer-actions .el-button:not(.el-button--primary),
.checkout-page .checkout-footer .footer-actions .el-button:not(.el-button--primary)[data-v-42b95aac] {
  order: 1 !important;
}

.checkout-page .checkout-footer .footer-actions .el-button--primary,
.checkout-page .checkout-footer .footer-actions .el-button--primary[data-v-42b95aac] {
  order: 2 !important;
}

@media (width <= 900px) {
  .checkout-page .checkout-footer .price-summary,
  .checkout-page .checkout-footer .price-summary[data-v-42b95aac] {
    flex-wrap: wrap !important;
    gap: 12px 22px !important;
  }

  .checkout-page .checkout-footer .summary-item.total,
  .checkout-page .checkout-footer .summary-item.total[data-v-42b95aac] {
    border-left: 0 !important;
    flex-basis: 100% !important;
    justify-content: flex-end !important;
    padding-left: 0 !important;
  }
}

@media (width <= 640px) {
  .checkout-page .checkout-footer .footer-actions,
  .checkout-page .checkout-footer .footer-actions[data-v-42b95aac] {
    align-items: stretch !important;
    flex-direction: column-reverse !important;
  }

  .checkout-page .checkout-footer .footer-actions .el-button,
  .checkout-page .checkout-footer .footer-actions .el-button[data-v-42b95aac] {
    flex-basis: auto !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}