/* Order confirmation follows the B2B order screen in the design. */
.woocommerce-order-received .yokuchi-thankyou {
	width: min(1440px, calc(100% - 48px));
	margin: 45px auto 110px;
}

.yokuchi-thankyou .woocommerce-thankyou-order-received {
	min-height: 62px;
	margin: 0 0 18px;
	padding: 20px 26px 20px 50px;
	border: 0;
	border-left: 3px solid #28a745;
	background: #fff;
	color: #303030;
	font-size: 14px;
	font-weight: 400;
}
.yokuchi-thankyou .woocommerce-thankyou-order-received::before {
	content: '✓';
	display: inline-grid;
	width: 20px;
	height: 20px;
	place-items: center;
	margin: 0 14px 0 -25px;
	border-radius: 50%;
	background: #28a745;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}
.yokuchi-thankyou__card { padding: clamp(30px, 4vw, 64px); background: #fff; }
.yokuchi-thankyou__heading { margin-bottom: 28px; }
.yokuchi-thankyou__heading h1 { margin: 0; font-size: 22px; font-weight: 500; letter-spacing: .3em; text-transform: uppercase; }
.yokuchi-thankyou .woocommerce-order-overview.yokuchi-thankyou__overview {
	display: grid;
	grid-template-columns: .9fr .9fr 1.4fr 1.2fr .8fr;
	float: none;
	width: 100%;
	margin: 0 0 55px;
	padding: 0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	list-style: none;
}
.yokuchi-thankyou__overview::before,
.yokuchi-thankyou__overview::after { display: none !important; }
.woocommerce .yokuchi-thankyou ul.yokuchi-thankyou__overview li {
	float: none;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 22px 20px;
	border: 0;
	border-right: 1px solid #e7e7e7;
	font-size: 13px;
	text-transform: none;
}
.woocommerce .yokuchi-thankyou ul.yokuchi-thankyou__overview li:first-child { padding-left: 0; }
.woocommerce .yokuchi-thankyou ul.yokuchi-thankyou__overview li:last-child { padding-right: 0; border-right: 0; }
.yokuchi-thankyou__overview small { display: block; margin-bottom: 9px; color: #555; font-size: 10px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }
.yokuchi-thankyou .yokuchi-thankyou__overview strong { display: block; overflow-wrap: anywhere; color: #242424; font-size: 13px; font-weight: 600; line-height: 1.5; }

.yokuchi-thankyou .woocommerce-bacs-bank-details { margin: 0 0 55px; }
.yokuchi-thankyou .wc-bacs-bank-details-heading,
.yokuchi-thankyou .yokuchi-order-section-heading h2 { margin: 0; color: #222; font-size: 17px; font-weight: 500; letter-spacing: .22em; line-height: 1.45; text-transform: uppercase; }
.yokuchi-thankyou .wc-bacs-bank-details-heading::after { content: ''; display: block; width: 38px; height: 1px; margin: 13px 0 24px; background: var(--b2b-red); }
.yokuchi-thankyou .woocommerce-bacs-bank-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; }
.yokuchi-thankyou .woocommerce-bacs-bank-details > h2 { grid-column: 1 / -1; }
.yokuchi-thankyou .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
	grid-row: 2;
	margin: 0;
	padding: 24px 28px 0;
	background: #f8f8f8;
	color: #222;
	font-size: 13px;
	font-weight: 600;
}
.yokuchi-thankyou .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name:nth-of-type(2) { grid-column: 2; grid-row: 2; }
.yokuchi-thankyou .woocommerce-bacs-bank-details .wc-bacs-bank-details {
	grid-row: 3;
	min-width: 0;
	margin: 0;
	padding: 16px 28px 25px;
	border: 0;
	background: #f8f8f8;
	list-style: none;
}
.yokuchi-thankyou .woocommerce-bacs-bank-details .wc-bacs-bank-details:nth-of-type(2) { grid-column: 2; grid-row: 3; }
.woocommerce .yokuchi-thankyou ul.wc-bacs-bank-details li { display: grid; float: none; width: auto; grid-template-columns: 110px minmax(0, 1fr); gap: 10px; margin: 0 0 8px; padding: 0; border: 0; color: #555; font-size: 12px; }
.yokuchi-thankyou .wc-bacs-bank-details li strong { overflow-wrap: anywhere; color: #303030; font-weight: 500; }
.yokuchi-thankyou .yokuchi-order-products__head,
.yokuchi-thankyou .yokuchi-order-product { grid-template-columns: 76px minmax(180px, 1fr) 92px 112px 112px; }
.yokuchi-thankyou .yokuchi-order-products__head { padding-top: 10px; }
.yokuchi-thankyou .yokuchi-order-facts { display: none; }
.yokuchi-thankyou .yokuchi-order-address address { font-size: 13px; line-height: 1.7; }
.yokuchi-thankyou__help { display: flex; align-items: center; gap: 18px; margin: 48px 0 24px; padding: 20px 24px; background: #f8f8f8; color: #4e4e4e; font-size: 13px; }
.yokuchi-thankyou__help > span { color: var(--b2b-red); font-size: 25px; }
.yokuchi-thankyou__help p { margin: 0; }
.yokuchi-thankyou__help a { color: #222; font-weight: 600; text-decoration: none; }
.yokuchi-thankyou__shop-link { display: inline-flex; min-height: 44px; align-items: center; gap: 20px; padding: 0 20px; border: 1px solid #777; color: #222; font-size: 11px; font-weight: 600; letter-spacing: .15em; text-decoration: none; text-transform: uppercase; }
.yokuchi-thankyou__shop-link span { color: var(--b2b-red); font-size: 19px; }

/* Exact order metadata icons exported from the B2B Figma view. */
.yokuchi-order-meta__date,
.yokuchi-order-meta__payment { display: inline-flex !important; align-items: center; gap: 9px; }
.yokuchi-order-meta__date::before,
.yokuchi-order-meta__payment::before { content: ''; display: block; width: 20px; height: 20px; flex: 0 0 20px; margin: 0; background: center / contain no-repeat; }
.yokuchi-order-meta__date::before { background-image: url('../images/order-calendar.png'); }
.yokuchi-order-meta__payment::before { background-image: url('../images/order-payment.png'); }
.yokuchi-account-endpoint-view-order .yokuchi-order-address .yokuchi-order-section-heading { position: relative; padding-right: 34px; }
.yokuchi-account-endpoint-view-order .yokuchi-order-address__icon { position: absolute; top: 0; right: 8px; width: 20px; height: 20px; margin: 0; background: url('../images/order-pencil.png') center / contain no-repeat; }

@media (max-width: 900px) {
	.yokuchi-thankyou .woocommerce-order-overview.yokuchi-thankyou__overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yokuchi-thankyou .yokuchi-thankyou__overview li { border-bottom: 1px solid #e7e7e7; }
	.yokuchi-thankyou .woocommerce-bacs-bank-details { gap: 18px; }
}
@media (max-width: 640px) {
	.woocommerce-order-received .yokuchi-thankyou { width: calc(100% - 32px); margin: 20px auto 60px; }
	.yokuchi-thankyou__card { padding: 25px 18px; }
	.yokuchi-thankyou__heading h1 { font-size: 19px; }
	.yokuchi-thankyou .woocommerce-bacs-bank-details { display: block; }
	.yokuchi-thankyou .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name { margin-top: 15px; }
	.yokuchi-thankyou .woocommerce-order-overview.yokuchi-thankyou__overview { grid-template-columns: 1fr; }
	.woocommerce .yokuchi-thankyou ul.yokuchi-thankyou__overview li,
	.woocommerce .yokuchi-thankyou ul.yokuchi-thankyou__overview li:first-child,
	.woocommerce .yokuchi-thankyou ul.yokuchi-thankyou__overview li:last-child { padding: 13px 0; border-right: 0; border-bottom: 1px solid #e7e7e7; }
	.yokuchi-thankyou__help { align-items: flex-start; }
}