/*
  Page « Résidence » : séjours groupés par année, en vignettes.
  Également utilisé pour le rappel des séjours sur la fiche d'un·e complice.
  Fichier additif, chargé depuis `site/snippets/header.php`.
  `assets/css/index.css` n'est jamais modifié.
  Sobre et monochrome : réutilise les variables de couleur du site.
*/

.residence-intro {
  margin-bottom: 4rem;
}

.residence-year {
  margin-bottom: 4rem;
}

.residence-year__title {
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--color-black);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* Grille de vignettes responsive */
.residence-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 2rem 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.residence-card {
  display: flex;
  flex-direction: column;
}

/*
  Le portrait réutilise la classe `.img` d'index.css (ratio --w/--h + fond noir),
  on n'ajoute ici que l'espacement.
*/
.residence-card__portrait {
  margin-bottom: 0.75rem;
}

.residence-card__body {
  line-height: 1.4;
}

.residence-card__names {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.residence-card__names a {
  border-bottom: 1px solid var(--color-black);
}

.residence-card__names a:hover {
  border-bottom-width: 3px;
  transition: all 0.3s;
}

.residence-card__dates {
  color: var(--color-text-grey);
  font-variant-numeric: tabular-nums;
}

.residence-card__binome,
.residence-card__note {
  margin-top: 0.35rem;
}

.residence-card__binome a {
  text-decoration: underline;
}

.residence-card__note {
  color: var(--color-text-grey);
}

.residence-card__projets {
  margin-top: 0.5rem;
}

.residence-card__projets a {
  border-bottom: 1px solid var(--color-black);
}

.residence-card__projets a:hover {
  border-bottom-width: 3px;
  transition: all 0.3s;
}

/* Accroche sous le nom, sur le listing /complices */
.complice-accroche {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.85em;
  line-height: 1.35;
}

/* --- Rappel des séjours sur la fiche d'un·e complice (bonus) --- */

.complice-sejours {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-black);
}

.complice-sejours__title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* Sur la fiche complice, on n'a pas besoin de re-répéter le portrait */
.complice-sejours .residence-card__portrait {
  display: none;
}

.complice-sejours .residence-grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}