/*--------------------------------------------

    # Block components
        ## Price
        ## Buttons
        ## Quantity selector
        ## Chips
        ## Validation
        ## Grid
        ## Shadow style
        ## Border style
        ## Total
        ## Fields
        ## Checkbox list
        ## Radio button
        ## Token field

----------------------------------------------*/
@font-face {
    font-family: WooCommerce;
    src: url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff2) format("woff2"),url(/wp-content/plugins/woocommerce/assets/WooCommerce.woff) format("woff"),url(/wp-content/plugins/woocommerce/assets/WooCommerce.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

/* Price */
.woocommerce-Price-amount {
    white-space: nowrap;
}
.wc-block-components-product-price--align-left {
    text-align: left;
}
.wc-block-components-product-price--align-center {
    text-align: center;
}
.wc-block-components-product-price--align-right {
    text-align: right;
}
.wc-block-components-formatted-money-amount {
    white-space: nowrap;
}
:where(.wc-block-components-product-price del) {
    font-size: clamp(var(--wp--preset--font-size--x-small), 0.75em, var(--wp--preset--font-size--medium)) !important;
    opacity: 0.75;
}

/* Buttons */
.wc-block-components-button.wp-element-button:not(.is-link).outlined {
    color: inherit;
    background-color: transparent;
    border-color: currentColor;
    border-width: 1px;
}
.wc-block-components-button.wp-element-button:not(.is-link).outlined:hover {
    background-color: var(--wp--preset--color--gray-ultra-dark);
    color: var(--wp--preset--color--white);
    border-color: var(--wp--preset--color--gray-ultra-dark);
}
 
/* Quantity selector */
.wc-block-components-quantity-selector {
    margin: 0 !important;
}
.wc-block-components-quantity-selector input[type="number"] {
    border: none;
}
.wc-block-components-quantity-selector input[type="number"]:focus {
    box-shadow: none;
}

/* Sidebar layout */
/*.wc-block-components-sidebar-layout.wc-block-components-sidebar-layout,
.wc-block-components-sidebar-layout .block-editor-inner-blocks .block-editor-block-list__layout {
    gap: 3vw;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    width: auto;
    flex-grow: 1;
    box-sizing: border-box;
}
.wc-block-components-sidebar-layout .wc-block-components-sidebar {
    width: auto;
    flex-basis: clamp(250px, 30%, 400px);
    flex-shrink: 0;
    box-sizing: border-box;
}
@media (max-width: 600px) {
    .wc-block-components-sidebar-layout.wc-block-components-sidebar-layout {
        flex-direction: column;
    }
}*/


/*.wc-block-components-button--loading {
    position: relative;
    pointer-events: none;
    background-color: currentColor;
}
.wc-block-components-button--loading::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: auto 70%;
    mask-size: auto 80%;
    -webkit-mask-image: url(../../media/loader.svg);
    mask-image: url(../../media/loader.svg);
    background-color: currentColor;
}
.wc-block-components-button--loading .wc-block-components-button__text {
    visibility: hidden;
}*/

/* Form */
form div.wc-block-components-text-input input[type=email], 
form div.wc-block-components-text-input input[type=number], 
form div.wc-block-components-text-input input[type=tel], 
form div.wc-block-components-text-input input[type=text], 
form div.wc-block-components-text-input input[type=url],
form div.wc-block-components-combobox input[type=text],
form .form-row input[type=email], 
form .form-row input[type=number], 
form .form-row input[type=tel], 
form .form-row input[type=text], 
form .form-row input[type=url],
form .form-row input[type=password],
form .form-row select,
form .form-row textarea {
    background-color: transparent;
    color: inherit;
    border: 1px solid currentColor;
    border-radius: var(--wp--custom--border--radius--default, 0);
    width: 100%;
}
form div.wc-block-components-text-input input[type=email]:focus, 
form div.wc-block-components-text-input input[type=number]:focus, 
form div.wc-block-components-text-input input[type=tel]:focus, 
form div.wc-block-components-text-input input[type=text]:focus, 
form div.wc-block-components-text-input input[type=url]:focus,
form div.wc-block-components-combobox input[type=text]:focus,
form .form-row input[type=email]:focus, 
form .form-row input[type=number]:focus, 
form .form-row input[type=tel]:focus, 
form .form-row input[type=text]:focus, 
form .form-row input[type=url]:focus,
form .form-row input[type=password]:focus,
form .form-row select:focus,
form .form-row textarea:focus {
    background-color: transparent;
    color: inherit;
    box-shadow: 0 1px 7px -2px var(--wp--preset--color--primary-light, currentColor);
    outline: none;
}
.wc-block-components-validation-error {
    font-size: var(--wp--preset--font-size--x-small);
}
.wc-block-components-validation-error > p {
    margin: 0;
}
form .form-row .woocommerce-input-wrapper {
    display: block;
}


/* Validation */
.wc-block-components-loading-mask {
    pointer-events: none;
}
.wc-block-components-validation-error {
    color: var(--wp--preset--color--vivid-red);
}

/* Total */
.wc-block-components-totals-coupon .wc-block-components-panel__button svg {
    order: 1;
}
.wc-block-components-totals-coupon .wc-block-components-totals-coupon__form {
    align-items: center;
}

/* Fields */
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-form .wc-block-components-country-input label,
.wc-block-components-form .wc-block-components-combobox label  {
    order: -1;
    margin: 0;
    align-self: flex-start;
    cursor: default;
    display: inline-block;
    font-size: var(--wp--preset--font-size--small, 0.9em);
}

/* Radio controls */
.wc-block-components-radio-control .wc-block-components-radio-control__option {
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input {
    margin: 0.4em 0 0;
}
.wc-block-components-radio-control .wc-block-components-radio-control__option-layout {
    flex-grow: 1;
    font-size: var(--wp--preset--font-size--small);
}