/* =====================================================================
   10 — Vous conseillez des dirigeants  (#partenaires · section--tint section--band)
   Bande sobre et compacte : bloc bordé d'un filet or vertical, texte à gauche,
   bouton à sa suite (≥ 900 px), sans être rejeté au bord droit. Parcours secondaire, volontairement
   moins imposant que les sections principales. Tokens uniquement — voir DESIGN.md.
   ===================================================================== */

.partenaires__bloc {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  padding-left: var(--space-5);
  border-left: 3px solid var(--color-accent); /* épaisseur imposée par DESIGN.md §6 (10) */
}

.partenaires__texte {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

/* Titre volontairement contenu (taille h3) : la bande ne concurrence pas les sections principales */
.partenaires__titre {
  font-size: var(--text-xl);
  max-width: 24em;
}

.partenaires__paragraphe {
  color: var(--color-text-soft);
  max-width: 60ch;
}

.partenaires__action {
  display: flex;
  align-items: center;
}

/* Flèche du bouton : glisse légèrement au survol (micro-interaction) */
.partenaires__bouton svg {
  transition: transform var(--duration) var(--ease-out);
}
.partenaires__bouton:hover svg {
  transform: translateX(3px);
}

/* Sur les écrans étroits, le bouton occupe la largeur pour rester facile à atteindre */
@media (max-width: 639.98px) {
  .partenaires__bouton {
    width: 100%;
  }
}

/* ≥ 900 px : texte à gauche, bouton à droite, alignés verticalement */
@media (min-width: 900px) {
  .partenaires__bloc {
    grid-template-columns: minmax(0, auto) auto;   /* le bouton suit le texte */
    justify-content: start;
    align-items: center;
    column-gap: var(--space-8);
    padding-left: var(--space-6);
  }
  .partenaires__action {
    justify-content: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .partenaires__bouton svg {
    transition: none;
  }
  .partenaires__bouton:hover svg {
    transform: none;
  }
}