/* ==========================================================================
   LANDING PAGE : effet de survol renforcé (14/10/2026)
   La landing est une surcouche sombre (.mysimul-landing) avec des pastilles translucides : l'effet standard du site (soulignement + teinte) y est
   quasi invisible. Ici, au survol, l'élément devient OPAQUE (blanc, texte vert sapin) pour contrebalancer la transparence, s'élève nettement
   et porte une ombre et un halo.
   Les règles portent !important car les pastilles ont leur style en ligne ; [href] est répété pour dépasser la priorité de la règle générale
   des liens de texte de survol.css.
   ========================================================================== */

/* animation (état de repos) */
.mysimul-landing-links a,
.mysimul-landing nav a {
  transition: transform .18s cubic-bezier(.2, .8, .2, 1), box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease !important;
}
.mysimul-landing button {
  transition: transform .18s cubic-bezier(.2, .8, .2, 1), box-shadow .18s ease, background .18s ease, color .18s ease !important;
}
.mysimul-landing-logo { transition: transform .18s cubic-bezier(.2, .8, .2, 1), box-shadow .18s ease !important; }

@media (hover: hover) and (pointer: fine) {
  /* pastilles (régimes fiscaux et outils gratuits) : fond blanc plein, texte vert sapin, relief marqué */
  .mysimul-landing-links a[href][href][href][href][href][href][href][href][href][href][href][href]:hover,
  .mysimul-landing nav a[href][href][href][href][href][href][href][href][href][href][href][href]:hover {
    background: #FFFFFF !important;
    color: #1F4E47 !important;
    border-color: #FFFFFF !important;
    transform: translateY(-4px) scale(1.07) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.55), 0 0 0 3px rgba(255, 255, 255, 0.35) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    text-decoration: none !important;
    position: relative;
    z-index: 2;
  }

  /* bouton « Lancer la simulation » : même inversion, avec un relief un peu plus fort */
  .mysimul-landing button:hover {
    background: #FFFFFF !important;
    color: #1F4E47 !important;
    transform: translateY(-4px) scale(1.04) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.6), 0 0 0 3px rgba(255, 255, 255, 0.5) !important;
  }

  /* logo : le lien qui l'entoure ne s'efface plus, le logo lui-même s'élève et s'entoure d'un halo */
  .mysimul-landing a[href][href][href]:has(> .mysimul-landing-logo):hover {
    opacity: 1 !important;
    background: transparent !important;
    text-decoration: none !important;
  }
  .mysimul-landing a:hover > .mysimul-landing-logo {
    transform: translateY(-3px) scale(1.06);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6), 0 0 0 3px rgba(255, 255, 255, 0.6);
  }
}

/* retour tactile (écran sans survol) : la pastille se remplit au toucher */
.mysimul-landing-links a:active,
.mysimul-landing nav a:active,
.mysimul-landing button:active {
  background: #FFFFFF !important;
  color: #1F4E47 !important;
  transform: scale(0.96) !important;
}

/* navigation au clavier */
.mysimul-landing a:focus-visible,
.mysimul-landing button:focus-visible {
  outline: 3px solid #FFFFFF !important;
  outline-offset: 3px !important;
}

/* animations réduites : on garde la couleur et l'ombre, plus de mouvement */
@media (prefers-reduced-motion: reduce) {
  .mysimul-landing-links a, .mysimul-landing nav a, .mysimul-landing button, .mysimul-landing-logo { transition: none !important; }
  .mysimul-landing-links a[href][href][href][href][href][href][href][href][href][href][href][href]:hover,
  .mysimul-landing nav a[href][href][href][href][href][href][href][href][href][href][href][href]:hover,
  .mysimul-landing button:hover,
  .mysimul-landing a:hover > .mysimul-landing-logo { transform: none !important; }
}