/* Hide the original select dropdowns */
.variations-as-radio-buttons .variations select {
    display: none !important; /* Hide the select elements (dropdowns) on the product page, important ensures this is applied */
}

/* Style the fieldset containing the radio buttons */
.variations-as-radio-buttons fieldset.varb-radio-variation {
    background-color: transparent; /* Make the background transparent */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; /* Use flexbox layout to display radio buttons in a row */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0; /* Remove padding around the fieldset */
    margin: 10px 0; /* Add vertical spacing between fieldsets */
    border: 0;
}

/* Style for each radio button label */
.variations-as-radio-buttons fieldset.varb-radio-variation label {
    border-radius: 5px; /* Round the corners of the radio button labels */
    -webkit-box-shadow: 0 0 0 2px rgba(106, 106, 106, 0.25);
            box-shadow: 0 0 0 2px rgba(106, 106, 106, 0.25); /* Add a subtle focus glow around the label when focused */
    padding: 5px 7px; /* Add padding inside the label for spacing */
    position: relative; /* Allow absolute positioning of pseudo-elements inside the label */
    cursor: pointer; /* Change the cursor to a pointer to indicate it's clickable */
    margin-left: 2px; /* This value should be the same as the box-shadow property of label  */
    margin-bottom: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

/* Add a hover effect on the radio button labels */
.variations-as-radio-buttons fieldset.varb-radio-variation label:not(.varb-disabled):hover {
    outline: 2px solid #b2b2b2; /* Show a light gray outline when the user hovers over a label */
}

/* Add space between radio buttons (except for the last one) */
.variations-as-radio-buttons fieldset.varb-radio-variation label:not(:last-of-type) {
    margin-right: 10px; /* Add 10px of space to the right of all radio buttons except the last one */
}

/* Style for disabled radio buttons */
.variations-as-radio-buttons .varb-radio-label.varb-disabled {
    opacity: 0.5; /* Make the disabled label semi-transparent to indicate it's disabled */
    cursor: not-allowed; /* Change the cursor to 'not-allowed' to indicate the option can't be selected */
    position: relative; /* Needed for positioning pseudo-elements like the disabled "cross" */
    overflow: hidden; /* Hide anything that overflows the label's boundary (like the cross lines) */
}

.variations-as-radio-buttons .varb-radio-label.varb-disabled.varb-out-of-stock {
    cursor: pointer;
}

/* Add cross lines to the disabled radio buttons (using pseudo-element) */
/*.varb-radio-label.varb-disabled::before,*/
.variations-as-radio-buttons .varb-radio-label.blur_and_cross.varb-disabled::after {
    content: ''; /* Define a pseudo-element with no content, but just for its styles */
    position: absolute; /* Position the pseudo-element absolutely within the label */
    background-color: #f00; /* Red color for the cross lines */
    height: 2px; /* Set the thickness of the cross lines */
    width: 100%; /* Make the cross line span the full width of the label */
    left: 0; /* Align the cross line to the left of the label */
    top: 50%; /* Vertically center the cross line */
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); /* Adjust positioning for perfect vertical centering */
    z-index: -1; /* Ensure the cross lines stay behind the label's text */
}

/* Second cross line, rotated at -45 degrees (X mark effect) */
.variations-as-radio-buttons .varb-radio-label.blur_and_cross.varb-disabled::after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg); /* Rotate the cross line at -45 degrees */
}

.variations-as-radio-buttons .varb-radio-label.hide.varb-disabled {
    display: none;
}

/* Remove outline on focus for radio buttons */
.variations-as-radio-buttons input.varb-radio-variation-input[type="radio"]:focus {
    outline: none; /* Remove the default outline when the radio button is focused */
}

/* Add an outline when a radio button is checked */
.variations-as-radio-buttons .varb-radio-label:has(input.varb-radio-variation-input[type="radio"]:checked) {
    outline: 2px solid #b2b2b2; /* Add a light gray outline when the radio button is selected */
}

