/* --------------------------------------------------------------------
   BI Packaging -- form feedback styles (success / error messages).
   Loaded on contact.html, enquiry.html and index.html.
   -------------------------------------------------------------------- */

.form-status {
    display: none;
    margin: 0 0 18px;
    padding: 14px 18px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1.5;
    border-left: 4px solid transparent;
}

.form-status.is-visible {
    display: block;
}

.form-status--success {
    background: #e8f6ec;
    border-left-color: #2e7d32;
    color: #1b5e20;
}

.form-status--error {
    background: #fdecea;
    border-left-color: #c62828;
    color: #a31515;
}

.req {
    color: #c62828;
    font-weight: 700;
}

.field-error {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: #c62828;
}

.has-error,
input.has-error,
select.has-error,
textarea.has-error {
    border-color: #c62828 !important;
    background-color: #fffafa;
}

/* The honeypot must stay invisible to people but reachable by bots. */
.hp-field {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
}

/* Sending state */
.form-status--success,
.form-status--error {
    animation: bi-fade-in .25s ease-in;
}

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