/* Amselya — menu « Jouer » (Jeux de mots, Imagier) et repères de l'application
   Tugniwin. Chargé sur toutes les pages (inc/tugniwin-pwa.php). */
.sm-nav-sous { position: relative; display: flex; align-items: center; }
.sm-nav-sous__fleche { font-size: .7rem; margin-inline-start: .1rem; }
.sm-nav-sous__liste {
  position: absolute; top: 100%; right: 0; z-index: 60; min-width: 13rem;
  margin: 0; padding: .4rem; list-style: none;
  background: var(--blanc, #fff); border: 1px solid var(--brume, #E3E8EE); border-top: 3px solid var(--bleu, #1565A8);
  border-radius: 12px; box-shadow: 0 12px 30px rgba(18,33,46,.15);
  opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .15s, transform .15s, visibility .15s;
}
.sm-nav-sous:hover .sm-nav-sous__liste,
.sm-nav-sous:focus-within .sm-nav-sous__liste { opacity: 1; visibility: visible; transform: translateY(0); }
.sm-nav .sm-nav-sous__liste a { display: block; white-space: nowrap; font-weight: 700; }
@media (prefers-reduced-motion: reduce) { .sm-nav-sous__liste { transition: none; } }
/* « Jouer » : bouton qui ouvre le sous-menu (même allure que les liens du menu). */
.sm-nav-sous__bouton {
  display: inline-flex; align-items: center; gap: .15rem; padding: .5rem .8rem; border: 0; border-radius: var(--rayon, 8px);
  background: transparent; font: inherit; font-size: var(--t-s, .9rem); font-weight: 500; color: var(--ardoise, #5B6875); cursor: pointer;
}
.sm-nav-sous__bouton:hover, .sm-nav-sous__bouton:focus-visible, .sm-nav-sous.est-ouvert .sm-nav-sous__bouton { background: var(--bleu-clair, #E8F0FB); color: var(--bleu-fonce, #0F3D74); }
.sm-nav-sous__bouton.est-actif { color: var(--encre, #12212E); font-weight: 600; }
.sm-nav-sous.est-ouvert .sm-nav-sous__liste { opacity: 1; visibility: visible; transform: translateY(0); }