/*
Theme Name: Kera Child
Theme URI: https://elementor.thembay.com/kera/
Author: Thembay
Description: This is a child theme for Kera
Version: 1.0
Author URI: https://thembay.com/
Template: kera
Text Domain: kera-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

/* Ajustar estilo de los radio buttons */
.woocommerce-shipping-methods input[type="radio"] {
    -webkit-appearance: none !important; /* Elimina estilos por defecto en navegadores WebKit */
    -moz-appearance: none !important; /* Elimina estilos por defecto en Firefox */
    appearance: none !important; /* Elimina estilos por defecto generales */
    width: 18px !important; /* Tamaño del radio button */
    height: 18px !important; 
    border: 2px solid #0c6c40 !important; /* Contorno negro */
    background-color: #0c6c40 !important; /* Fondo blanco */
    border-radius: 50% !important; /* Botón redondo */
    cursor: pointer !important; /* Cambia el cursor a "pointer" */
    vertical-align: middle !important; /* Alinea con el texto */
}

/* Cambiar estilo cuando el botón está seleccionado */
.woocommerce-shipping-methods input[type="radio"]:checked {
    background-color: #0c6c40 !important; /* Fondo negro cuando está seleccionado */
    border-color: #0c6c40 !important; /* Contorno negro */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important; /* Resaltado */
}

/* Ajustar texto de los métodos de envío */
.woocommerce-shipping-methods label {
    font-size: 14px !important; /* Ajustar tamaño del texto */
    margin-left: 10px !important; /* Espacio entre el botón y el texto */
    color: #000 !important; /* Asegurar que el texto sea visible */
}