/* Análise Patrimonial — Public Styles
 * Namespace: apa-
 * Framework: Bootstrap 5 (carregado separadamente via wp_enqueue_style)
 * Cor institucional: #B8962E
 */

/* ── Variáveis ───────────────────────────────────────────────────────────── */
:root {
    --apa-gold:        #B8962E;
    --apa-gold-hover:  #d4ae50;
    --apa-gold-light:  #f5ead9;
    --apa-radius:      0.5rem;
}

/* ── Wrapper principal ───────────────────────────────────────────────────── */
.apa-wrap {
    width: 100%;
    margin: 0 auto;
    font-family: inherit;
}

/* ── Card header institucional ───────────────────────────────────────────── */
.apa-wrap .card-header {
    border-radius: var(--apa-radius) var(--apa-radius) 0 0 !important;
}

/* ── Botões com cor institucional ────────────────────────────────────────── */
.apa-wrap .btn[style*="B8962E"]:hover,
.apa-wrap .btn[style*="B8962E"]:focus {
    background: var(--apa-gold-hover) !important;
    box-shadow: 0 0 0 0.2rem rgba(184, 150, 46, 0.35);
}

/* ── Aviso de não armazenamento ──────────────────────────────────────────── */
.apa-notice-storage {
    border-left: 4px solid var(--apa-gold);
    background: var(--apa-gold-light);
    border-color: var(--apa-gold) !important;
}

/* ── Campos de formulário — foco com cor institucional ───────────────────── */
.apa-wrap .form-control:focus,
.apa-wrap .form-select:focus {
    border-color: var(--apa-gold);
    box-shadow: 0 0 0 0.2rem rgba(184, 150, 46, 0.25);
}

/* ── Radio buttons — tipo de consulta ───────────────────────────────────── */
.apa-wrap .form-check-input:checked {
    background-color: var(--apa-gold);
    border-color: var(--apa-gold);
}
.apa-wrap .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(184, 150, 46, 0.25);
}

/* ── Barra de progresso do upload ────────────────────────────────────────── */
#apa-file-progress .progress-bar {
    transition: width 0.3s ease;
}

/* ── Máscara de CPF/CNPJ — cursor ────────────────────────────────────────── */
.apa-mask-cpf,
.apa-mask-cnpj {
    letter-spacing: 0.05em;
    font-variant-numeric: tabular-nums;
}

/* ── Badge de vínculos ───────────────────────────────────────────────────── */
.apa-wrap .badge[style*="B8962E"] {
    font-size: 0.9rem;
    padding: 0.4em 0.75em;
}

/* ── Estados de loading ──────────────────────────────────────────────────── */
.apa-wrap.apa-loading {
    pointer-events: none;
    opacity: 0.75;
}

/* ── Transição suave entre steps ─────────────────────────────────────────── */
#apa-step-result,
#apa-step-email,
#apa-step-success {
    animation: apa-fade-in 0.3s ease;
}

@keyframes apa-fade-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsividade ──────────────────────────────────────────────────────── */
@media (max-width: 575.98px) {
    .apa-wrap .card-body {
        padding: 1.25rem !important;
    }
    .apa-wrap .d-flex.gap-3 {
        gap: 0.75rem !important;
    }
}