/*
 * assets/css/filing-form.css
 * Extra styles for the intake form at the bottom of filing-obligations.php
 * ("Tell us where you need support").
 *
 * The main styles of that page are in assets/css/style.css. This small file only holds
 * what the real (server-connected) form needs on top of them:
 *   - the hidden spam trap (honeypot)
 *   - the line spacing inside the thank-you box (it now has two lines of text)
 *   - the yellow "Local test mode" notice
 *
 * Every rule starts with ".filing-page" so no other page is affected.
 * Colours: only the site palette (--text, --grey) and the light yellow already used on the Contact page.
 */

/* ---------- Spam trap: hidden from people, robots fill it in ---------- */

.filing-page .fp-trap {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ---------- Thank-you box: space between its two lines of text ---------- */

.filing-page .fp-thanks p + p {
    margin-top: 6px;
}

/* ---------- "Local test mode" notice (only shown on your own computer) ---------- */

.filing-page .fp-local-notice {
    width: 100%;
    margin: 16px 0 0 0;
    padding: 12px 18px;
    background: #FFF6C2;
    border: 1px solid var(--grey);
    border-left: 6px solid var(--text);
    font-size: 0.95rem;
    font-weight: bold;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
