@import 'cart-block'; @import 'checkout-block'; // forms .wc-block-components-textarea, .wc-blocks-components-select .wc-blocks-components-select__container, .wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url]) { --has-height: var(--false); padding-inline: 15px !important; color: var(--theme-form-text-initial-color, var(--theme-text-color)) !important; border: var(--theme-form-field-border-width, 1px) solid var(--theme-form-field-border-initial-color) !important; border-radius: var(--theme-form-field-border-radius, 3px) !important; background-color: var(--theme-form-field-background-initial-color) !important; transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955); &:focus { box-shadow: none !important; color: var(--theme-form-text-focus-color, var(--theme-text-color)) !important; border-color: var(--theme-form-field-border-focus-color) !important; background-color: var(--theme-form-field-background-focus-color) !important; } } .wc-block-components-text-input.has-error input:is([type=email], [type=number], [type=tel], [type=text], [type=url]) { border-color: #cc1818 !important; } // form select .wc-blocks-components-select .wc-blocks-components-select__container { .wc-blocks-components-select__select { padding-inline: 0; color: inherit; border: none; } .wc-blocks-components-select__expand { fill: currentColor; } } // form input label .wc-block-components-text-input label, .wc-blocks-components-select label { opacity: 0.6; inset-inline-start: 16px !important; color: var(--theme-form-text-initial-color, var(--theme-text-color)) !important; } // radio .wc-block-components-radio-control .wc-block-components-radio-control__input { outline: none !important; &:checked { border-color: var(--theme-form-selection-field-active-color) !important; &:before { background: var(--theme-form-selection-field-active-color) !important; } } } .wc-block-components-radio-control.wc-block-components-radio-control--highlight-checked { .wc-block-components-radio-control-accordion-option--checked-option-highlighted, label.wc-block-components-radio-control__option--checked-option-highlighted { box-shadow: inset 0 0 0 1.5px var(--theme-palette-color-1); } } // decorative border color .wc-block-cart.is-large table.wc-block-cart-items, .wc-block-cart.is-large .wc-block-cart-items tr td, .wc-block-components-sidebar .wc-block-components-totals-wrapper, fieldset.wc-block-checkout__payment-method .wc-block-components-radio-control, fieldset.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option, .wc-block-checkout.is-large .wc-block-checkout__actions, .wc-block-checkout .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after { border-color: var(--theme-table-border-color, var(--theme-border-color)); } .wc-block-components-sidebar-layout .wc-block-components-totals-footer-item { .wc-block-components-totals-item__label, .wc-block-components-totals-item__value { font-size: initial; } }