/* ==== CONTENEUR ==== */
.inspiration-nav {
  /* distance entre flèche et bord de page */
  --edge-pad: var(--wp--preset--spacing--m);
  /* gap interne entre texte/vignette/flèche */
  --inner-gap: 2rem;
}
.inspiration-nav .nav-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2 demi-cartes */
  gap: 0;
}

/* ==== DEMI-CARTE ==== */
.inspiration-nav .nav-card {
  /* fond accent plein-bleed par demi-carte */
  background: var(--inspiration-accent);
  min-height: clamp(6rem, 4rem + 10vw, 13rem);

  /* 3 colonnes visuelles : meta | thumb | chevron */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--inner-gap);
  text-decoration: none;
  /* on garde une marge intérieure globale, et un pad “bord de page” pour respirer */
  padding: clamp(1rem, 0.714rem + 1.429vw, 2rem) var(--wp--preset--spacing--m);

  /* contraste d’encre */
  color: var(--nav-ink, var(--wp--preset--color--contrast));
}
@supports (color: color-mix(in srgb, black, white)) {
  .inspiration-nav .nav-card {
    --nav-ink: color-mix(in srgb, black 85%, var(--inspiration-accent) 15%);
    color: var(--nav-ink);
  }
}

/* ==== TEXTE ==== */
.inspiration-nav .meta {
  /* flex: 1 1 auto; */
  min-width: 0;
  display: grid;
  gap: 0.25rem;
  color: inherit;
}
.inspiration-nav .eyebrow {
  font-size: var(--wp--preset--font-size--s);
  opacity: 1;
}
.inspiration-nav .title {
  font-weight: 700;
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  line-height: 1.2;
}

/* Alignements centre → extérieur */
.inspiration-nav .nav-card.prev {
  justify-content: flex-end;
}
.inspiration-nav .nav-card.next {
  justify-content: flex-start;
}

/* ==== VIGNETTE ==== */
.inspiration-nav .thumb {
  flex: 0 0 clamp(120px, 22vw, 220px);
  aspect-ratio: 4/3;
  border-radius: var(--wp--custom--radius--m);
  overflow: hidden;
}
.single-service .inspiration-nav .thumb {
  flex: 0 0 clamp(70px, 14vw, 110px);
  aspect-ratio: 1/1;
  border-radius: 0;
  overflow: hidden;
}
.inspiration-nav .thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.single-service .inspiration-nav .thumb-img {
  object-fit: contain;
}
/* ==== FLÈCHES ==== */
/* élément normal du flux (pas en position: absolute) → reste collée à la vignette */
.inspiration-nav .chevron {
  flex: 0 0 auto;
  font-size: clamp(22px, 2.2vw, 28px);
  line-height: 1;
  color: var(--nav-ink, currentColor);
  transform: translateY(1px); /* micro align optique */
}

/* Ordre visuel (centre → extérieur) */
.inspiration-nav .nav-card.prev .chevron {
  order: 1;
  margin-inline-start: 0;
}
.inspiration-nav .nav-card.prev .thumb {
  order: 2;
}
.inspiration-nav .nav-card.prev .meta {
  order: 3;
}

.inspiration-nav .nav-card.next .meta {
  order: 1;
}
.inspiration-nav .nav-card.next .thumb {
  order: 2;
}
.inspiration-nav .nav-card.next .chevron {
  order: 3;
  margin-inline-end: 0;
}

/* États */
.inspiration-nav .nav-card:hover {
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.inspiration-nav .nav-card:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Une seule carte → pleine largeur */
.inspiration-nav .nav-card:only-child {
  grid-column: 1 / -1;
}

/* Mobile */
@media (max-width: 47.99999em) {
  .inspiration-nav .nav-grid {
    grid-template-columns: 1fr;
  }
  .inspiration-nav .nav-card {
    max-height: 100px;
  }
  .inspiration-nav .thumb {
    display: none;
  }
}
.inspiration-nav .nav-card.see-all .title {
  text-decoration: underline;
}