/*
 * "Buy us a coffee" contribution panel — shared by the UK Plate Tracker
 * and Vehicle History Check. Self-contained tokens so it renders the same
 * on both pages regardless of theme. Prefixed `dvla-contrib`.
 */
.dvla-contrib {
    --navy: #1a1f4e;
    --red: #C52B24;
    --gold: #f9d616;
    --border: #e5e7eb;
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 14px;
    max-width: 1080px;
    margin: 24px auto;
    box-shadow: 0 2px 10px rgba(26,31,78,.05);
    overflow: hidden;
}
.dvla-contrib, .dvla-contrib * { box-sizing: border-box; }
.dvla-contrib__inner {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center;
    padding: 24px 28px;
}
.dvla-contrib__eyebrow {
    font-size: 12px; font-weight: 700; letter-spacing: .08em;
    text-transform: uppercase; color: var(--red); margin-bottom: 6px;
}
.dvla-contrib__title {
    font-size: 20px; font-weight: 700; color: var(--navy); margin: 0 0 8px; line-height: 1.2;
}
.dvla-contrib__lede { font-size: 15px; color: #3a3f55; margin: 0; max-width: 560px; }
.dvla-contrib__note {
    grid-column: 1 / -1; margin: 4px 0 0; font-size: 12px; color: #646970;
}

.dvla-contrib__form { display: flex; gap: 10px; align-items: stretch; }
.dvla-contrib__field {
    display: flex; align-items: center; background: #fff;
    border: 2px solid var(--navy); border-radius: 8px; overflow: hidden;
}
.dvla-contrib__currency {
    padding: 0 4px 0 12px; font-weight: 700; color: var(--navy); font-size: 18px;
}
.dvla-contrib__input {
    border: 0; outline: 0; background: transparent;
    font-size: 18px; font-weight: 600; color: var(--navy);
    padding: 12px 12px 12px 4px; width: 120px;
}
.dvla-contrib__input::placeholder { color: #9aa0b4; }

/* Scoped + !important to beat theme/Elementor global button styles. */
.dvla-contrib .dvla-contrib__btn {
    background: var(--red) !important;
    background-image: none !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    cursor: pointer;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    padding: 0 24px !important;
    text-transform: none !important;
    -webkit-appearance: none; appearance: none;
    transition: filter .15s ease, transform .05s ease;
}
.dvla-contrib .dvla-contrib__btn:hover { filter: brightness(1.08); }
.dvla-contrib .dvla-contrib__btn:active { transform: translateY(1px); }

@media (max-width: 768px) {
    .dvla-contrib__inner { grid-template-columns: 1fr; gap: 16px; }
    .dvla-contrib__form { flex-direction: column; }
    .dvla-contrib__field { justify-content: center; }
    .dvla-contrib__input { width: 100%; }
    .dvla-contrib .dvla-contrib__btn { width: 100%; padding: 14px 24px !important; }
}

/* ── UK Plate Tracker placement ────────────────────────────
   The panel sits below the two chart cards. Wrapped in the tracker's
   own .dvla-mvmt__inner, so here we drop the panel's own max-width and
   auto-margins to let it fill that inner — making it exactly as wide as
   the chart row above it. Light band to separate it from the white
   charts section and lead into the movement log. */
.dvla-mvmt__contribute {
    background: var(--light, #f7f8fb);
    padding: 14px 0 8px;
}
.dvla-mvmt__contribute .dvla-contrib {
    max-width: none;
    margin: 50px 0;
}