/**
 * booking-form-vue3-tax.css — Tax add-on styles for the Vue 3 summary.
 *
 * The tax box reuses the Lite/legacy amount-detail classes
 * (.bpa-front-module--bs-amount-details / .bpa-fm--bs-amount-item /
 * .bpa-front-total-payment-amount-label / .bpa-front-module--bs-ad--price),
 * so these rules only add the tax-specific accents (the Total row emphasis +
 * the inclusive label styling). Depends on the Lite front stylesheet.
 */

.bpa-front-module--bs-amount-details.bpa-is-tax-module-enable .bpa-fm--bs-amount-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* The grand-total row (Subtotal + Tax + Total) — emphasised like the Lite total. */
.bpa-front-module--bs-amount-details.bpa-is-tax-module-enable .bpa-is-tax-total {
  border-top: 1px solid var(--bpa-front-border-color, #e6e6e6);
  margin-top: 6px;
  padding-top: 8px;
}

.bpa-front-module--bs-amount-details.bpa-is-tax-module-enable .bpa-is-tax-total .bpa-front-total-payment-amount-label,
.bpa-front-module--bs-amount-details.bpa-is-tax-module-enable .bpa-is-tax-total .bpa-front-module--bs-ad--price {
  font-weight: 600;
}

/* The Tax line itself — slightly muted label to read as a breakdown row. */
.bpa-front-module--bs-amount-details.bpa-is-tax-module-enable .bpa-is-tax-row .bpa-front-total-payment-amount-label {
  opacity: 0.9;
}

/* Inclusive "(Inc. GST) …" line — informational, no top border. */
.bpa-front-module--bs-amount-details.bpa-is-tax-inclusive {
  margin-top: 4px;
}

.bpa-front-module--bs-amount-details.bpa-is-tax-inclusive .bpa-front-module--bs-ad--price {
  opacity: 0.85;
}

.bpa-front-module--bs-amount-details.bpa-is-tax-module-enable{
  padding:0;
}