/* ================== scoped styles with woo-thankyou- prefix ================== */
	/* ✅ Woo Thank You page container responsive spacing */
	.woocommerce-order-received .ast-container,
	.woocommerce-order-received .ast-container-fluid {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/* ✅ Tablet and below: remove any unwanted top space */
	@media (max-width: 1024px) {

		.woocommerce-order-received .ast-container,
		.woocommerce-order-received .ast-container-fluid {
			margin-top: 0 !important;
		}
	}

	/* ✅ Mobile tighten just a little */
	@media (max-width: 768px) {

		.woocommerce-order-received .ast-container,
		.woocommerce-order-received .ast-container-fluid {
			padding-left: 16px !important;
			padding-right: 16px !important;
		}
	}

	/* ✅ Extra small screen fallback */
	@media (max-width: 480px) {

		.woocommerce-order-received .ast-container,
		.woocommerce-order-received .ast-container-fluid {
			padding-left: 12px !important;
			padding-right: 12px !important;
		}
	}

	.woocommerce-order-received ul.order_details,
	.woocommerce-order-received ul.woocommerce-order-overview {
		display: none !important;
	}

	/* Hide order details table */
	.woocommerce-order-received .woocommerce-order-details {
		display: none !important;
	}

	.woo-thankyou-wrap {
		max-width: 720px;
		margin: 24px auto;
		border-radius: 16px;
		background: #fff;
		border: 1px solid #e8edf3;
		box-shadow: 0 10px 24px rgba(2, 27, 50, .06);
		overflow: hidden
	}

	.woo-thankyou-head {
		padding: 24px;
		border-bottom: 1px solid #eef2f7;
	}

	.woo-thankyou-check {
		width: 49px;
		height: 49px;
		border-radius: 999px;
		background: #17A34A;
		display: inline-flex;
		justify-content: center;
		color: #fff;
		font-weight: 800;
		font-size: 26px;
		align-items: center;
	}

	.woocommerce-order-received h3.woo-thankyou-title {
		font-size: 24px !important;
		line-height: 1.3;
		margin-bottom: 0;
		margin-top: 20px !important;
		color: #021B32 !important;
	}

	.woo-thankyou-subtl {
		color: #656A76;
		margin: 5px 0 !important;
		line-height: 1.5;
	}

	.woo-thankyou-body {
		padding: 16px 24px 24px
	}

	/* Gray header bar for card */
	.woo-thankyou-card {
		background: #fff;
		border: 1px solid #e4eaf4;
		border-radius: 12px;
		overflow: hidden;
		max-width: 560px;
		margin: 0 auto;
	}

	/* Header section with gray fill */
	.woo-thankyou-card-head {
		background-color: #f7f8fa;
		padding: 10px 20px;
		border-bottom: 1px solid #e4eaf4;
	}

	h5.woo-thankyou-section-title {
		margin: 0;
		font-size: 16px;
		font-weight: 700;
		color: #021B32;
	}

	p.woo-thankyou-section-title {
		font-size: 16px;
		margin-bottom: 0 !important;
		font-weight: 600;
		line-height: 1.5;
		letter-spacing: 0;
		color: #021B32;
	}



	.woo-thankyou-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 12px;
		padding: 0 12px;
	}

	/* Stack Amount + Reference vertically for BACS */
	.woo-thankyou-grid--bacs {
		grid-template-columns: 1fr;
		/* single column */
		gap: 0;
	}

	.woo-thankyou-grid--bacs .woo-thankyou-amount-due,
	.woo-thankyou-grid--bacs .woo-thankyou-ref-number {
		margin-bottom: 0 !important;
	}

	/* Bigger amount on BACS */
	.woo-thankyou-grid--bacs .woo-thankyou-amount {
		font-size: 20px !important;
		/* bump size */
		line-height: 1.15;
	}

	/* Optional: breathe a bit more */
	.woo-thankyou-grid--bacs .woo-thankyou-row {
		padding: 8px 12px;
	}

	.woo-thankyou-row {
		display: flex;
		flex-direction: column;
		/* align-items: center; */
		justify-content: space-between;
		background: #fff;
		/* border: 1px solid #e4eaf4; */
		border-radius: 12px;
		font-size: 14px;
	}

	.woo-thankyou-row .woo-thankyou-date-paid,
	.woo-thankyou-row .woo-thankyou-amount-paid,
	.woo-thankyou-row .woo-thankyou-ref-number {
		margin-bottom: 0 !important;
	}

	.woo-thankyou-amount {
		font-size: 28px;
		font-weight: 800;
		letter-spacing: .2px;
		display: flex;
		align-items: center;
		gap: 8px
	}

	.woo-thankyou-dot {
		width: 20px;
		height: 20px;
		border-radius: 999px;
		background: #17A34A;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-size: 12px;
	}

	.woo-thankyou-note {
		margin: 12px;
		font-size: 14px;
		color: #05559F;
		font-weight: 500;
		background: #eef6ff;
		border: 1px solid #d8e9ff;
		border-radius: 12px;
		padding: 10px 20px;
		line-height: 1.5;
	}

	.woo-thankyou-copybtn {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 6px 12px;
		border-radius: 8px;
		background: #fff;
		color: #05559F;
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		cursor: pointer;
		transition: background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
	}

	.woo-thankyou-copybtn i {
		font-size: 14px;
	}

	/* Hover/Focus */
	.woo-thankyou-copybtn:hover {
		background: #05559F;
		color: #fff;
	}

	.woo-thankyou-copybtn:focus {
		background: #fff;
		color: #05559F;
	}

	/* Copied state */
	.woo-thankyou-copybtn.is-copied {
		background: #05559F;
		color: #fff;
		border-color: #05559F;
		box-shadow: 0 0 0 2px rgba(5, 85, 159, .15) inset;
	}

	.woo-thankyou-acc {
		border: 1px solid #e4eaf4;
		border-radius: 12px;
		overflow: hidden;
		margin: 12px;
	}

	.woo-thankyou-acc-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 20px;
		background: #f7f9fc;
		cursor: pointer;
	}

	h5.woo-thankyou-acc-title {
		margin: 0 !important;
		/* font-weight: 700; */
		font-size: 14px;
		color: #1C1E22 !important;
	}

	.woo-thankyou-acc-body {
		display: none;
		padding: 8px 16px 16px 16px;
		background: #fff
	}

	.woo-thankyou-bank-block {
		margin-top: 8px
	}

	.woo-thankyou-bank-label {
		margin: 0;
		color: #656A76;
		font-size: 14px;
		line-height: 1.5;
	}

	.woo-thankyou-bank-line {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 12px;
		font-size: 14px;
		background: #fff;
		margin-top: 8px;
	}

	.woo-thankyou-cta {
		margin-top: 14px
	}

	.woo-thankyou-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 5px 10px;
		width: 100%;
		border-radius: 999px;
		border: none;
		cursor: pointer;
		text-decoration: none;
	}

	.woo-thankyou-btn-primary {
		background: #07274a;
		color: #fff;
		box-shadow: 0 0 0 rgba(7, 39, 74, 0);
		/* no glow initially */
		transition: all 0.3s ease;
	}

	.woo-thankyou-btn-primary:hover {
		background: #0b3b75;
		color: #fff;
		box-shadow: 0 0 12px rgba(7, 39, 74, 0.6);
		/* subtle glow */
		transform: translateY(-1px);
		/* small lift on hover */
	}

	a.woo-thankyou-btn.woo-thankyou-btn-primary:focus {
		color: white;
	}

	.woo-thankyou-next {
		padding: 10px 20px;
	}

	.woo-thankyou-muted {
		font-size: 14px;
		color: #656A76;
		margin: 5px 0 30px 0 !important;
		font-weight: 600;
		line-height: 1.5;
	}

	p.woo-thankyou-muted-bottom {
		margin-top: 12px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
		max-width: 400px;
		margin: 0 auto !important;
		text-align: center !important;
		color: #021B32;
		padding: 10px 10px 20px 10px !important;
	}

	/* --- Thank-you footer (screenshot style) --- */
	.woo-thankyou-footer {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		padding: 16px;
		border-top: 1px solid #eef2f7;
	}

	.woo-thankyou-footer strong {
		display: block;
		font-size: 14px;
		color: #0b2746;
		margin-bottom: 0;
		font-size: 14px;
	}

	.woo-thankyou-footer .woo-thankyou-help {
		color: #6b7480;
		font-size: 14px;
		line-height: 1.45;
	}

	/* Button = rounded, light grey, dark text (not full-width) */
	.woo-thankyou-footer .woo-thankyou-btn {
		width: auto;
		border-radius: 999px;
		background: #E9EBED;
		color: #0b2746;
		padding: 5px 20px;
		font-weight: 600;
		box-shadow: inset 0 0 0 1px rgba(2, 27, 50, .06);
		font-size: 14px;
	}

	.woo-thankyou-footer .woo-thankyou-btn:hover {
		background: #dfe7f1;
	}

	.woo-thankyou-footer .woo-thankyou-btn:focus {
		outline: 2px solid #cfd9e6;
		outline-offset: 2px;
	}

	/* Mobile: stack and make button full width */
	@media (max-width:540px) {
		.woo-thankyou-footer {
			flex-direction: column;
			align-items: flex-start;
		}

		.woo-thankyou-footer .woo-thankyou-btn {
			width: 100%;
			text-align: center;
		}
	}




	/* Two-column layout using FLEX, like your screenshot */
	/* 1) Two-column “table” using FLEX */
	/* Two-column layout used by both paid & BACS */
	.woo-thankyou-two-col {
		display: flex;
		flex-wrap: wrap;
		column-gap: 40px;
		row-gap: 16px;
		padding: 16px 20px;
		text-align: left;
	}

	/* >>> IMPORTANT: scoped to .woo-thankyou-two-col ONLY <<< */
	.woo-thankyou-two-col .woo-thankyou-row {
		flex: 1 1 300px;
		max-width: calc(50% - 20px);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 0;
		border: 0;
		background: none;
	}

	.woo-thankyou-two-col .woo-thankyou-row> :first-child {
		font-size: 14px;
		color: #6b7480;
	}

	.woo-thankyou-two-col .woo-thankyou-row> :last-child {
		font-size: 14px;
		font-weight: 600;
		color: #021B32;
		line-height: 1.3;
	}

	@media (max-width:600px) {
		.woo-thankyou-two-col .woo-thankyou-row {
			max-width: 100%;
			flex-basis: 100%;
		}
	}

	/* 3) Label (muted) + value (bold) */
	.woo-thankyou-row> :first-child {
		font-size: 14px;
		color: #6b7480;
		margin: 0 0 6px 0;
	}

	.woo-thankyou-row> :last-child {
		font-size: 14px;
		font-weight: 600;
		color: #021B32;
		line-height: 1.3;
	}

	/* Amount line keeps the green dot inline */
	.woo-thankyou-amount {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		font-size: 18px;
		font-weight: 800;
	}

	/* 4) Mobile: collapse to a single column */
	@media (max-width: 600px) {
		.woo-thankyou-row {
			max-width: 100%;
			flex-basis: 100%;
		}
	}

	/* 5) Ensure nothing else re-centers text inside the card */
	.woocommerce-order-received .woo-thankyou-card *:not(.woo-thankyou-btn) {
		text-align: left;
	}