/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/***Ocultar mensaje checkout***/
div.woocommerce-message {
    display: none;
}

/**Estilos checkbox extra en checkout**/

/* 1. Recuadro rojo SOLO en el cuadradito del checkbox */
#mi_checkbox_obligatorio_field.woocommerce-invalid input[type="checkbox"] {
    outline: 2px solid #b81c23 !important; /* Color rojo oscuro del borde */
    outline-offset: 1px;
}

/* 2. Mantener el texto principal "He leído y acepto..." en su color normal */
#mi_checkbox_obligatorio_field.woocommerce-invalid label {
    color: inherit !important; 
}

/* 3. Arreglar el enlace para que coincida con el de arriba (color tierra, sin subrayado) */
#mi_checkbox_obligatorio_field label a {
    color: #c0996b !important; /* Este es el color aproximado de tu primer enlace */
    text-decoration: none !important;
}

#mi_checkbox_obligatorio_field label a:hover {
    color: var(--links-hover-color, #5bc0de)!important;
}

/* 4. Inyectar la frase roja de error justo debajo cuando no se marca */
#mi_checkbox_obligatorio_field.woocommerce-invalid::after {
    content: "Por favor, debes aceptar la política de privacidad para finalizar el pedido.";
    color: #b81c23; /* Mismo tono de rojo que el aviso superior */
    display: block;
    margin-top: 5px;
    font-size: 0.9em; /* Ajusta el tamaño para que sea igual al otro */
}