/*
 * BALTIK cart and checkout accessibility styles.
 * This stylesheet is enqueued only on WooCommerce cart and checkout screens.
 */

.wc-block-checkout {
	color: #f4efe7 !important;
}

.wc-block-components-checkout-step__title,
.wc-block-components-checkbox__label,
.wc-block-components-checkbox__label *,
.wc-block-components-text-input label,
.wc-block-components-radio-control__label-group,
.wc-block-components-radio-control__label,
.wc-block-checkout__payment-method {
	color: #f4efe7 !important;
}

.wc-block-components-radio-control__secondary-label,
.wc-block-components-radio-control__secondary-label *,
.wc-block-checkout__shipping-option--free {
	color: #c7bda9 !important;
}

/* Laurent uses a more specific selector for shipping/payment option text. */
.wc-block-checkout .wc-block-components-radio-control__option .wc-block-components-radio-control__label,
.wc-block-cart .wc-block-components-radio-control__option .wc-block-components-radio-control__label {
	color: #f4efe7 !important;
}

.wc-block-checkout .wc-block-components-radio-control__option .wc-block-components-radio-control__secondary-label,
.wc-block-checkout .wc-block-components-radio-control__option .wc-block-checkout__shipping-option--free,
.wc-block-cart .wc-block-components-radio-control__option .wc-block-components-radio-control__secondary-label {
	color: #c7bda9 !important;
}

.wc-block-components-radio-control__option {
	border: 1px solid #8e7a5e !important;
	color: #f4efe7 !important;
}

.wc-block-components-radio-control__option:hover {
	background: #182429 !important;
	border-color: #f2cf8d !important;
}

.wc-block-components-radio-control__option-checked {
	background: #182429 !important;
	border-color: #f2cf8d !important;
	color: #f4efe7 !important;
}

.wc-block-components-radio-control__option *,
.wc-block-components-radio-control__option-checked * {
	color: inherit !important;
}

/* The delivery switch uses WooCommerce's shipping-method options, not radio-control options. */
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__shipping-method-option {
	color: #f4efe7 !important;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__shipping-method-option--selected {
	color: #0b1315 !important;
}

.wc-block-components-checkbox__input,
.wc-block-components-radio-control__option input[type="radio"] {
	accent-color: #f2cf8d;
}

.wc-block-components-text-input input {
	background: #182429 !important;
	border-color: #8e7a5e !important;
	caret-color: #f2cf8d;
	color: #f4efe7 !important;
}

.wc-block-components-text-input input::placeholder {
	color: #c7bda9 !important;
	opacity: 1;
}

.wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-text-input input:-webkit-autofill:hover,
.wc-block-components-text-input input:-webkit-autofill:focus {
	-webkit-text-fill-color: #f4efe7;
	box-shadow: 0 0 0 1000px #182429 inset;
	caret-color: #f2cf8d;
}

/* Override the later WordPress Additional CSS that forces dark text into dark checkout fields. */
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input {
	color: #f4efe7 !important;
	-webkit-text-fill-color: #f4efe7 !important;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input label {
	color: #f4efe7 !important;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input::placeholder {
	color: #c7bda9 !important;
	-webkit-text-fill-color: #c7bda9 !important;
	opacity: 1;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input:-webkit-autofill,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input:-webkit-autofill:hover {
	-webkit-text-fill-color: #f4efe7 !important;
	box-shadow: 0 0 0 1000px #182429 inset !important;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input:-webkit-autofill:focus {
	-webkit-text-fill-color: #f4efe7 !important;
	box-shadow: 0 0 0 1000px #182429 inset, 0 0 0 2px #0b1315, 0 0 0 5px #f2cf8d !important;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input:disabled {
	color: #c7bda9 !important;
	-webkit-text-fill-color: #c7bda9 !important;
}

.wc-block-components-text-input input:disabled {
	-webkit-text-fill-color: #c7bda9;
	background: #32373c !important;
	border-color: #8e7a5e !important;
	color: #c7bda9 !important;
	opacity: 1;
}

.wc-block-components-text-input input[aria-invalid="true"] {
	border-color: #ffb4ab !important;
	box-shadow: 0 0 0 1px #ffb4ab !important;
}

.wc-block-components-button,
.wc-block-components-checkout-place-order-button {
	background: #f2cf8d !important;
	border: 2px solid #f2cf8d !important;
	color: #0b1315 !important;
}

.wc-block-components-button *,
.wc-block-components-checkout-place-order-button * {
	color: inherit !important;
}

.wc-block-components-button:hover,
.wc-block-components-checkout-place-order-button:hover {
	background: #f4efe7 !important;
	border-color: #f4efe7 !important;
	color: #0b1315 !important;
}

.wc-block-components-button:disabled,
.wc-block-components-checkout-place-order-button:disabled {
	background: #32373c !important;
	border-color: #8e7a5e !important;
	color: #c7bda9 !important;
	opacity: 1;
}

.wc-block-components-button:disabled *,
.wc-block-components-checkout-place-order-button:disabled * {
	color: inherit !important;
}

.wc-block-components-button[aria-busy="true"],
.wc-block-components-checkout-place-order-button[aria-busy="true"] {
	border-style: dashed;
	cursor: wait;
}

.wc-block-components-text-input input:focus,
.wc-block-components-text-input input:focus-visible,
.wc-block-components-button:focus,
.wc-block-components-button:focus-visible,
.wc-block-components-checkout-place-order-button:focus,
.wc-block-components-checkout-place-order-button:focus-visible,
.wc-block-components-radio-control__option:focus-within,
.wc-block-components-checkbox:focus-within {
	border-color: #f2cf8d !important;
	box-shadow: 0 0 0 2px #0b1315, 0 0 0 5px #f2cf8d !important;
	outline: 2px solid transparent !important;
	outline-offset: 2px;
}

.wc-block-components-notice-banner {
	background: #182429 !important;
	border-color: #f2cf8d !important;
	color: #f4efe7 !important;
}

.wc-block-components-notice-banner * {
	color: inherit !important;
}