/* LANDINGS_REPRISE_2026_09_29 — ajustements de la trame remise sur les 7 landings prestataires (décisions de Hugo du 29/09).
   Les blocs de la trame gardent leurs styles de landing-metier.css ; cette feuille ne règle que ce que la reprise ajoute. */

/* Cartes jumelles sans bouton : une seule action, sous les deux cartes */
.lp-landing .lp-jumelles--sans-bouton .lp-jumelle { display: flex; flex-direction: column; }
.lp-landing .lp-jumelles--sans-bouton .lp-jumelle p { margin-bottom: 0; }
.lp-landing .lp-rdv .lp-rdv-plafond { margin-top: 6px; font-size: 13.5px; opacity: .8; }

/* Passerelle vers la page Réseau, sous la légende du chapitre Réseau */
.lp-landing .lp-chapitre-legende + .lp-chapitre-legende { margin-top: 10px; }

/* Témoins de la page Outils : le lien vers la page du métier reste seul dans le pied de carte */
.lp-landing .lp-temoin-cta:has(> .lp-temoin-lien:only-child) { justify-content: flex-start; }

/* Page Réseau : texte « par département » fondu dans la carte */
.lp-landing.lp-rs .lp-rs-carte-section .lp-lead + .lp-lead { margin-top: 10px; }

/* FAQ photographe passée sur fond clair (elle suit désormais les prix, sombres) : ses réponses étaient écrites en crème */
.lp-landing .lp-section--clair.lpp-faq .lp-faq-ans p { color: rgba(8, 27, 58, .76); }

/* Carte du réseau : un peu d'air entre le texte « par département » et la carte */
.lp-landing.lp-rs .lp-rs-carte-section .lp-rs-carte-intro { margin-bottom: 28px; }

/* Page Réseau : la grille de 5 témoins de la trame reprend la hauteur des affiches de la page */
.lp-landing.lp-rs #temoins .lp-temoin-facade img { object-position: center 22%; }

/* ── Passerelles Outils ↔ Réseau (30/09, demande de Hugo) : une carte bleu nuit dans une bande claire, avant la FAQ ── */
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-carte {
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(28px, 4vw, 64px); align-items: center;
  max-width: 1120px; margin: 0 auto; padding: clamp(30px, 4.4vw, 60px);
  background: radial-gradient(120% 140% at 100% 0%, rgba(201, 162, 75, .16) 0%, rgba(201, 162, 75, 0) 55%), #0E2448;
  border: 1px solid rgba(201, 162, 75, .35); border-top: 3px solid #c9a24b; border-radius: 22px;
  box-shadow: 0 30px 70px rgba(8, 27, 58, .22); text-align: left;
}
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-carte .lp-eyebrow { color: #d4ac55; margin-bottom: 14px; }
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-carte h2 { color: #f3ead9; margin: 0 0 16px; max-width: 22ch; }
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-carte h2 em { color: #d4ac55; }
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-carte .lp-lead { color: rgba(243, 234, 217, .8); margin: 0 0 26px; max-width: 52ch; }
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-carte .lp-actions { justify-content: flex-start; margin: 0; }
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel { position: relative; }
/* visages : même composition que le hero de la page Réseau (trois affiches inclinées qui se chevauchent) */
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel--visages { height: 380px; max-width: 400px; margin: 0 auto; width: 100%; }
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel--visages img {
  position: absolute; width: 190px; height: 300px; object-fit: cover; object-position: center 18%;
  border-radius: 16px; border: 3px solid rgba(243, 234, 217, .92); box-shadow: 0 22px 46px rgba(0, 0, 0, .4);
}
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel--visages img:nth-child(1) { left: 0; top: 50px; transform: rotate(-5deg); }
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel--visages img:nth-child(2) { left: 105px; top: 0; z-index: 2; transform: rotate(1.5deg); }
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel--visages img:nth-child(3) { left: 210px; top: 66px; transform: rotate(5deg); }
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-ecran { margin: 0; box-shadow: 0 22px 50px rgba(0, 0, 0, .4); }
.lp-landing[data-lp] .lp-passerelle .lp-passerelle-ecran img { display: block; width: 100%; height: auto; }
@media (max-width: 860px) {
  .lp-landing[data-lp] .lp-passerelle .lp-passerelle-carte { grid-template-columns: minmax(0, 1fr); text-align: center; }
  .lp-landing[data-lp] .lp-passerelle .lp-passerelle-carte h2, .lp-landing[data-lp] .lp-passerelle .lp-passerelle-carte .lp-lead { margin-left: auto; margin-right: auto; }
  .lp-landing[data-lp] .lp-passerelle .lp-passerelle-carte .lp-actions { justify-content: center; }
  .lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel { order: -1; }
  .lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel--visages { height: 250px; max-width: 280px; }
  .lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel--visages img { width: 128px; height: 200px; }
  .lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel--visages img:nth-child(2) { left: 76px; }
  .lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel--visages img:nth-child(3) { left: 152px; top: 44px; }
  .lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel--visages img:nth-child(1) { top: 34px; }
}
@media (prefers-reduced-motion: reduce) { .lp-landing[data-lp] .lp-passerelle .lp-passerelle-visuel--visages img { transform: none !important; } }