/*
 * Theme Name:  Hello Elementor Child
 * Theme URI:   https://github.com/elementor/hello-theme-child/
 * 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:     2.0.0
 * 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
 */


/* ==========================================================================
   CHECKOUT — Selectores de Región y Comuna (Select2)
   Iguala la apariencia de los dropdowns al estilo de los inputs de Elementor
   ========================================================================== */

/* 1. Estructura base: fondo, borde y altura */
#billing_state_field .select2-selection,
#billing_city_field .select2-selection {
    background-color: #fafafa !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 0px !important;
    height: 47px !important;
}

/* 2. Texto seleccionado: color y alineación vertical */
#billing_state_field .select2-selection__rendered,
#billing_city_field .select2-selection__rendered {
    color: #495057 !important;
    line-height: 45px !important;
    padding-left: 10px !important;
}

/* 3. Flecha: centrada y separada del borde */
#billing_state_field .select2-selection__arrow,
#billing_city_field .select2-selection__arrow {
    height: 45px !important;
    right: 5px !important;
}

#billing_state_field .select2-selection__arrow b,
#billing_city_field .select2-selection__arrow b {
    border-color: #666666 transparent transparent transparent !important;
}


/* ==========================================================================
   CHECKOUT — Lista desplegable de opciones (Select2 dropdown global)
   ========================================================================== */

/* Contenedor del dropdown */
body .select2-container--default .select2-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 0px !important;
}

/* Opciones de la lista */
body .select2-container--default .select2-results__option {
    color: #495057 !important;
    background-color: #ffffff !important;
    padding: 10px !important;
}

/* Opción resaltada al hacer hover */
body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #f0f0f0 !important;
    color: #333333 !important;
}

/* Campo de búsqueda interno del dropdown */
body .select2-search--dropdown .select2-search__field {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #d4d4d4 !important;
}


/* ==========================================================================
   CHECKOUT — Campo de Teléfono
   Muestra asterisco de obligatorio y oculta el texto "(opcional)"
   ========================================================================== */

label[for="billing_phone"]::after {
    content: " *";
    color: #cc1603;
}

label[for="billing_phone"] .optional {
    display: none !important;
}