/* =============================================================
   AASEN BIL 2.0 — finn.css
   Innebygd Finn partner-widget + trygghetsrad.
   Lastes av bruktbiler.html og tilhengere.html.
   ============================================================= */

/* ---------- Finn partner-widget ---------- */
.finn-embed { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--sh-2); }
.finn-embed__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.finn-embed__live { display: inline-flex; align-items: center; gap: 9px; font-family: var(--font-head); font-weight: 700; font-size: .92rem; }
.finn-embed__live small { font-family: var(--font-body); font-weight: 500; color: var(--ink-500); }
/* Responsiv høyde (Finn sender ikke postMessage-høyde) — skalerer med skjermen, intern scroll */
.finn-embed__frame { width: 100%; height: clamp(560px, 84vh, 1180px); border: 0; display: block; }
@media (max-width: 600px) { .finn-embed__frame { height: 80vh; min-height: 520px; } }

/* ---------- Notis under widgeten ---------- */
/* Samme verdier som .form-note i form.css — bruktbiler/tilhengere laster ikke form.css */
.form-note { font-size: .82rem; color: var(--ink-500); }

/* ---------- Trygghetsrad ---------- */
.trust-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 28px; }
.trust { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 16px 18px; }
.trust svg { width: 26px; height: 26px; color: var(--red-600); flex: none; }
.trust b { font-family: var(--font-head); font-size: .96rem; display: block; }
.trust span { font-size: .82rem; color: var(--ink-500); }
@media (max-width: 860px) { .trust-row { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .trust-row { grid-template-columns: 1fr; } }