/* ==========================================================================
 * pbc-lead-form.css
 * HLB Priority - shared Priority Banking Centre lead form styles
 * Deploy to: /etc/clientlibs/hlb/hlb-priority/css/pbc-lead-form.css
 *
 * Additive only: it styles the new dropdown states, the status/error lines,
 * the honeypot and the hidden Salesforce relay. It does not restyle any
 * existing form element, so each page keeps its own look.
 * ========================================================================== */

/* --- Priority Banking Centre dropdown states --- */
.custom-select option,
.custom-select optgroup {
    background-color: var(--navy-blue);
    color: var(--text-white);
}

.custom-select optgroup {
    color: var(--gold);
    font-style: normal;
}

.custom-select:disabled {
    opacity: 0.55;
    cursor: progress;
}

.pbc-status {
    font-size: 0.75rem;
    line-height: 1.4;
    margin: 8px 0 0;
    min-height: 1em;
    color: var(--text-muted);
}

.pbc-status.is-error {
    color: #ffb0b0;
}

.submit-btn[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.submit-btn[disabled]:hover {
    opacity: 0.5;
}

.form-error {
    color: #ffb0b0;
    font-size: 0.85rem;
    margin-top: 12px;
}

/* Honeypot: off-screen rather than display:none, because some bots skip
   hidden inputs but happily fill positioned-off-screen ones. */
.hp-field {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Hidden relay iframe + generated Salesforce form. */
.sf-relay {
    display: none !important;
}