.lgo-woocommerce .woocommerce,
.lgo-woocommerce .woocommerce-page {
	color: var(--lgo-text);
}

.lgo-main--woocommerce {
	padding: 2.5rem 0 4rem;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-error {
	background: var(--lgo-card);
	border-top-color: var(--lgo-border);
	color: var(--lgo-text);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background: var(--lgo-accent) !important;
	color: #0a0a0a !important;
	border-radius: var(--lgo-radius) !important;
	font-family: var(--lgo-font-display);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border: 0 !important;
	min-height: 48px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select {
	background: var(--lgo-bg-secondary);
	border: 1px solid var(--lgo-border);
	color: var(--lgo-text);
	border-radius: var(--lgo-radius);
	min-height: 48px;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
	border-color: var(--lgo-border);
	background: var(--lgo-card);
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table th,
.woocommerce-page table.shop_table td {
	border-color: var(--lgo-border);
	color: var(--lgo-text);
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	background: var(--lgo-card);
	border: 1px solid var(--lgo-border);
	padding: 1rem;
	margin-bottom: 1.5rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 0.75rem 0.25rem;
	border-bottom: 1px solid var(--lgo-border);
	font-family: var(--lgo-font-display);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.woocommerce-checkout #payment {
	background: var(--lgo-card);
	border: 1px solid var(--lgo-border);
}

.woocommerce-checkout #payment div.payment_box {
	background: var(--lgo-bg-secondary);
	color: var(--lgo-text-muted);
}

.woocommerce-checkout #payment ul.payment_methods {
	border-bottom-color: var(--lgo-border);
}

/* Checkout Block: white inputs inherit site text color (near-white) — fix labels / placeholders. */
body.theme-lgo-project.woocommerce-checkout .wc-block-components-text-input input,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-textarea textarea,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-combobox input,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-select select,
body.theme-lgo-project.woocommerce-checkout .wc-blocks-components-select__input,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-country-input select,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-state-input select {
	color: #1a1a1a !important;
}

body.theme-lgo-project.woocommerce-checkout .wc-block-components-text-input input::placeholder,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-textarea textarea::placeholder,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-combobox input::placeholder,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input::placeholder,
body.theme-lgo-project.woocommerce-checkout .wc-blocks-components-select__input::placeholder {
	color: #9a9a9a !important;
	opacity: 1;
}

/*
 * WC Blocks additional select (`誰の紹介ですか？`) uses .wc-blocks-components-select__*
 * with dark-UI colors (label: hsla white). Force light-field readability.
 */
body.theme-lgo-project.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container {
	background: #ffffff !important;
	color: #1a1a1a !important;
}

body.theme-lgo-project.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select {
	color: #1a1a1a !important;
	border-color: rgba(0, 0, 0, 0.35) !important;
	background: transparent !important;
}

body.theme-lgo-project.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__label {
	color: #666666 !important;
}

body.theme-lgo-project.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__expand {
	fill: #2b2d2f !important;
}

body.theme-lgo-project.woocommerce-checkout .wc-block-components-text-input label,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-textarea label,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-combobox label,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-select label,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-country-input label,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-state-input label,
body.theme-lgo-project.woocommerce-checkout .wc-block-checkout__additional-fields .wc-block-components-text-input label,
body.theme-lgo-project.woocommerce-checkout .components-base-control__label,
body.theme-lgo-project.woocommerce-checkout .components-input-control__label {
	color: #666666 !important;
}

body.theme-lgo-project.woocommerce-checkout .wc-block-components-text-input.is-active label,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-textarea.is-active label,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-combobox.is-active label,
body.theme-lgo-project.woocommerce-checkout .wc-block-components-select.is-active label {
	color: #555555 !important;
}

/* Checkbox labels stay light on the dark page background. */
body.theme-lgo-project.woocommerce-checkout .wc-block-components-checkbox label {
	color: var(--lgo-text, #f4f4f4) !important;
}

@media (min-width: 768px) {
	.woocommerce-account .woocommerce-MyAccount-navigation {
		margin-bottom: 0;
	}
}