/* L'arabe d'une invocation, mot à mot (dua-mots.js ; repris des pages des sourates, rendu/sourate-mots.css) : chaque mot est un bouton.
   Le mot dont la fiche est ouverte est cerclé d'or ; rien ne bouge (seuls le fond et une ombre INTÉRIEURE changent). La fiche est de nuit :
   ce site n'a aucune ombre portée, c'est son fond qui la détache du papier. */
#alaq-omra .dua-boite { position:relative; }
#alaq-omra .mots-aide { margin:0 0 4px; font:400 14px/1.5 'Jost',sans-serif; color:var(--muted); }
#alaq-omra .arabic-mots .mot { display:inline-block; margin:0; padding:0 .12em; border:0; border-radius:.3em; background:transparent; color:inherit;
  font:inherit; line-height:1.8; vertical-align:baseline; cursor:pointer; -webkit-appearance:none; appearance:none; transition:background-color .2s ease, box-shadow .2s ease; }
@media (hover:hover) { #alaq-omra .arabic-mots .mot:hover { background:#e9d6b0; } }
#alaq-omra .arabic-mots .mot:focus-visible { outline:3px solid #9a6c35; outline-offset:2px; }
/* le mot touché : une teinte PLUS FONCÉE que le survol, et le cercle d'or (Myriam, 10/10) */
#alaq-omra .arabic-mots .mot[aria-expanded="true"] { background:#dcb877; box-shadow:inset 0 0 0 2px var(--gold); }

#alaq-omra .mot-fiche { position:absolute; z-index:40; left:0; top:0; width:max-content; min-width:180px; max-width:min(320px, calc(100vw - 24px));
  box-sizing:border-box; padding:12px 50px 16px; border-radius:16px; background:var(--night); color:#f1e7d8; text-align:center; }
#alaq-omra .mot-fiche[hidden] { display:none; }
#alaq-omra .mot-fiche:focus { outline:none; }
#alaq-omra .mot-fiche:focus-visible { outline:3px solid #e9ac52; outline-offset:3px; }
#alaq-omra .mot-fiche .mf-ar { margin:0; font:400 34px/1.75 'Noto Naskh Arabic',serif; color:#e9ac52; text-align:center; }
#alaq-omra .mot-fiche .mf-fr { margin:0; font:500 17px/1.4 'Jost',sans-serif; color:#f1e7d8; }
#alaq-omra .mot-fiche .mf-note { margin:8px 0 0; font:400 14px/1.45 'Jost',sans-serif; color:#d8c8b0; }
#alaq-omra .mot-fiche .mf-note[hidden] { display:none; }
#alaq-omra .mot-fiche .fermer { position:absolute; top:4px; right:4px; width:44px; height:44px; padding:0; display:grid; place-items:center; border:0;
  border-radius:50%; background:transparent; color:#d8c8b0; font:400 28px/1 'Jost',sans-serif; cursor:pointer; }
#alaq-omra .mot-fiche .fermer:hover { color:#e9ac52; }
#alaq-omra .mot-fiche .fermer:focus-visible { outline:2px solid #e9ac52; outline-offset:-5px; }
#alaq-omra .mf-fleche { position:absolute; left:50%; width:14px; height:14px; margin-left:-7px; background:var(--night); transform:rotate(45deg); }
#alaq-omra .mot-fiche[data-cote="bas"] .mf-fleche { top:-6px; }
#alaq-omra .mot-fiche[data-cote="haut"] .mf-fleche { bottom:-6px; }
@media (max-width:480px) {
  #alaq-omra .mot-fiche { padding:10px 44px 14px; }
  #alaq-omra .mot-fiche .mf-ar { font-size:30px; }
}