/* Trustpilot (src/trustpilot.php): the report page's "How did we do?" ask and the footer's "Review us on Trustpilot"
   badge. Its own file: site.css changes re-render the ad videos. Trustpilot's green star (#00b67a) is decorative;
   all text uses the site's own colours. */
.tp-ask { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 18px 0 0; padding: 14px 16px; background: var(--surface);
    border: 1px solid var(--line); border-radius: 16px; }
.tp-star { display: inline-grid; place-items: center; flex: none; width: 36px; height: 36px; color: #fff; background: #00b67a; border-radius: 8px; }
.tp-ask-text { flex: 1 1 220px; min-width: 0; }
.tp-ask-title { margin: 0; font-weight: 800; color: var(--ink); }
.tp-ask-sub { margin: 2px 0 0; font-size: 0.9rem; color: var(--muted); }
.tp-ask-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tp-ask-actions form { margin: 0; }
.tp-ask-actions .btn { min-height: 44px; }
.tp-dismiss { min-height: 44px; padding: 0 12px; font: inherit; font-size: 0.9rem; font-weight: 700; color: var(--ink-2, var(--ink)); background: transparent;
    border: 0; border-radius: 10px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.tp-dismiss:hover { background: var(--surface-2); }
.tp-dismiss:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }

.tp-badge { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-top: 14px; padding: 6px 14px 6px 6px; font-size: 0.9rem; font-weight: 700;
    color: var(--ink); text-decoration: none; background: var(--surface); border: 1px solid var(--line-strong, var(--line)); border-radius: 999px; }
.tp-badge .tp-star { width: 30px; height: 30px; border-radius: 999px; }
.tp-badge:hover span:last-child { text-decoration: underline; }
.tp-badge:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }