/* ============================================================
   rs1/ancres — barre d'ancres collante
   Masquée sous 960px (la barre CTA mobile prend le relais).
   ============================================================ */

.mp-ancres{ display: none }

@media (min-width: 961px){
  .mp-ancres{
    display: block;
    position: sticky;
    top: var(--header-height, 76px);
    z-index: 30;
    background: var(--mp-verre);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--mp-trait);
  }
}

.mp-ancres.editor-block{ display: block; position: static }

.mp-ancres__liste{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 clamp(1.25rem, 3vw, 2.5rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

.mp-ancres__lien{
  display: block;
  padding: 1rem 0 .9rem;
  border-bottom: 2px solid transparent;
  font-family: var(--mp-font-texte);
  font-size: var(--mp-t-sm);
  font-weight: 600;
  color: var(--mp-texte);
  text-decoration: none;
  transition: color var(--mp-dur) ease, border-color var(--mp-dur) ease;
}
.mp-ancres__lien:hover{
  color: var(--mp-bleu);
  border-bottom-color: var(--mp-turquoise);
}
.mp-ancres__lien:focus-visible{
  outline: 3px solid var(--mp-bleu);
  outline-offset: 2px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce){
  .mp-ancres__lien{ transition: none }
}