/**
 * Bloc "Adhérer / Cotiser" — design SNPHARE-bloc-membership
 * (Figma fileKey GizoFh5xqEY4LCwPV5eBhU).
 *
 * Tile : 577×263, fond #d9d9d9 (gris clair), titre + body + CTA centrés
 * verticalement. CTA noir, texte blanc, rounded.
 */

.snphare-adherer {
  display: block;
  max-width: 577px;
  margin: 1rem auto;
  font-family: 'Open Sans', system-ui, -apple-system, sans-serif;
}

.snphare-adherer__card {
  background-color: #d9d9d9;
  border-radius: 4px;
  min-height: 263px;
  padding: 30px 40px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
  color: #000;
}

.snphare-adherer__title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.snphare-adherer__body {
  margin: 0;
  max-width: 487px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
}

.snphare-adherer__cta {
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 14px 24px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.15s ease, transform 0.15s ease;
  cursor: pointer;
}

.snphare-adherer__cta:hover,
.snphare-adherer__cta:focus {
  background-color: #2a2a2a;
  color: #fff;
  text-decoration: none;
  outline: none;
}

.snphare-adherer__cta:focus-visible {
  outline: 2px solid #00418A;
  outline-offset: 2px;
}

/* États sans CTA (membre à jour, justif en attente) — on garde les tuiles
   à la même hauteur visuelle pour l'homogénéité du dashboard adhérent. */
.snphare-adherer--membre .snphare-adherer__card,
.snphare-adherer--justif-en-attente .snphare-adherer__card {
  justify-content: center;
  gap: 1rem;
}