/*
 * ======================================================================
 * Theme specific CSS
 * ======================================================================
 */

/* Twenty Twenty Two Theme */
.woocommerce.variations-as-radio-buttons-twentytwenty-two div.product form.cart table.variations td, 
.woocommerce.variations-as-radio-buttons-twentytwenty-two div.product form.cart table.variations th {
    display: block;
}
.woocommerce.variations-as-radio-buttons-twentytwenty-two table.variations tr td, 
.woocommerce.variations-as-radio-buttons-twentytwenty-two table.variations tr th {
    padding-bottom: 0
}

/* Twenty Twenty Three Theme */
.woocommerce.variations-as-radio-buttons-twentytwenty-three div.product form.cart table.variations td, 
.woocommerce.variations-as-radio-buttons-twentytwenty-three div.product form.cart table.variations th {
    display: block;
}
.woocommerce.variations-as-radio-buttons-twentytwenty-three table.variations tr td, 
.woocommerce.variations-as-radio-buttons-twentytwenty-three table.variations tr th {
    padding-bottom: 0
}

/* Twenty Twenty Four Theme */
.woocommerce.variations-as-radio-buttons-twentytwenty-four div.product form.cart table.variations td, 
.woocommerce.variations-as-radio-buttons-twentytwenty-four div.product form.cart table.variations th {
    display: block;
}
.woocommerce.variations-as-radio-buttons-twentytwenty-four table.variations tr td, 
.woocommerce.variations-as-radio-buttons-twentytwenty-four table.variations tr th {
    padding-bottom: 0
}

/* Twenty Twenty Five Theme */
.woocommerce.variations-as-radio-buttons-twentytwenty-five div.product form.cart table.variations td, 
.woocommerce.variations-as-radio-buttons-twentytwenty-five div.product form.cart table.variations th {
    display: block;
}
.woocommerce.variations-as-radio-buttons-twentytwenty-five table.variations tr td, 
.woocommerce.variations-as-radio-buttons-twentytwenty-five table.variations tr th {
    padding-bottom: 0
}

/* Hello Elementor Theme */

.woocommerce.variations-as-radio-buttons-helloelementor div.product form.cart .variations td, 
.woocommerce.variations-as-radio-buttons-helloelementor div.product form.cart .variations th {
    display: block;
    text-align: left;
    padding: 0;
}

