/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .variations_form > .variations:first-of-type {
    margin-bottom: 0px !important;
}

.variation-radios {
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: center;
}
.variation-radios input {
    display: none;
}
.variation-radios label {
    margin: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
    min-width: 2em;
    text-align: center;
    padding: 2px;
    border-radius: 5px;
    flex-basis: 100%;
}
.variation-radios label:hover {
    background: #f1f1f1;
}
.variation-radios input:disabled + label {
    background: #f1f1f1;
    pointer-events: none;
    text-decoration: line-through;
    display: none;
}
.variation-radios input:checked + label {
    background: #97e0ff;
}
.variation-radios + .lpf-attribute-select {
    visibility: hidden !important;
    position: absolute;
}
tr:has(td):has(div.variation-radios):not(:has(input:not(:disabled))) {
    transform: translateX(10vw);
    opacity: 0;
    position: absolute;
    transition: transform 0s, opacity 0s;
}
tr:has(td):has(div.variation-radios){
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}