/**
 * Estilos para campos brasileiros no checkout
 */

/* Garante que os campos brasileiros sejam visíveis */
.person-type-field {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Estilo para o campo de tipo de pessoa */
#billing_persontype {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Estilo para campos CPF e CNPJ */
#billing_cpf,
#billing_cnpj {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Garante que os campos sejam exibidos mesmo se estiverem ocultos por CSS */
.woocommerce-billing-fields__field-wrapper .person-type-field {
    display: block !important;
    margin-bottom: 15px !important;
}

/* Estilo para labels dos campos brasileiros */
.woocommerce-billing-fields__field-wrapper label[for="billing_persontype"],
.woocommerce-billing-fields__field-wrapper label[for="billing_cpf"],
.woocommerce-billing-fields__field-wrapper label[for="billing_cnpj"] {
    display: block !important;
    font-weight: bold;
    margin-bottom: 5px;
}

/* Garante que os campos sejam obrigatórios visualmente */
.woocommerce-billing-fields__field-wrapper .person-type-field.woocommerce-invalid label::after {
    content: " *";
    color: #e2401c;
}

/* Estilo para campos com erro */
.woocommerce-billing-fields__field-wrapper .person-type-field.woocommerce-invalid input,
.woocommerce-billing-fields__field-wrapper .person-type-field.woocommerce-invalid select {
    border-color: #e2401c;
}

/* Estilo para campos válidos */
.woocommerce-billing-fields__field-wrapper .person-type-field.woocommerce-validated input,
.woocommerce-billing-fields__field-wrapper .person-type-field.woocommerce-validated select {
    border-color: #7ad03a;
}

/* Garante que os campos sejam responsivos */
@media (max-width: 768px) {
    .person-type-field {
        width: 100% !important;
        float: none !important;
    }
}

/* Força a exibição dos campos mesmo se houver conflitos de CSS */
.woocommerce-checkout .person-type-field {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    clip: auto !important;
    clip-path: none !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
}