.variations-as-radio-buttons-helloelementor table tbody>tr:nth-child(odd)>td, 
.variations-as-radio-buttons-helloelementor table tbody>tr:nth-child(odd)>th,
.variations-as-radio-buttons-helloelementor table tbody tr:hover>td, 
.variations-as-radio-buttons-helloelementor table tbody tr:hover>th {
    background-color: transparent;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1tdWx0aS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdUNBQXVDO0FBQ3ZDO0lBQ0ksd0JBQXdCLEVBQUUsZ0dBQWdHO0FBQzlIOztBQUVBLG9EQUFvRDtBQUNwRDtJQUNJLDZCQUE2QixFQUFFLG9DQUFvQztJQUNuRSxvQkFBYTtJQUFiLG9CQUFhO0lBQWIsYUFBYSxFQUFFLHlEQUF5RDtJQUN4RSx5QkFBbUI7UUFBbkIsc0JBQW1CO1lBQW5CLG1CQUFtQjtJQUNuQixtQkFBWTtRQUFaLGVBQVk7SUFDWixVQUFBLEVBQUEsdUNBQWdCO0lBQ3BCLGNBQUEsRUFBQSwyQ0FBQTtJQUtBLFNBQUE7QUFDQTs7QUFFQSxzQ0FBQTtBQUNBO0lBQ0ksa0JBQUEsRUFBQSxpREFMK0M7SUFNL0MsdURBTGtCO1lBQ2xCLCtDQUFrQixFQUFBLDBEQUFFO0lBQ3BCLGdCQUFBLEVBQWlCLDZDQUFBO0lBQ2pCLGtCQUFnQixFQUFBLG1FQUFFO0lBQ3RCLGVBQUEsRUFBQSw4REFBQTtJQU1BLGdCQUFBLEVBQUEsdUVBQUE7SUFBQSxtQkFBQTtJQUFBLDBCQUFBO0lBQ0EsdUJBQUE7SUFHSSxrQkFBa0I7QUFEdEI7O0FBSUEsa0RBRkE7QUFDQTtJQUdJLDBCQUEwQixFQUFFLGdFQUFnRTtBQURoRzs7QUFJQSw4REFGQTtBQUNBO0lBR0ksa0JBQWtCLEVBQUUsNEVBQTRFO0FBRHBHOztBQUlBLHFDQVBJO0FBUUo7SUFOQSxZQUFBLEVBQUEsdUVBQUE7SUFNQSxtQkFBQSxFQUFBLGdGQUFBO0lBQ0Esa0JBQUEsRUFBQSxxRUFBQTtJQUdJLGdCQUFnQixFQUFFLDZFQUE2RTtBQU5uRzs7QUFPQTtJQUdJLGVBQWU7QUFDbkI7O0FBRUEseUVBQUE7QUFDQSwyQ0FQWTtBQVFaO0lBREksV0FBQSxFQUFBLHFFQU4yQjtJQU8zQixrQkFBQSxFQUFBLDREQVAyQjtJQVUzQixzQkFGSSxFQUFBLGtDQUFBO0lBR0osV0FUSixFQUFBLHlDQUFBO0lBUUEsV0FBQSxFQUFBLHlEQUFBO0lBQ0EsT0FBQSxFQUFBLGtEQUFBO0lBR0ksUUFBSSxFQUFBLHFDQUErQjtJQUNuQyxtQ0FGSjtRQUNBLCtCQUFBO1lBR0EsMkJBQUEsRUFBQSxzREFBQTtJQUNJLFdBQVcsRUFBRSx3REFBd0Q7QUFDekU7O0FBRUEsOERBQXNEO0FBQ3REO0lBQ0ksa0RBRko7UUFDQSw4Q0FBQTtZQUdZLDBDQUEwQyxFQUFFLHlDQUF5QztBQURqRzs7QUFJQTtJQUNJLGFBQWE7QUFDakI7O0FBRUEsOENBRkE7QUFHQTtJQUNJLGFBQWEsRUFBRSxnRUFBZ0U7QUFDbkY7O0FBRUEsa0RBQWdDO0FBQ2hDO0lBQ0ksMEJBQTBCLEVBQUUsK0RBQStEO0FBQy9GOztBQUVBOzs7O0VBSUE7O0FBRUEsNEJBQTRCO0FBQzVCOztJQUVBLGNBQUE7QUFDQTtBQUNBOztJQUVJO0FBQ0o7O0FBRUEsOEJBQThCO0FBQzlCOztJQUVBLGNBQUE7QUFDQTtBQUNBOztJQUVJO0FBQ0o7O0FBRUEsNkJBQTZCO0FBQzdCOztJQUVBLGNBQUE7QUFDQTtBQUNBOztJQUVJO0FBQ0o7O0FBRUEsNkJBQTZCO0FBQzdCOztJQUVBLGNBQUE7QUFDQTtBQUNBOztJQUVJO0FBQ0o7O0FBRUEsMEJBQUE7O0FBRUE7O0lBRUksY0FBVTtJQUNkLGdCQUFBO0lBQ0ksVUFBVTtBQUNkOztBQUVBOzs7O0lBSUksNkJBQTZCO0FBQ2pDIiwiZmlsZSI6InB1YmxpYy1tdWx0aS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBIaWRlIHRoZSBvcmlnaW5hbCBzZWxlY3QgZHJvcGRvd25zICovXG4udmFyaWF0aW9ucy1hcy1yYWRpby1idXR0b25zIC52YXJpYXRpb25zIHNlbGVjdCB7XG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50OyAvKiBIaWRlIHRoZSBzZWxlY3QgZWxlbWVudHMgKGRyb3Bkb3ducykgb24gdGhlIHByb2R1Y3QgcGFnZSwgaW1wb3J0YW50IGVuc3VyZXMgdGhpcyBpcyBhcHBsaWVkICovXG59XG5cbi8qIFN0eWxlIHRoZSBmaWVsZHNldCBjb250YWluaW5nIHRoZSByYWRpbyBidXR0b25zICovXG4udmFyaWF0aW9ucy1hcy1yYWRpby1idXR0b25zIGZpZWxkc2V0LnZhcmItcmFkaW8tdmFyaWF0aW9uIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsgLyogTWFrZSB0aGUgYmFja2dyb3VuZCB0cmFuc3BhcmVudCAqL1xuICAgIGRpc3BsYXk6IGZsZXg7IC8qIFVzZSBmbGV4Ym94IGxheW91dCB0byBkaXNwbGF5IHJhZGlvIGJ1dHRvbnMgaW4gYSByb3cgKi9cbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6IDA7IC8qIFJlbW92ZSBwYWRkaW5nIGFyb3VuZCB0aGUgZmllbGRzZXQgKi9cbiAgICBtYXJnaW46IDEwcHggMDsgLyogQWRkIHZlcnRpY2FsIHNwYWNpbmcgYmV0d2VlbiBmaWVsZHNldHMgKi9cbn1cblxuLyogU3R5bGUgZm9yIGVhY2ggcmFkaW8gYnV0dG9uIGxhYmVsICovXG4udmFyaWF0aW9ucy1hcy1yYWRpby1idXR0b25zIGZpZWxkc2V0LnZhcmItcmFkaW8tdmFyaWF0aW9uIGxhYmVsIHtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7IC8qIFJvdW5kIHRoZSBjb3JuZXJzIG9mIHRoZSByYWRpbyBidXR0b24gbGFiZWxzICovXG4gICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHJnYmEoMTA2LCAxMDYsIDEwNiwgMC4yNSk7IC8qIEFkZCBhIHN1YnRsZSBmb2N1cyBnbG93IGFyb3VuZCB0aGUgbGFiZWwgd2hlbiBmb2N1c2VkICovXG4gICAgcGFkZGluZzogNXB4IDdweDsgLyogQWRkIHBhZGRpbmcgaW5zaWRlIHRoZSBsYWJlbCBmb3Igc3BhY2luZyAqL1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsgLyogQWxsb3cgYWJzb2x1dGUgcG9zaXRpb25pbmcgb2YgcHNldWRvLWVsZW1lbnRzIGluc2lkZSB0aGUgbGFiZWwgKi9cbiAgICBjdXJzb3I6IHBvaW50ZXI7IC8qIENoYW5nZSB0aGUgY3Vyc29yIHRvIGEgcG9pbnRlciB0byBpbmRpY2F0ZSBpdCdzIGNsaWNrYWJsZSAqL1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7IC8qIFRoaXMgdmFsdWUgc2hvdWxkIGJlIHRoZSBzYW1lIGFzIHRoZSBib3gtc2hhZG93IHByb3BlcnR5IG9mIGxhYmVsICAqL1xufVxuXG4vKiBBZGQgYSBob3ZlciBlZmZlY3Qgb24gdGhlIHJhZGlvIGJ1dHRvbiBsYWJlbHMgKi9cbi52YXJpYXRpb25zLWFzLXJhZGlvLWJ1dHRvbnMgZmllbGRzZXQudmFyYi1yYWRpby12YXJpYXRpb24gbGFiZWw6bm90KC52YXJiLWRpc2FibGVkKTpob3ZlciB7XG4gICAgb3V0bGluZTogMnB4IHNvbGlkICNiMmIyYjI7IC8qIFNob3cgYSBsaWdodCBncmF5IG91dGxpbmUgd2hlbiB0aGUgdXNlciBob3ZlcnMgb3ZlciBhIGxhYmVsICovXG59XG5cbi8qIEFkZCBzcGFjZSBiZXR3ZWVuIHJhZGlvIGJ1dHRvbnMgKGV4Y2VwdCBmb3IgdGhlIGxhc3Qgb25lKSAqL1xuLnZhcmlhdGlvbnMtYXMtcmFkaW8tYnV0dG9ucyBmaWVsZHNldC52YXJiLXJhZGlvLXZhcmlhdGlvbiBsYWJlbDpub3QoOmxhc3Qtb2YtdHlwZSkge1xuICAgIG1hcmdpbi1yaWdodDogMTBweDsgLyogQWRkIDEwcHggb2Ygc3BhY2UgdG8gdGhlIHJpZ2h0IG9mIGFsbCByYWRpbyBidXR0b25zIGV4Y2VwdCB0aGUgbGFzdCBvbmUgKi9cbn1cblxuLyogU3R5bGUgZm9yIGRpc2FibGVkIHJhZGlvIGJ1dHRvbnMgKi9cbi52YXJpYXRpb25zLWFzLXJhZGlvLWJ1dHRvbnMgLnZhcmItcmFkaW8tbGFiZWwudmFyYi1kaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogMC41OyAvKiBNYWtlIHRoZSBkaXNhYmxlZCBsYWJlbCBzZW1pLXRyYW5zcGFyZW50IHRvIGluZGljYXRlIGl0J3MgZGlzYWJsZWQgKi9cbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkOyAvKiBDaGFuZ2UgdGhlIGN1cnNvciB0byAnbm90LWFsbG93ZWQnIHRvIGluZGljYXRlIHRoZSBvcHRpb24gY2FuJ3QgYmUgc2VsZWN0ZWQgKi9cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7IC8qIE5lZWRlZCBmb3IgcG9zaXRpb25pbmcgcHNldWRvLWVsZW1lbnRzIGxpa2UgdGhlIGRpc2FibGVkIFwiY3Jvc3NcIiAqL1xuICAgIG92ZXJmbG93OiBoaWRkZW47IC8qIEhpZGUgYW55dGhpbmcgdGhhdCBvdmVyZmxvd3MgdGhlIGxhYmVsJ3MgYm91bmRhcnkgKGxpa2UgdGhlIGNyb3NzIGxpbmVzKSAqL1xufVxuXG4vKiBBZGQgY3Jvc3MgbGluZXMgdG8gdGhlIGRpc2FibGVkIHJhZGlvIGJ1dHRvbnMgKHVzaW5nIHBzZXVkby1lbGVtZW50KSAqL1xuLyoudmFyYi1yYWRpby1sYWJlbC52YXJiLWRpc2FibGVkOjpiZWZvcmUsKi9cbi52YXJpYXRpb25zLWFzLXJhZGlvLWJ1dHRvbnMgLnZhcmItcmFkaW8tbGFiZWwuYmx1cl9hbmRfY3Jvc3MudmFyYi1kaXNhYmxlZDo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnOyAvKiBEZWZpbmUgYSBwc2V1ZG8tZWxlbWVudCB3aXRoIG5vIGNvbnRlbnQsIGJ1dCBqdXN0IGZvciBpdHMgc3R5bGVzICovXG4gICAgcG9zaXRpb246IGFic29sdXRlOyAvKiBQb3NpdGlvbiB0aGUgcHNldWRvLWVsZW1lbnQgYWJzb2x1dGVseSB3aXRoaW4gdGhlIGxhYmVsICovXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2YwMDsgLyogUmVkIGNvbG9yIGZvciB0aGUgY3Jvc3MgbGluZXMgKi9cbiAgICBoZWlnaHQ6IDJweDsgLyogU2V0IHRoZSB0aGlja25lc3Mgb2YgdGhlIGNyb3NzIGxpbmVzICovXG4gICAgd2lkdGg6IDEwMCU7IC8qIE1ha2UgdGhlIGNyb3NzIGxpbmUgc3BhbiB0aGUgZnVsbCB3aWR0aCBvZiB0aGUgbGFiZWwgKi9cbiAgICBsZWZ0OiAwOyAvKiBBbGlnbiB0aGUgY3Jvc3MgbGluZSB0byB0aGUgbGVmdCBvZiB0aGUgbGFiZWwgKi9cbiAgICB0b3A6IDUwJTsgLyogVmVydGljYWxseSBjZW50ZXIgdGhlIGNyb3NzIGxpbmUgKi9cbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7IC8qIEFkanVzdCBwb3NpdGlvbmluZyBmb3IgcGVyZmVjdCB2ZXJ0aWNhbCBjZW50ZXJpbmcgKi9cbiAgICB6LWluZGV4OiAtMTsgLyogRW5zdXJlIHRoZSBjcm9zcyBsaW5lcyBzdGF5IGJlaGluZCB0aGUgbGFiZWwncyB0ZXh0ICovXG59XG5cbi8qIFNlY29uZCBjcm9zcyBsaW5lLCByb3RhdGVkIGF0IC00NSBkZWdyZWVzIChYIG1hcmsgZWZmZWN0KSAqL1xuLnZhcmlhdGlvbnMtYXMtcmFkaW8tYnV0dG9ucyAudmFyYi1yYWRpby1sYWJlbC5ibHVyX2FuZF9jcm9zcy52YXJiLWRpc2FibGVkOjphZnRlciB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHJvdGF0ZSgtNDVkZWcpOyAvKiBSb3RhdGUgdGhlIGNyb3NzIGxpbmUgYXQgLTQ1IGRlZ3JlZXMgKi9cbn1cblxuLnZhcmlhdGlvbnMtYXMtcmFkaW8tYnV0dG9ucyAudmFyYi1yYWRpby1sYWJlbC5oaWRlLnZhcmItZGlzYWJsZWQge1xuICAgIGRpc3BsYXk6IG5vbmU7XG59XG5cbi8qIFJlbW92ZSBvdXRsaW5lIG9uIGZvY3VzIGZvciByYWRpbyBidXR0b25zICovXG4udmFyaWF0aW9ucy1hcy1yYWRpby1idXR0b25zIGlucHV0LnZhcmItcmFkaW8tdmFyaWF0aW9uLWlucHV0W3R5cGU9XCJyYWRpb1wiXTpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTsgLyogUmVtb3ZlIHRoZSBkZWZhdWx0IG91dGxpbmUgd2hlbiB0aGUgcmFkaW8gYnV0dG9uIGlzIGZvY3VzZWQgKi9cbn1cblxuLyogQWRkIGFuIG91dGxpbmUgd2hlbiBhIHJhZGlvIGJ1dHRvbiBpcyBjaGVja2VkICovXG4udmFyaWF0aW9ucy1hcy1yYWRpby1idXR0b25zIC52YXJiLXJhZGlvLWxhYmVsOmhhcyhpbnB1dC52YXJiLXJhZGlvLXZhcmlhdGlvbi1pbnB1dFt0eXBlPVwicmFkaW9cIl06Y2hlY2tlZCkge1xuICAgIG91dGxpbmU6IDJweCBzb2xpZCAjYjJiMmIyOyAvKiBBZGQgYSBsaWdodCBncmF5IG91dGxpbmUgd2hlbiB0aGUgcmFkaW8gYnV0dG9uIGlzIHNlbGVjdGVkICovXG59XG4iXX0= */