/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ==== ESTILOS GENERALES PARA CAMPOS DEL CHECKOUT ==== */
.woocommerce-checkout .form-row input.input-text, 
.woocommerce-checkout .form-row textarea, 
.woocommerce-checkout .form-row select {
    background-color: transparent !important;
    border: 1px solid white !important;
    color: white !important;
    border-radius: 6px;
    padding: 12px 15px;
    width: 100%;
    font-size: 16px;
}

/* Placeholder transparente */
.woocommerce-checkout ::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* ==== ESTILOS ESPECÍFICOS PARA SELECT2 (DROPDOWN) ==== */
/* Contenedor principal del select */
.woocommerce-checkout .select2-container .select2-selection--single {
    background-color: transparent !important;
    border: 1px solid white !important;
    color: white !important;
    height: auto !important;
    padding: 10px 15px !important;
}

/* Texto dentro del select */
.select2-selection__rendered {
    color: white !important;
    padding-left: 0 !important;
}

/* Flecha del dropdown */
.select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* === DROPDOWN DESPLEGADO (OPCIONES) === */
.select2-dropdown {
    background-color: #1C212F !important;
    border: 1px solid white !important;
}

/* Opciones individuales */
.select2-results__option {
    color: white !important;
    background-color: transparent !important;
    padding: 10px 15px !important;
    transition: background 0.3s !important; /* Efecto suave al hover */
}

/* Hover ROJO (funcionará ahora) */
.select2-results__option--highlighted {
    background-color: #d90f15 !important;
    color: white !important;
}

/* === BUSCADOR DENTRO DEL DROPDOWN (SELECT2) === */
.select2-search--dropdown {
    background-color: #1C212F !important;
    padding: 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; /* Línea divisoria sutil */
}

/* Input del buscador */
.select2-search--dropdown .select2-search__field {
    background-color: #1C212F !important;
    border: 1px solid white !important;
    color: white !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    width: 100% !important;
}

/* Placeholder del buscador */
.select2-search--dropdown .select2-search__field::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

body .woocommerce-message,
body .woocommerce-message::before,
body .woocommerce-message a,
body .wc-block-components-notice-banner.is-success {
    background-color: #1C212F !important;
    background: #1C212F !important;
    color: #ffffff !important;
    border: 1px solid white !important;
    box-shadow: none !important;
    --background-color: #1C212F !important;
}

body .woocommerce-info.cart-empty,
body .woocommerce-info.cart-empty::before,
body .woocommerce-info.cart-empty a {
    background-color: #1C212F !important;
    background: #1C212F !important;
    color: #ffffff !important;
    border: 1px solid white !important;
    box-shadow: none !important;
    --background-color: #1C212F !important;
}

/* === SELECT DE ORDEN PERSONALIZADO PARA WOOCOMMERCE === */
form.woocommerce-ordering select.orderby {
    background-color: #1C212F !important;
    border: 1px solid white !important;
    color: white !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    width: 100% !important;
    appearance: none !important;
    line-height: 1.5 !important;
    height: auto !important;
}

/* Opciones del desplegable */
form.woocommerce-ordering select.orderby option {
    background-color: #1C212F !important;
    color: white !important;
}

/* === CAMPOS DE TEXTO Y TEXTAREA EN FORMULARIO DE VALORACIONES === */
.woocommerce #review_form_wrapper input[type="text"],
.woocommerce #review_form_wrapper input[type="email"],
.woocommerce #review_form_wrapper textarea {
    background-color: transparent !important;
    color: white !important;
    border: 1px solid white !important;
    border-radius: 6px !important;
    padding: 10px 15px !important;
    font-size: 16px !important;
    width: 100% !important;
}

/* Cambiar color de texto mientras el usuario escribe */
.woocommerce #review_form_wrapper input::placeholder,
.woocommerce #review_form_wrapper textarea::placeholder {
    color: #ccc !important; /* Gris claro para el placeholder */
}