/* ============================================================
   Cultur'Murmur — Skip-link redesigné
   Sous-phase 1.1 — correctif esthétique — 25 mai 2026
   ============================================================
   - Filet plus discret (fond crème + bordure dorée fine)
   - Ombre douce décalée pour effet "carte qui flotte"
   - Typographie cohérente Goudy (italique léger)
   - Disparaît à la touche Échap (gestion JS associée)
   
   À COLLER À LA FIN de assets/css/accessibility-1.1.css
   (surcharge la définition initiale)
   ============================================================ */

.skip-link {
  position: absolute;
  top: -120px;
  left: 1.5rem;
  
  /* Fond clair, plus dans l'esprit Cultur'Murmur */
  background: var(--cm-cream);
  color: var(--cm-brown-dark);
  
  /* Filet doré fin */
  border: 1px solid var(--cm-gold);
  
  /* Ombre douce décalée vers le bas-droite */
  box-shadow: 
    3px 4px 0 rgba(90, 64, 48, 0.06),     /* premier décalage très doux */
    6px 8px 16px rgba(36, 25, 19, 0.10);  /* halo plus diffus */
  
  /* Padding aéré */
  padding: 0.7rem 1.3rem;
  
  /* Typographie : Goudy Old Style italique discret */
  font-family: var(--font-title, "goudy-old-style"), Georgia, serif;
  font-style: italic;
  font-size: 0.95rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  
  /* Carte aux coins doux */
  border-radius: 8px;
  
  /* Pas de soulignement par défaut */
  text-decoration: none;
  
  z-index: 9999;
  
  /* Animation d'apparition fluide */
  transition: top 0.25s ease-out, opacity 0.2s ease-out;
  opacity: 0;
}

.skip-link:focus {
  top: 1rem;
  opacity: 1;
  outline: 2px solid var(--cm-gold);
  outline-offset: 3px;
}

/* État "masqué par Échap" — invisible et non focusable */
.skip-link.is-dismissed {
  display: none;
}

/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .skip-link {
    transition: none;
  }
}