.woocommerce .wc-block-components-product-name{color: var(--cs);font-weight: 700;}

a.wc-block-cart__submit-button{background-color: var(--cp);color: var(--cs);font-weight: 500;}
.woocommerce .woocommerce-notice--success{font-size: 2rem;color: var(--cs);font-weight: 700;}


.wc-block-components-checkout-step__description{font-size: 1.2rem;margin-bottom: 2rem;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt{background-color: var(--cp);}

.yith-wcbk-booking-form input.yith-wcbk-date-picker--formatted, .yith-wcbk-booking-form select{width: 92% !important;}



.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url],
.wc-blocks-components-select input[type=text]{padding: .5rem;height: auto; height: 45px;}
input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{color: var(--cs) !important;}
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-form .wc-block-components-text-input.is-active input[type=email], .wc-block-components-form .wc-block-components-text-input.is-active input[type=number], .wc-block-components-form .wc-block-components-text-input.is-active input[type=password], .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-form .wc-block-components-text-input.is-active input[type=text], .wc-block-components-form .wc-block-components-text-input.is-active input[type=url], .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-text-input.is-active input[type=email], .wc-block-components-text-input.is-active input[type=number], .wc-block-components-text-input.is-active input[type=password], .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-text-input.is-active input[type=text], .wc-block-components-text-input.is-active input[type=url]{padding: .5rem; border: 0;font-size: 1.2rem;}
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-form .wc-block-components-text-input.is-active label, .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-text-input.is-active label{transform: translateY(-14px) scale(.75);}
.wc-block-components-text-input input[type="text"]{margin-top: .5rem !important;}

input:-internal-autofill-selected{background-color: transparent;}


.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{top: 2rem;font-size: 1rem;}
.wc-blocks-components-select .wc-blocks-components-select__container{height: auto;}
.wc-blocks-components-select select{display: initial;}
/* .wc-blocks-components-select .select-wrapper .caret{display: none;} */
/*.wc-blocks-components-select .wc-blocks-components-select__expand{display: none;}*/
.wc-blocks-components-select .wc-blocks-components-select__select{padding: .3rem .5rem;}
.wc-blocks-components-select .wc-blocks-components-select__label{font-size: 1.2rem;}
.wc-blocks-components-select .wc-blocks-components-select__label{position: initial;display: none;}
.select-dropdown li.disabled, .select-dropdown li.disabled>span, .select-dropdown li.optgroup{color: var(--tw);}

.wc-block-components-form .wc-block-components-checkout-step{background: rgba(0,41,82,.3);padding: 2rem;}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{box-shadow:none;background-color: #e2e7e7;}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__label span{font-weight: 700;font-size: 1.5rem;}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before{background-color: var(--cp);}
[type="radio"]:not(:checked), [type="radio"]:checked{opacity: 1;}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){background-color: var(--cp);border: 0; border-radius: 50px;}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked{opacity: 1;}
.wc-block-components-checkbox .wc-block-components-checkbox__label, .wc-block-components-checkbox>span{color: var(--tb);}
.wc-block-components-form .wc-block-checkout__order-notes.wc-block-components-checkout-step{padding: 1rem;}
.wc-block-checkout__add-note .wc-block-components-textarea{min-height: 90px;}

.wc-block-components-validation-error p{font-size: 1rem !important;margin-bottom: 1rem;}
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{top: 2rem;}




input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{display: block;}

.wc-block-components-text-input.has-error::after {
    content: "Campo obligatorio";
    display: block;
    font-size: 12px;
    color: #d63638;
    margin-top: 4px;
}
.wc-block-components-text-input.has-error input,
.wc-block-components-text-input input[aria-invalid="true"] {
    border: 2px solid #d63638 !important;
    background-color: #fff5f5 !important;
}
