/*
    Fjeldstad Consulting — Leadfangst-skjema (stiler)
    -------------------------------------------------
    Ekstern CSS for leadfangst-komponenten (assets/leadfangst.js).
    Holdes utenfor JS for å oppfylle BES-041 (streng CSP, ingen 'unsafe-inline'
    for style-src).

    Bruker designtokens fra styles.css (charcoal+copper, BES-033). Faller
    tilbake til safe defaults hvis siden mangler token-root.
*/

.fc-lead {
    background: var(--papir-2, #f1ece2);
    border: 1px solid var(--line, rgba(26, 22, 18, 0.14));
    border-radius: var(--radius, 14px);
    padding: var(--sp-5, 24px) var(--sp-5, 24px);
    font-family: var(--font-body, 'Inter', system-ui, sans-serif);
    color: var(--ink, #1a1612);
}

.fc-lead h3 {
    font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif);
    margin: 0 0 var(--sp-2, 8px);
    color: var(--ink, #1a1612);
    font-size: var(--fs-md, 22px);
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.2;
}

.fc-lead p {
    margin: 0 0 var(--sp-4, 16px);
    font-size: var(--fs-sm, 15px);
    color: var(--ink-2, #3a312a);
    line-height: 1.55;
}

.fc-lead-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2, 8px);
}

.fc-lead-row > * {
    flex: 1 1 220px;
}

.fc-lead-row > button {
    flex: 0 0 auto;
}

.fc-lead input[type="email"],
.fc-lead input[type="text"] {
    padding: 12px 14px;
    border: 1px solid var(--line-strong, rgba(26, 22, 18, 0.28));
    border-radius: var(--radius, 14px);
    font-size: var(--fs-sm, 15px);
    font-family: inherit;
    background: var(--papir, #faf7f2);
    color: var(--ink, #1a1612);
    width: 100%;
    transition: border-color var(--dur-1, 180ms) var(--ease, cubic-bezier(0.4, 0, 0.2, 1));
}

.fc-lead input[type="email"]::placeholder,
.fc-lead input[type="text"]::placeholder {
    color: var(--ink-muted, #6e655c);
}

.fc-lead input[type="email"]:focus,
.fc-lead input[type="text"]:focus {
    outline: 2px solid var(--accent, #b87333);
    outline-offset: 1px;
    border-color: var(--accent, #b87333);
}

.fc-lead button {
    padding: 12px 22px;
    background: var(--ink, #1a1612);
    border: 0;
    border-radius: var(--radius, 14px);
    color: var(--papir, #faf7f2);
    font-weight: 500;
    font-size: var(--fs-sm, 15px);
    cursor: pointer;
    font-family: inherit;
    letter-spacing: 0.01em;
    transition: background var(--dur-1, 180ms) var(--ease, cubic-bezier(0.4, 0, 0.2, 1)),
                transform var(--dur-1, 180ms) var(--ease, cubic-bezier(0.4, 0, 0.2, 1));
}

.fc-lead button:hover {
    background: var(--accent, #b87333);
    transform: translateY(-1px);
}

.fc-lead button:focus-visible {
    outline: 2px solid var(--accent, #b87333);
    outline-offset: 3px;
}

.fc-lead button:disabled {
    background: var(--ink-muted, #6e655c);
    cursor: not-allowed;
    transform: none;
}

.fc-lead-fine {
    margin-top: var(--sp-3, 12px);
    font-size: var(--fs-xs, 13px);
    color: var(--ink-muted, #6e655c);
    line-height: 1.5;
}

.fc-lead-fine a {
    color: var(--accent, #b87333);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.fc-lead-fine a:hover {
    color: var(--ink, #1a1612);
}

.fc-lead-msg {
    margin-top: var(--sp-3, 12px);
    font-size: var(--fs-sm, 15px);
    padding: 10px 14px;
    border-radius: var(--radius, 14px);
    display: none;
    line-height: 1.5;
}

.fc-lead-msg.fc-ok {
    display: block;
    background: var(--accent-soft, rgba(184, 115, 51, 0.12));
    color: var(--ink, #1a1612);
    border-left: 3px solid var(--accent-2, #8b5a2b);
    padding-left: 14px;
}

.fc-lead-msg.fc-err {
    display: block;
    background: rgba(192, 57, 43, 0.08);
    color: #8B2E1F;
    border-left: 3px solid #C0392B;
    padding-left: 14px;
}

/* Honeypot — skjult for mennesker, synlig for bots */
.fc-lead-hp {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

/* Dark mode — arver tokens, men justerer kontrastsensitive elementer */
html[data-theme="dark"] .fc-lead-msg.fc-err {
    background: rgba(232, 117, 72, 0.1);
    color: #F4A78A;
    border-left-color: #E87548;
}