/* Page Intégrations — mises en page propres à la page. Composants : ds.css. */

.ip-section { padding-block: calc(var(--section-gap) / 2); scroll-margin-top: var(--space-3); }
.ip-section:first-child { padding-top: 0; }

/* Hero */
.ip-hero { display: grid; padding: var(--space-5); }

/* Schéma livré par Coline : affiché entier, sans recadrage. */
.ip-schema img { object-fit: contain; }

/* Cartes partenaires : logos sur fond « surface » (retours de Coline) */
.ip-card { gap: var(--space-3); }
.ip-card .logo-tile { background: var(--color-bg-surface); }
/* Grandes vignettes : hauteur fixe, pour que deux cartes voisines aient des cadres identiques
   quelle que soit la longueur de leur texte. */
.ip-card .logo-tile--lg { flex: none; height: 240px; }
@media (max-width: 1023px) {
  .ip-card .logo-tile--lg { height: 160px; }
}
.ip-card .logo-tile--lg img { max-height: 80px; max-width: 80%; }
/* Logos plus présents sur cette page (maquette) : Cegid et Agiris un peu plus grands,
   SuperPDP (dessin très allongé) étiré sur la largeur de son cadre. */
.ip-card .logo-tile img.is-tight { max-height: 26px; }
.ip-card .logo-tile--lg img.is-wide { width: 75%; max-width: 75%; height: auto; max-height: none; }

/* Facturation électronique et collecte bancaire : sections de 440 px de haut,
   cartes sur fond « surface », donc vignettes de logo blanches pour rester visibles. */
.ip-row { grid-template-rows: minmax(440px, auto); }
.ip-row .ip-card .logo-tile { background: var(--color-bg-default); }
@media (max-width: 1023px) {
  .ip-row { grid-template-rows: none; }
}
.ip-card__body { display: flex; flex-direction: column; gap: var(--space-2); }
.ip-card__body h3 { font-family: var(--font-body); font-size: var(--text-body-medium); font-weight: var(--weight-medium); line-height: var(--leading-body); }
.ip-card__body p { font-size: var(--text-body-small); }
.ip-card__body .btn--text { font-size: var(--text-body-small); }
.ip-card .logo-tile--dark, .ip-row .ip-card .logo-tile--dark { background: var(--color-brand-primary); }

/* Appel inséré dans la grille des logiciels */
.ip-callout { justify-content: space-between; }
.ip-callout .btn--icon { align-self: flex-end; color: var(--color-accent-blue); }

/* FAQ : largeur de lecture */
.ip-faq { max-width: 960px; margin-inline: auto; }

@media (max-width: 1023px) {
  .ip-hero { padding: var(--space-4); }
}
@media (max-width: 767px) {
  .ip-hero { padding: var(--space-3); }
}