/* ============================================================
   Link decorators — JSL Distribution
   Décorateur “bouton” pour liens cliquables, isolé du premium.
   Objectif: identifier immédiatement les textes cliquables,
   sans perturber la navigation principale.
   ============================================================ */

/* Contenu principal + footer (exclure CTA déjà stylés)
   Décorateur premium NON intrusif :
   - pas de “gros boutons”
   - décor visible (soulignement premium + fond léger au hover)
*/
main.page-content a:not(.services-cta-btn):not(.whatsapp-btn),
footer.login-footer a:not(.services-cta-btn):not(.whatsapp-btn) {
  font-weight: 800;
  color: color-mix(in srgb, var(--fg) 88%, var(--primary-600));
  text-decoration: none;
  background-image: linear-gradient(
    90deg,
    color-mix(in srgb, var(--primary-500) 35%, var(--border-strong)),
    color-mix(in srgb, var(--primary-500) 55%, transparent),
    color-mix(in srgb, var(--primary-500) 35%, var(--border-strong))
  );
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position: 0 100%;
  padding: 0 2px 2px 2px;
  border-radius: 8px;
  transition: color 200ms ease, background-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

main.page-content a:not(.services-cta-btn):not(.whatsapp-btn):hover,
footer.login-footer a:not(.services-cta-btn):not(.whatsapp-btn):hover {
  color: var(--primary-500);
  background-color: color-mix(in srgb, var(--primary-500) 10%, transparent);
  box-shadow: 0 6px 18px rgba(13, 110, 253, 0.08);
  transform: translateY(-1px);
}