/**
 * Esconde o campo "Estado" (shippingAddress.region_id) da estimativa de frete no
 * carrinho, do mesmo jeito que o campo shippingAddress.region já fica oculto.
 *
 * O estado passa a ser preenchido/selecionado automaticamente a partir do CEP
 * (ver cart-shipping-estimation-mixin.js + Doma_Checkout/js/address-autocomplete),
 * então não precisa mais aparecer na tela.
 */
#shipping-zip-form div.field[name="shippingAddress.region_id"] {
    /* !important necessário: o componente nativo Magento_Ui/js/form/element/select.js
       define "visible" via observable do Knockout, que escreve display inline no
       elemento sempre que a lista de estados é (re)carregada — sem !important, esse
       display inline sobrepõe a regra do CSS e o campo volta a aparecer. */
    display: none !important;
}

/**
 * Botão "cotar frete" dentro do campo CEP, encostado na direita (ver
 * cart-shipping-estimation-mixin.js). Ele só existe pra deixar explícito que o clique
 * confirma o CEP e calcula o frete — funcionalmente equivalente a tirar o foco do campo.
 */
#shipping-zip-form .cart-shipping-estimate-wrap {
    position: relative;
}

#shipping-zip-form .cart-shipping-estimate-wrap input[name="postcode"] {
    padding-right: 112px;
}

#shipping-zip-form .cart-shipping-estimate-btn {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 8px);
    padding: 0 14px;
    border: none;
    border-radius: 2px;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

#shipping-zip-form .cart-shipping-estimate-btn:hover,
#shipping-zip-form .cart-shipping-estimate-btn:focus {
    background: #222;
}
