/* ===========================================================================
   SchoolNotes v38 - fixes the checkout/coupon flow surfaces + CTA placement.
   Loads last so it wins.
   =========================================================================== */

/* ---- "Proceed to Buy" sits in the bottom-right corner of the summary ---- */
.cart-cta-row {
  display: flex;
  justify-content: flex-end;   /* right edge */
  align-items: center;
  margin-top: 14px;
}
.cart-cta-row .cart-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;                 /* never full width */
  padding: 13px 26px;
  border-radius: 999px;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: 0 5px 16px rgba(201, 134, 15, .34);
}
@media (max-width: 900px) {
  /* on a phone the sticky bar already carries the CTA, so keep this one full
     width for an easy thumb target */
  .cart-cta-row { justify-content: stretch; }
  .cart-cta-row .cart-cta-btn { width: 100%; justify-content: center; }
}

/* ---- coupon: never two lines, and a clear inline error ---- */
.coupon-box .cc-coupon-apply { flex: 0 0 auto; }
#coupon-msg.coupon-msg-error { color: #B71C1C; font-weight: 600; }
#coupon-msg.coupon-msg-error i { margin-right: 4px; }

/* ---- checkout: the pay button is full width inside the details card,
        which on desktop is the LEFT column; keep it tidy there ---- */
.checkout-page .checkout-pay-btn { border-radius: 10px; }