/* Este archivo contiene estilos adicionales para forzar el border-radius en los campos de formulario
 * Se carga después de todos los estilos para garantizar que tenga la máxima prioridad
 */

/* Selectores de alta especificidad para anular los estilos de WooCommerce */
html body.woocommerce-page form.track_order .form-row input.input-text,
html body.woocommerce form.track_order .form-row input.input-text,
html body.woocommerce-page .gracias-co-bixxus-wrapper form .form-row .input-text,
html body.woocommerce .gracias-co-bixxus-wrapper form .form-row .input-text,
html body .gracias-co-bixxus-wrapper form .form-row .input-text,
html body.woocommerce-page form .form-row .input-text,
html body.woocommerce form .form-row .input-text {
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
}

/* Selectores ultra específicos para los inputs dentro del formulario de tracking */
html body .gracias-co-bixxus-wrapper .gracias-co-bixxus-tracking-form input.input-text,
html body .gracias-co-bixxus-wrapper .gracias-co-bixxus-tracking-form input[type="text"],
html body .gracias-co-bixxus-wrapper .gracias-co-bixxus-tracking-form input[type="email"],
html body .gracias-co-bixxus-wrapper .gracias-co-bixxus-tracking-form input {
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border: 1px solid #d1d5db !important;
}

/* Anular posibles atributos inline de estilo */
html body .gracias-co-bixxus-wrapper input[style*="border-radius"] {
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
}

/* Estilos específicos para el formulario de tracking de WooCommerce */
html body.woocommerce-order-tracking form.track_order input.input-text,
html body.woocommerce-order-tracking form.track_order .form-row input.input-text,
html body.woocommerce-order-tracking .form-row input.input-text {
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

/* Regla para el enfoque del input */
html body .gracias-co-bixxus-wrapper input:focus,
html body .gracias-co-bixxus-wrapper input[type="text"]:focus,
html body .gracias-co-bixxus-wrapper input[type="email"]:focus,
html body.woocommerce-page form .form-row .input-text:focus,
html body.woocommerce form .form-row .input-text:focus {
    border-color: #ED6300 !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    box-shadow: 0 0 0 3px rgba(237, 99, 0, 0.2), 0px 4px 8px rgba(0,0,0,0.08) !important;
    outline: none !important;
}