/* Preserve the existing calculator documents inside the new responsive layout. */
.yokuchi-production-calculator {
	min-width: 0;
	max-width: 100%;
}

.yokuchi-production-calculator .w-50 {
	width: 600px;
	flex: 1 1 430px;
	max-width: 100%;
}

.kan-calculator .has-text-align-center.wp-block-heading {
	display: none;
}

.kan-calculator.yokuchi-production-calculator {
	padding: 0;
}

.yokuchi-production-calculator iframe {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.yokuchi-production-calculator .button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 46px;
	margin: 0 0 14px;
	padding: 12px 20px;
	border: 1px solid #333;
	background: #fff;
	color: #333;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
}

.yokuchi-production-calculator .button::after {
	content: '↓';
	margin-left: 12px;
	color: #e31e24;
}
.yokuchi-production-calculator .button:hover {
	border-color: #e31e24;
	color: #e31e24;
}

.yokuchi-product-extra-table .woocommerce-product-attributes {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

.yokuchi-product-extra-table th,
.yokuchi-product-extra-table td {
	padding: 12px 16px;
	border-bottom: 1px solid #e6e3df;
	vertical-align: top;
}
/* Keep the partner portal hero underneath the fixed, transparent header. */
body.woocommerce-account:not(.logged-in) {
	padding-top: 0 !important;
}

body.woocommerce-account:not(.logged-in):not(.yokuchi-header-scrolled) .site-header,
body.woocommerce-account:not(.logged-in).yokuchi-header-at-top .site-header {
	background: transparent !important;
	border-bottom-color: transparent !important;
	box-shadow: none !important;
}

body.woocommerce-account:not(.logged-in) .ast-article-single {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

/* The guest portal is a purpose-built full-bleed page, so it must not inherit
 * the generic page gutters and fixed-header spacing from 80-pages.css. */
body.woocommerce-account:not(.logged-in) #page .site-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding-top: 0 !important;
}

body.woocommerce-account:not(.logged-in) #page .site-main.ast-container {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 0 88px !important;
}

body.woocommerce-account:not(.logged-in) #page .content-area,
body.woocommerce-account:not(.logged-in) #page .entry-content,
body.woocommerce-account:not(.logged-in) #page .woocommerce {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

@media (max-width: 781px) {
	body.woocommerce-account:not(.logged-in) #page .site-main.ast-container {
		padding-bottom: 56px !important;
	}
}

/* The contact template follows the header in normal document flow. */
body.yokuchi-b2b-contact-page-body .site-content {
	padding-top: 0 !important;
}

body.yokuchi-b2b-materials-page-body .site-content {
	padding-top: 0 !important;
}

@media (max-width: 600px) {
	body.yokuchi-b2b-contact-page-body .yokuchi-b2b-contact-page__hero {
		min-height: 540px;
		padding-top: 0;
	}

	body.yokuchi-b2b-contact-page-body .yokuchi-b2b-contact-page__hero h1 {
		font-size: 22px;
		letter-spacing: .28em;
	}
}