/* The "coupon or gift card" panel in the Block cart and checkout (checkout.js; cards
   https://trello.com/c/eyFIRMg7, https://trello.com/c/DTbYhtou). Inherits the theme's text colour;
   the storefront theme is light-only. Rows line up with the order summary's own (16 px inset). */
.ncllc-gcc { display: flex; flex-direction: column; gap: 8px; padding: 0 16px; min-width: 0; }
/* WooCommerce pads every slot fill `16px 0` (.wc-block-components-totals-wrapper.slot-wrapper > * > *,
   two classes): one more class here, so the panel keeps the summary's 16 px inset. */
.wc-block-components-totals-wrapper .ncllc-gcc.ncllc-gcc--unified { padding: 4px 16px; }
.ncllc-gcc__row { display: flex; justify-content: space-between; gap: 4px 12px; align-items: baseline; flex-wrap: wrap; min-width: 0; overflow-wrap: anywhere; }
.ncllc-gcc--applied { padding: 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.11); }

/* The row that opens the box — easy to spot (card https://trello.com/c/DTbYhtou): a soft coral panel,
   larger bold type, a price-tag icon, a chevron like WooCommerce's panels. Deep coral on the pale
   panel is 7.1:1, 6.5:1 on hover (the storefront is light-only; see above). */
.ncllc-gcc__toggle {
  display: flex; align-items: center; gap: 10px; width: 100%; box-sizing: border-box;
  min-height: 52px; padding: 10px 14px; border: 1px solid #efc2bb; border-radius: 8px;
  background: #fdf1ef; color: #8f332b; font: inherit; font-size: max(16px, 1.08em);
  font-weight: 700; text-align: left; cursor: pointer;
}
.ncllc-gcc__toggle:hover { background: #fbe4e0; border-color: #e6a59b; }
.ncllc-gcc__toggle:focus-visible { outline: 2px solid #8f332b; outline-offset: 2px; }
.ncllc-gcc__icon { flex: 0 0 auto; }
.ncllc-gcc__label { flex: 1 1 auto; min-width: 0; }
.ncllc-gcc__chevron { flex: 0 0 auto; transition: transform 0.15s ease; }
.ncllc-gcc__chevron.is-open { transform: rotate(180deg); }

.ncllc-gcc__form { display: flex; flex-direction: column; gap: 8px; padding-bottom: 8px; }
.ncllc-gcc__line { display: flex; gap: 8px; align-items: flex-end; min-width: 0; }
.ncllc-gcc__line .ncllc-gcc__field { flex: 1 1 auto; }
.ncllc-gcc__field { display: flex; flex-direction: column; gap: 4px; min-width: 0; font-size: 0.9em; }
/* 16px+ text: iOS zooms the page into any field with smaller text when it is tapped. */
.ncllc-gcc__field input { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; min-height: 44px; padding: 8px 10px; font: inherit; font-size: max(16px, 1em); border: 1px solid #8a8a8a; border-radius: 4px; background: #ffffff; color: inherit; }
/* Apply: the checkout's call-to-action coral, darkened so white text reads (4.9:1). */
.ncllc-gcc__apply { flex: 0 0 auto; min-height: 44px; padding: 8px 18px; font: inherit; font-weight: 600; border: 0; border-radius: 4px; background: #c2493f; color: #ffffff; cursor: pointer; }
.ncllc-gcc__apply:hover { background: #a93d34; }
.ncllc-gcc__apply:disabled { opacity: 0.6; cursor: wait; }
.ncllc-gcc__link { align-self: flex-start; min-height: 44px; padding: 0; font: inherit; border: 0; background: none; color: inherit; text-decoration: underline; cursor: pointer; }
.ncllc-gcc__hint { margin: 0; font-size: 0.85em; opacity: 0.8; }
.ncllc-gcc__error { margin: 0; font-size: 0.9em; color: #b3261e; }
/* The theme styles summary paragraphs more specifically than the line above. */
.wc-block-components-totals-wrapper .ncllc-gcc p.ncllc-gcc__error { margin: 0; font-size: 15px; line-height: 1.35; color: #b3261e; }

/* WooCommerce's own "Add coupons" accordion steps aside — ONLY while the panel above is on the page
   (checkout.js sets the class). If the panel's script does not load, the stock coupon form shows. */
body.ncllc-gcc-unified .wp-block-woocommerce-checkout-order-summary-coupon-form-block,
body.ncllc-gcc-unified .wp-block-woocommerce-cart-order-summary-coupon-form-block { display: none; }

/* Store credit (Advanced Coupons; logged-in customers with a balance) renders into the same place:
   give its accordion row the same inset, weight and height as the row above. */
.wc-block-components-totals-wrapper .acfw-accordion.acfw-store-credits-checkout-ui { padding: 4px 16px; }
.acfw-store-credits-checkout-ui .acfw-accordion-title { min-height: 48px; display: flex; align-items: center; font-weight: 600; cursor: pointer; }
.acfw-store-credits-checkout-ui .acfw-checkout-form-button-field button,
.acfw-store-credits-checkout-ui button[type="submit"] { min-height: 44px; border-radius: 4px; background: #c2493f; color: #ffffff; border: 0; font-weight: 600; }