/* css/review-invite.css — invitation à laisser un avis (partials/review-invite.php).
   Même langage visuel que les badges d'avis du footer : carte blanche, bordure
   fine, icônes de marque sur fond neutre. Aucune couleur d'accent propre : la
   seule couleur vient des logos. Tokens de tokens.css avec replis identiques. */

.review-invite {
  box-sizing: border-box;
  max-width: 560px;
  margin: var(--space-8, 2.5rem) auto 0;
  padding: 1.5rem 1.5rem 1.4rem;
  background: var(--surface, #fff);
  border: 1px solid var(--border-subtle, #e8edf5);
  border-radius: var(--radius, 12px);
  color: var(--text-body, #333);
  text-align: center;
}
.review-invite--pending { display: none; }

.review-invite__title {
  margin: 0 0 .3rem;
  font-family: 'Plus Jakarta Sans', 'Inter', 'Inter-fallback', system-ui, sans-serif;
  font-size: 1.1rem;
  font-weight: var(--weight-bold, 700);
  letter-spacing: -.01em;
  line-height: 1.3;
  color: var(--text-strong, #0a0025);
}
.review-invite__text {
  max-width: 60ch;
  margin: 0 auto 1.1rem;
  font-size: .9rem;
  line-height: 1.55;
  color: var(--text-muted, #52606d);
  text-wrap: balance;   /* deux lignes de longueur équilibrée quand ça replie */
}

/* Deux boutons de même largeur, contenu centré, sans hiérarchie entre les plateformes. */
.review-invite__actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .6rem;
}
.review-invite__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: 150px;
  height: 42px;
  padding: 0 .9rem;
  background: #fff;
  border: 1px solid #d9dee6;           /* même trait que .review-badge (footer) */
  border-radius: var(--radius-sm, 8px);
  color: var(--text-strong, #0a0025);
  font-weight: 600;
  font-size: .9rem;
  line-height: 1;
  text-decoration: none;
  transition: border-color .15s, background-color .15s, box-shadow .15s;
}
.review-invite__btn:hover {
  border-color: #b9c2d0;
  background: #f8faff;
  box-shadow: 0 1px 4px rgba(10, 0, 37, .06);
  color: var(--text-strong, #0a0025);
  text-decoration: none;
}
.review-invite__ico { display: block; width: 18px; height: 18px; flex-shrink: 0; }

.review-invite__btn:focus-visible {
  outline: 2px solid var(--accent, #1f7cff);
  outline-offset: 2px;
}

@media (max-width: 480px) {
  .review-invite { padding: 1.25rem 1rem; border-radius: var(--radius-sm, 8px); }
  .review-invite__btn { width: 100%; max-width: 260px; }
}

@media (prefers-reduced-motion: no-preference) {
  .review-invite.is-visible { animation: review-invite-in .35s ease-out; }
  @keyframes review-invite-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: none; }
  }
}

/* Jamais sur un PDF/impression de résultats (même logique que .cta-progression). */
@media print {
  .review-invite { display: none !important; }
}