/* assets/css/reco.css */

/* Réduire la taille du h1 */
main h1 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  margin: 1.5rem 0 1rem;
  line-height: 1.3;
}



/* Espacement quand ouvert */
main details[open] {
  margin-bottom: 2rem;
}


.reco {
  width: 100%;
  background: var(--muted2);
  color: var(--dark); 
  padding-top: clamp(2rem, 0.5570rem + 5.3691vw, 7rem);
  padding-bottom: clamp(2rem, 0.5570rem + 5.3691vw, 7rem);
  justify-content: center; /* centre les items sur la ligne */
}


.container {
  flex-wrap: wrap;
  width: 95%;
  max-width: 1600px;
  margin-inline: auto;               /* centre la boîte */
}

.appel {
  background-color: var(--light);
  padding: 1rem;
  text-align: justify;
}

/* Supprimer soulignement + style du lien "Toutes les reco" */
main p a {
  text-decoration: none;
  color: var(--dark);
  font-weight: 600;
  transition: color 0.2s;
}

main p a:hover {
  color: var(--success2);
}