/* Amend 9 (4 October 2026): instalment schedules, Gold Bank lines, card logos,
   basket separators, product page details and wide Ways to pay boxes. */

/* ---- Klarna and ClearPay: Now, 2nd instalment, 3rd instalment ... */
.gft-a9-sched { display: grid; grid-template-columns: repeat(auto-fit, minmax(176px, 1fr)); gap: 8px 12px; margin: 0 0 8px; text-align: left; text-transform: none; letter-spacing: 0; }
.gft-a9-sched-one { display: block; min-width: 0; padding: 8px 10px 5px; background: #fff; border: 1px solid #E8DEC8; border-radius: 4px; }
.gft-a9-sched-head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 6px; font-size: 12.5px; line-height: 1.35; color: #23201A; }
.gft-a9-sched-head .gft-cc-logo { flex: 0 0 auto; }
.gft-a9-sched-sum b { font-weight: 700; color: #23201A; }
.gft-a9-sched-steps { display: block; }
.gft-a9-sched-step { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 4px 0; border-top: 1px dotted #D9CFB8; font-size: 12.5px; line-height: 1.4; color: #23201A; }
.gft-a9-sched-what { min-width: 0; font-weight: 600; }
.gft-a9-sched-when { font-weight: 400; font-size: 11.5px; color: #6E685D; white-space: nowrap; }
.gft-a9-sched-amt { flex: 0 0 auto; font-weight: 700; white-space: nowrap; color: #8A6420; }
.gft-a9-sched-amt .amount { color: #8A6420; font-weight: 700; }

/* ---- checkout: CHOOSE PAYMENT METHOD */
.gft-cc-paysel .gft-a9-bnpl .gft-a9-sched { margin-bottom: 8px; }
.gft-cc-paysel .gft-a9-must { display: block; margin-top: 4px; font-weight: 700; color: #23201A; }
.gft-cc-paysel .gft-a9-gb { display: block; margin: 0 0 8px; }
.gft-cc-paysel .gft-a9-gb-line { display: block; font-size: 14px; line-height: 1.5; font-weight: 600; color: #23201A; }
/* "Gold Bank account heading should also be in BOLD" (not greyed) */
.gft-cc-paysel .gft-paysel-opt.gft-paysel-goldbank .gft-paysel-name { color: #23201A; font-weight: 700; }
/* an option that cannot be used is faded as a whole (w5.css); for the Gold Bank
   Account only the explanation is, so its heading and figures read like the others */
.gft-cc-paysel .gft-paysel-opt.gft-paysel-goldbank.is-off > label { opacity: 1; }
.gft-cc-paysel .gft-paysel-opt.gft-paysel-goldbank.is-off > label > input,
.gft-cc-paysel .gft-paysel-opt.gft-paysel-goldbank.is-off .gft-cc-gb-head,
.gft-cc-paysel .gft-paysel-opt.gft-paysel-goldbank.is-off .gft-cc-gb-line,
.gft-cc-paysel .gft-paysel-opt.gft-paysel-goldbank.is-off .gft-paysel-why { opacity: .62; }

/* ---- basket: Options to Pay */
/* "The break lines between the different payment options need to standout" */
.cart_totals .gft-cc-opts-list > .gft-cc-opt { padding: 9px 0 !important; border-bottom: 1px solid #B9A46C; }
.cart_totals .gft-cc-opts-list > .gft-cc-opt:last-child { border-bottom: 0; padding-bottom: 2px !important; }
.cart_totals .gft-cc-opts-title { padding-bottom: 8px; margin-bottom: 0; border-bottom: 1px solid #B9A46C; }
.gft-cc-opt .gft-a9-gb { display: block; margin-top: 2px; }
.gft-cc-opt .gft-a9-gb-line { display: block; font-size: 12.5px; line-height: 1.45; font-weight: 600; color: #23201A; }
.gft-cc-opt .gft-a9-gb-more { display: block; margin-top: 1px; }
.gft-cc-opt .gft-a9-opt-must { display: block; margin-top: 2px; color: #23201A; }
.gft-cc-opt.gft-cc-opt-bank .gft-cc-opt-note { color: #23201A; }
.gft-cc-opt.gft-a9-opt-credit { display: block; }
.gft-cc-opt.gft-a9-opt-credit .gft-cc-opt-main { display: block; }
.gft-cc-opt.gft-a9-opt-credit .gft-a9-sched { grid-template-columns: 1fr; margin: 7px 0 0; }

/* ---- product page */
.single-product .summary .gft-a9-details { margin: 4px 0 14px; }
.single-product .summary .gft-a9-details-title { margin: 0 0 4px; font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #8C8577; }
.single-product .summary .gft-a9-details .woocommerce-product-details__short-description { margin: 0; font-size: 14px; line-height: 1.6; color: #23201A; }
.single-product .summary .gft-a9-details .woocommerce-product-details__short-description p { margin: 0 0 8px; }
.single-product .summary .gft-a9-details .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; }

/* Ways to pay: the card logos, and the wide boxes under By card and Bank transfer */
.gft-a9-cards { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; vertical-align: middle; }
.gft-a9-cardlogo { display: block; width: 38px; height: 24px; }
.single-product .gft-a7-pay .gft-pay-wide { grid-column: 1 / -1; }
.single-product .gft-a7-pay .gft-pay-reserve .gft-pay-head { font-size: 13px; color: #23201A; }
.single-product .gft-a7-pay .gft-pay-reserve .gft-pay-head .amount { color: #8A6420; font-weight: 700; }
.single-product .gft-a7-pay .gft-a9-credit .gft-a9-sched { margin: 8px 0 8px; }
.single-product .gft-a7-pay .gft-a9-credit .gft-a9-sched-one { background: #FBF8F1; }

@media (max-width: 480px) {
	.gft-a9-sched { grid-template-columns: 1fr; }
}

/* the Gold Bank row carries its figures under the name, so it uses the full width */
.gft-cc-opt.gft-cc-opt-goldbank .gft-cc-opt-fig:empty { display: none; }
.gft-cc-opt.gft-cc-opt-goldbank .gft-cc-opt-main { grid-column: 1 / -1; }

/* his "3 changes" (4 Oct): the Gold Bank value sits on the right, in the same
   colour and position as the other amounts */
.gft-a9-gb .gft-a9-gb-worth { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.gft-a9-gb .gft-a9-gb-amt { color: #8A6420; font-weight: 700; white-space: nowrap; text-align: right; }
.gft-cc-paysel .gft-a9-gb .gft-a9-gb-amt { font-size: 18px; }
.gft-cc-opt .gft-a9-gb .gft-a9-gb-amt { font-size: 13.5px; }
.gft-cc-paysel .gft-paysel-opt.gft-paysel-goldbank.is-off .gft-a9-gb-amt,
.gft-cc-opt.is-off .gft-a9-gb .gft-a9-gb-amt { color: #8A6420; }

/* 4 Oct: Card, Klarna or ClearPay is picked once, inside Pay by card */
.gft-a12-pick { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 10px 0 2px 28px; padding: 10px 12px; background: #fff; border: 1px solid #E5D7B5; border-radius: 4px; }
.gft-a12-pick-h { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: #23201A; }
.gft-a12-pick-o { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 4px 8px; border: 1px solid transparent; border-radius: 4px; cursor: pointer; font-size: 14px; }
.gft-a12-pick-o.is-on { border-color: #C6A44E; background: #FBF6EA; }
.gft-a12-pick-o input { margin: 0; }
@media (max-width: 480px) { .gft-a12-pick { margin-left: 0; } }