/* ─────────────────────────────────────────────
   13-responsive.css — Media queries
───────────────────────────────────────────────── */

/* ── 640px ── */

@media (min-width: 640px) {

  /* Nav */
  .nav-links {
    display: flex;
  }

  .nav-cta {
    display: inline-block;
  }

  .nav-cta-mobile {
    display: none;
  }

  /* Bandeau stats — 5 colonnes */
  .hero-stats-mobile {
    grid-template-columns: repeat(5, 1fr);
  }

  .hero-stat-mobile {
    border-bottom: none;
    border-right: 1px solid rgba(31, 46, 42, 0.15);
  }

  .hero-stat-mobile span {
    margin: auto;
  }

  .hero-stat-mobile:last-child {
    border-right: none;
  }

  /* Services — 2 colonnes */
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Témoignages — 2 colonnes */
  .temoignages-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .temoignage-card--desktop-only {
    display: flex;
  }

  .temoignages-last-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    grid-column: 1 / -1;
  }

  .temoignages-voir-plus-mobile {
    display: none;
  }
}

/* ── 900px ── */

@media (min-width: 900px) {

  /* Hero — layout split 55/45 */
  .hero {
    min-height: 100svh;
    background: none;
  }

  .hero-right {
    display: block;
    flex: 0 0 45%;
    position: relative;
    overflow: hidden;
  }

  .hero-right-photo {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center top;
  }

  .hero-right-overlay {
    position: absolute;
    inset: 0;
  }

  .hero-left {
    flex: 0 0 55%;
    max-width: 55%;
    padding: 7rem 3rem 3rem max(calc((100vw - 1120px) / 2 + 1.25rem), 1.25rem);
    gap: 1.25rem;
  }

  .hero-logo {
    margin: auto auto 7% auto;
  }

  /* Accroche */
  .section-accroche {
    padding: 5.5rem 0;
  }

  .accroche-inner {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }

  .accroche-visual {
    display: block;
    border-radius: var(--radius-lg);
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border: 1px solid rgba(31, 46, 42, 0.1);
  }

  .accroche-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 22% top;
  }

  /* Services — 4 colonnes */
  .services-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  /* Réassurance — 3 colonnes */
  .trust-layout {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }

  .press-logos {
    gap: 4rem;
  }

  /* Contact — 2 colonnes */
  .contact-inner {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
  }

  /* Footer — horizontal */
  .footer-inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
}

/* ── Galerie polaroid (desktop-first — géométrie du carrousel) ── */

@media (max-width: 900px) {
  .polaroid-carousel {
    --active-count: 2;
    --card-w: 190px;
    --active-gap: 22px;
  }

  .polaroid-carousel__stage {
    min-height: 340px;
  }
}

@media (max-width: 640px) {
  .galerie-arrow img {
    width: 34px;
  }

  .polaroid-carousel {
    --active-count: 1;
    --card-w: min(58vw, 210px);
    --active-gap: 0px;
    --pile-gap: 8px;
    --stack-step: 6px;
  }

  .polaroid-carousel__stage {
    min-height: 320px;
  }

  /* navigation assurée par le swipe, le clic sur les piles et les dots */
  .polaroid-carousel__nav {
    display: none;
  }

  .polaroid-gallery__dots {
    display: flex;
  }

  .galerie-mention {
    font-size: 1.4rem;
  }
}