/* Offres tertiaire et collectivités — déclinaisons locales de la plaquette V3. */

.client-offer-route .back-to-offers::before {
  margin-right: 7px;
  content: "←";
}

.cover-mosaic--single {
  grid-template: 1fr / 1fr;
}

.cover-mosaic--single .market-card {
  border: 0;
}

.cover-mosaic--single .market-card img {
  object-position: center 48%;
  filter: saturate(.86) contrast(.99);
}

.clean-tertiaire-route .cover-mosaic--single .market-card img {
  object-position: center 51%;
}

.clean-collectivites-route .cover-mosaic--single .market-card img {
  object-position: center 45%;
}

.sheet--client-context .context-narrative {
  grid-template-columns: 1fr 1.08fr 1.12fr;
}

/* Les retours du 26 août retirent le schéma tertiaire et collectivités.
   Le contexte occupe alors la page avec une composition volontairement plus ample. */
.sheet--client-context-only .context-narrative {
  min-height: 510px;
  margin-top: 50px;
}

.sheet--client-context-only .context-narrative article {
  min-height: 510px;
  padding-top: 42px;
  padding-right: 26px;
}

.sheet--client-context-only .context-narrative h3 {
  font-size: 19px;
  line-height: 1.14;
}

.sheet--client-context-only .context-narrative p {
  margin-top: 22px;
  font-size: 10.7px;
  line-height: 1.72;
}

.client-timeline {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.client-timeline .timeline-phase {
  min-height: 66px;
  padding: 14px 18px 12px;
}

.client-timeline .timeline-item--phase > p {
  padding-inline: 8px;
  font-size: 7.8px;
}

.timeline-item--scope .timeline-phase { background: var(--green-deep); }
.timeline-item--strategy .timeline-phase { background: var(--green); }

.timeline-notes--client {
  grid-template-columns: 1fr 1fr;
  margin-left: 0;
}

.client-offer-route .product-marker img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

@media screen and (max-width: 850px) {
  .client-offer-route .viewer-toolbar__brand {
    width: 108px;
  }

  .client-offer-route .viewer-toolbar > div {
    gap: .45rem;
  }

  .client-offer-route .viewer-toolbar > div > .back-to-offers {
    display: inline-flex;
    min-height: 38px;
    padding-inline: .7rem;
    font-size: .68rem;
  }

  .client-offer-route .viewer-toolbar > div > a:not(.back-to-offers):not(.download-action) {
    display: none;
  }

  .cover-mosaic--single {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(310px, 76vw);
  }

  .cover-mosaic--single .market-card img {
    object-position: center 46%;
  }

  .sheet--client-context .context-narrative {
    grid-template-columns: 1fr;
  }

  .sheet--client-context-only .context-narrative,
  .sheet--client-context-only .context-narrative article {
    min-height: 0;
  }

  .sheet--client-context-only .context-narrative {
    margin-top: 34px;
  }

  .client-timeline .timeline-item--phase > p {
    padding-inline: 0;
    font-size: .78rem;
  }

  .timeline-notes--client {
    grid-template-columns: 1fr;
    margin-left: 76px;
  }

  .client-offer-route .product-marker img {
    width: 22px;
    height: 22px;
  }
}

@media screen and (max-width: 480px) {
  .client-offer-route .product-marker img {
    width: 20px;
    height: 20px;
  }
}

@media print {
  .client-offer-route .back-to-offers {
    display: none !important;
  }
}