/* Hide the default WooCommerce ordering dropdown */
.woocommerce-ordering select {
    display: none !important;
}

/* Base styling for the radio sorting container */
.tprs-radio-sorting {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    flex-direction: row;
}

/* Basic radio button styling */
.tprs-radio-sorting input[type="radio"] {

}

/* Hover effect for labels */
.tprs-radio-sorting label:hover {
    opacity: 0.9;
}

/* Responsive design */
@media screen and (max-width: 768px) {
    .tprs-radio-sorting {
        flex-direction: column;
        align-items: stretch;
    }
    
    .tprs-radio-sorting label {
        text-align: center;
        padding: 8px !important;
    }
}