/**
 * WP Tutorials : Customise WooCommerce Shipping Rates Layout, CWSRL
 *
 * https://wp-tutorials.tech/refine-wordpress/woocommerce-shipping-methods-as-a-dropdown-list/
 */
.woocommerce ul#shipping_method {
   display: flex;
   flex-direction: column;
   gap: 0.3em;
}
.woocommerce ul#shipping_method li {
   position: relative;
   text-indent: unset !important; /* Fix an Astra issue */
}
/* Hide the default input[type="radio"] controls */
.woocommerce ul#shipping_method li input {
   display: none;
}
.woocommerce ul#shipping_method li input+label {
   padding: 0.5em;
   background-color: #fefefe;
   display: block;
   cursor: pointer;
   border: 1px solid #cccccc;
   border-radius: 3px;
   text-align: center;
}
.woocommerce ul#shipping_method li input:checked+label {
   padding: 0.5em;
   background-color: #e30617;
   color: white;
   border-color: #e30617;
}