/**
 * ITS Rugby — Champ « Votre club » au checkout It's Club.
 * Charge uniquement quand its_checkout_club_required = 1 et niveau 5.
 * Couleurs alignees sur la charte des mails/espaces (vert #1C3D34).
 */

.its-checkout-club {
  margin: 0 0 24px;
  padding: 0;
  border: 0;
}

.its-checkout-club-help {
  margin: 0 0 12px;
  color: #4A4A4A;
  font-size: 14px;
  line-height: 1.5;
}

.its-checkout-club-field {
  position: relative;
}

.its-checkout-club-field label {
  display: block;
  margin: 0 0 6px;
  font-weight: 600;
}

.its-checkout-club-search {
  width: 100%;
  box-sizing: border-box;
}

/* ── Liste de resultats ─────────────────────────────── */

.its-checkout-club-results {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  margin: 2px 0 0;
  padding: 0;
  /* 8 declinaisons pour un gros club (pro, 7, espoirs, crabos, alamercery,
     gaudermen, feminines) : a 280px on n'en voyait que 4 ou 5, et le classement
     pousse justement les jeunes et les feminines vers le bas. */
  max-height: 60vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  list-style: none;
  background: #FFFFFF;
  border: 1px solid #C4C4C4;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
}

.its-checkout-club-results[hidden] {
  display: none;
}

.its-checkout-club-result {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 14px;
  cursor: pointer;
  border-bottom: 1px solid #EDEDED;
}

.its-checkout-club-result:last-child {
  border-bottom: 0;
}

.its-checkout-club-result:hover,
.its-checkout-club-result.is-active {
  background: #F1F6F4;
}

.its-checkout-club-result-name {
  font-weight: 600;
  color: #1C3D34;
}

/* Mini-fiche (competition / saison) : departage les homonymes. */
.its-checkout-club-result-info {
  color: #4A4A4A;
  font-size: 13px;
}

/* ── Statut + repli ─────────────────────────────────── */

.its-checkout-club-status {
  margin: 6px 0 0;
  min-height: 18px;
  color: #4A4A4A;
  font-size: 13px;
}

.its-checkout-club-status:empty {
  margin: 0;
  min-height: 0;
}

.its-checkout-club-fallback {
  margin: 10px 0 0;
  color: #4A4A4A;
  font-size: 13px;
}

.its-checkout-club-fallback a {
  color: #1C3D34;
}

/* ── Mobile (56 % de l'audience) ─────────────────────── */

@media (max-width: 600px) {
  .its-checkout-club-results {
    max-height: 55vh;
  }

  .its-checkout-club-result {
    padding: 12px 14px;
  }
}

/* ── Rappel de vocation du profil ────────────────────
   Le coeur du garde-fou n'est pas technique mais editorial : dire d'entree
   a qui s'adresse ce profil, et offrir la sortie Supporter au meme endroit. */

.its-checkout-club-notice {
  margin: 0 0 16px;
  padding: 12px 14px;
  background: #F1F6F4;
  border-left: 3px solid #1C3D34;
  border-radius: 0 8px 8px 0;
}

.its-checkout-club-notice-lead {
  margin: 0 0 6px;
  font-weight: 600;
  color: #1C3D34;
  line-height: 1.45;
}

.its-checkout-club-notice-alt {
  margin: 0;
  color: #4A4A4A;
  font-size: 14px;
  line-height: 1.45;
}

.its-checkout-club-notice-alt a {
  color: #1C3D34;
  font-weight: 600;
}

/* ── Attestation ─────────────────────────────────────
   Declaration explicite, pas un consentement RGPD : jamais routee vers le
   systeme de consentement hashe. */

.its-checkout-club-attest {
  margin: 14px 0 0;
}

.its-checkout-club-attest label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 400;
  line-height: 1.45;
  cursor: pointer;
}

.its-checkout-club-attest input[type="checkbox"] {
  flex: 0 0 auto;
  margin: 3px 0 0;
}

/* ── Accès aux données, commun à tous les niveaux ─────
   Leve le malentendu qui pousse a choisir un profil « superieur » pour avoir
   plus de donnees : le tier d'acces ne depend pas du niveau, seulement du fait
   d'en avoir un (cf. its-access-tier.php). */

.its-checkout-club-data {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid #EDEDED;
  color: #4A4A4A;
  font-size: 13px;
  line-height: 1.5;
}

/* ── Rappel « une fiche existe peut-etre deja » ───────
   Le flux sportif alimente les fiches AVANT l'inscription : beaucoup de gens
   l'ignorent et croient devoir repartir de zero, ce qui cree des doublons. */

.its-checkout-club-claim {
  margin: 14px 0 0;
  color: #1C3D34;
  font-size: 13px;
  line-height: 1.5;
}