/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ── Checkout: campos numéricos igualados al resto ────────────────────────
   Woodmart da borde, alto, fondo y relleno a input[type=text|tel|url|password]
   en css/parts/base.css, pero deja fuera a input[type=number]; a este solo le
   aplica «padding:0; text-align:center», pensado para los selectores de
   cantidad. Resultado: el número de identificación salía centrado y sin la
   caja de los demás campos.
   Se acota al checkout para no alterar los selectores de cantidad. */
.woocommerce-checkout .form-row input[type="number"],
.woocommerce form .form-row input[type="number"] {
    padding: 0 15px;
    text-align: left;
    max-width: 100%;
    width: 100%;
    height: var(--wd-form-height);
    border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    border-radius: var(--wd-form-brd-radius);
    background-color: var(--wd-form-bg);
    color: var(--wd-form-color);
    box-shadow: none;
}
.woocommerce-checkout .form-row input[type="number"]:focus,
.woocommerce form .form-row input[type="number"]:focus {
    outline: none;
    border-color: var(--wd-form-brd-color-focus);
    transition: border-color .4s ease;
}

/* El campo del documento no necesita las flechitas de incremento: con ellas la
   rueda del ratón puede cambiar el número sin que el cliente se dé cuenta. */
#billing_numero_de_identificacion::-webkit-outer-spin-button,
#billing_numero_de_identificacion::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#billing_numero_de_identificacion {
    -moz-appearance: textfield;
    appearance: textfield;
}