/* MemoMilo v275 — accueil premium, fiche des cartes, fenêtre de cadeau. */

/* ---------- Fiche pédagogique des cartes : flottante, jamais coupée ---------- */
.mq-h2-tip.is-floating{position:fixed;top:0;bottom:auto;margin-left:0;z-index:2147470000;grid-template-columns:40px minmax(0,1fr);gap:12px;
  padding:14px 16px 15px;border-radius:22px;cursor:pointer;
  box-shadow:0 18px 42px rgba(8,40,70,.22),0 2px 6px rgba(8,40,70,.12),inset 0 1px 0 rgba(255,255,255,.7);
  transform-origin:var(--h2-arrow-x,50%) 100%}
.mq-h2-tip.is-floating[data-place="below"]{transform-origin:var(--h2-arrow-x,50%) 0}
.mq-h2-tip.is-floating .mq-h2-tip-ic{width:40px;height:40px;border-radius:13px}
.mq-h2-tip.is-floating .mq-h2-tip-copy small{font-size:.64rem;letter-spacing:.14em}
.mq-h2-tip.is-floating .mq-h2-tip-copy b{white-space:normal;overflow:visible;text-overflow:clip;font-size:1.02rem;line-height:1.2;margin-top:3px;overflow-wrap:anywhere}
.mq-h2-tip.is-floating .mq-h2-tip-copy p{display:block;-webkit-line-clamp:unset;overflow:visible;margin-top:5px;font-size:clamp(.86rem,3.6vw,.95rem);line-height:1.45;font-weight:750;overflow-wrap:anywhere}
.mq-h2-tip.is-floating.is-constrained .mq-h2-tip-copy{max-height:calc(var(--h2-tip-max) - 29px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
.mq-h2-tip.is-floating .mq-h2-tip-arrow{left:var(--h2-arrow-x,50%)}
.mq-h2-tip.is-floating[data-place="below"] .mq-h2-tip-arrow{top:-9px;bottom:auto;transform:rotate(225deg)}
.mq-h2-tip.is-floating.is-on{animation:mmh-tip-in .42s cubic-bezier(.2,1.25,.3,1) both}
.mq-h2-tip.is-floating[data-place="below"].is-on{animation-name:mmh-tip-in-b}
.mq-h2-tip.is-floating.is-off{animation:mmh-tip-out .2s ease both;pointer-events:none}
@keyframes mmh-tip-in{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
@keyframes mmh-tip-in-b{from{opacity:0;transform:translateY(-12px) scale(.94)}to{opacity:1;transform:none}}
@keyframes mmh-tip-out{to{opacity:0;transform:scale(.96)}}
[dir="rtl"] .mq-h2-tip.is-floating{text-align:right}

/* ---------- Accueil : hiérarchie et finitions ---------- */
/* pseudo lisible : il prend la place disponible au lieu d'être tronqué trop tôt */
.mq-shell[data-screen="accueil"] .mq-top .mq-profil-info{flex:1 1 auto !important;min-width:56px !important;max-width:36vw !important}
@media (max-width:410px){.mq-shell[data-screen="accueil"] .mq-app .mq-top > .mq-icon-btn.mq-icon-btn{width:36px !important;height:36px !important;min-width:36px !important;flex:0 0 36px !important}}
.mq-shell[data-screen="accueil"] .mq-top .mq-profil-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* JOUER : véritable bouton principal, plein, contrasté, dans les couleurs du thème */
.mq-shell[data-screen="accueil"][data-skin] .mq-h2-play:not(.is-waiting){
  background:var(--degrade,linear-gradient(112deg,#19bdf2,#0a6fe0)) !important;color:#fff !important;border:0 !important;
  box-shadow:0 14px 30px color-mix(in srgb,var(--mq-accent,#0a8fd8) 38%,transparent),0 3px 8px rgba(0,30,60,.18),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -3px 0 rgba(0,0,0,.12) !important}
.mq-shell[data-screen="accueil"][data-skin] .mq-h2-play:not(.is-waiting)::before{display:none !important}
.mq-shell[data-screen="accueil"][data-skin] .mq-h2-play:not(.is-waiting) .mq-h2-play-t > span{background:none !important;-webkit-text-fill-color:#fff !important;color:#fff !important;letter-spacing:.14em;text-shadow:0 2px 6px rgba(0,0,0,.18)}
.mq-shell[data-screen="accueil"][data-skin] .mq-h2-play:not(.is-waiting) .mq-h2-play-t small{color:rgba(255,255,255,.88) !important;-webkit-text-fill-color:rgba(255,255,255,.88) !important;font-weight:800}
.mq-shell[data-screen="accueil"][data-skin] .mq-h2-play:not(.is-waiting) .mq-h2-play-ic{background:#fff !important;color:var(--mq-accent,#0a8fd8) !important;box-shadow:0 6px 14px rgba(0,0,0,.18) !important}
.mq-shell[data-screen="accueil"][data-skin] .mq-h2-play:not(.is-waiting) .mq-h2-play-ic svg{fill:currentColor !important;color:inherit}
.mq-shell[data-screen="accueil"][data-skin]:not([data-motion="calme"]) .mq-h2-play:not(.is-waiting)::after{display:block;background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.28) 50%,transparent 58%) !important;animation:mq-h2-sheen 5.2s var(--ease,ease) 3s infinite !important}
.mq-shell[data-screen="accueil"][data-skin] .mq-h2-play:not(.is-waiting):active{transform:scale(.975) translateY(1px)}

/* ---------- Fenêtre de cadeau confirmé ---------- */
.mqe-gift-v275 .mqe-gift-body{text-align:center}
.mqe-gift-v275 .mqe-gift-body h2{margin:2px 0 4px;font-size:clamp(1.25rem,5.4vw,1.5rem);line-height:1.2;overflow-wrap:anywhere;unicode-bidi:plaintext}
.mqe-gift-v275 .mqe-gift-lead{margin:0 0 6px;font-weight:800;opacity:.85}
.mqe-gift-v275 .mqe-gift-title{margin:6px 0 2px;font-weight:900;opacity:.9}
.mqe-gift-v275 .mqe-gift-note{margin:4px 0;opacity:.85}
.mqe-gift-v275 .mqe-gift-ok{display:inline-flex;align-items:center;gap:6px;margin:8px auto 0;padding:7px 12px;border-radius:999px;font-weight:900;font-size:.88rem;color:#0f7a3b;background:rgba(34,197,94,.14)}
.mqe-gift-v275 .mqe-gift-ok span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#22c55e;color:#fff;font-size:.75rem}
.mqe-gift-v275 .mqe-gift-cta{min-width:210px}