/* live-website-lw4 (owner-approved noviera Live Website, 2026-10-14, frames P6, P7 and the gift row of P8): Freddy's gift on the
   ticket page, on top of nvv-visit.css and nvv-live.css and in their tokens, so it follows the phone's light and dark appearance
   (and the member's Me choice). P6: the green card under a silver foil the finger scratches away, Claim my month, Send <partner> a
   gift too. P7: what the visitor gave, the four steps (done, now, still to come), Continue registration. Logical properties:
   Arabic mirrors. */
.nvl-gift{--palette-nvl-gift-a:#15803D;--palette-nvl-gift-b:#16A34A;--palette-nvl-gift-c:#22C55E;--palette-nvl-gift-ink:#0B1220;--palette-nvl-gift-err:#B42318;--palette-nvl-gift-on:#FFFFFF;
 display:flex;flex-direction:column;gap:14px;text-align:start}
.nvl-turn--gift{text-align:start}
.nvl-tk+.nvl-gift{margin-top:6px}
/* P6: the card */
.nvl-scratch{position:relative;aspect-ratio:1.46/1;border-radius:20px;overflow:hidden;
 background:linear-gradient(135deg,var(--palette-nvl-gift-a) 0%,var(--palette-nvl-gift-b) 55%,var(--palette-nvl-gift-c) 100%);box-shadow:0 0 0 .5px var(--hair),var(--shadow);user-select:none;-webkit-user-select:none}
.nvl-scratch__under{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:22px 24px}
.nvl-scratch__under b{font:600 clamp(30px,10vw,40px)/1.04 var(--f-brand);letter-spacing:-.6px;color:var(--palette-nvl-gift-on);max-width:7.5em;text-wrap:balance}
.nvl-scratch__under span{font-size:14px;font-weight:550;color:rgba(255,255,255,.86)}
.nvl-scratch canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;transition:opacity .45s ease}
.nvl-scratch canvas.is-gone{opacity:0}
.nvl-scratch__hint{position:absolute;inset-inline-end:14px;bottom:14px;min-height:36px;border:0;border-radius:12px;padding:8px 14px;background:rgba(255,255,255,.86);color:var(--palette-nvl-gift-ink);
 font:650 14px/1 var(--f-body,inherit);cursor:pointer}
.nvl-scratch__hint:focus-visible{outline:2.5px solid var(--g2);outline-offset:2px}
.nvl-gift .nvv-btn{width:100%;justify-content:center}
.nvl-gift .nvv-btn[aria-busy=true]{opacity:.7;pointer-events:none}
.nvl-gift__sent{margin:0;padding:12px 16px;border-radius:16px;background:color-mix(in srgb,var(--g2) 12%,var(--card));color:var(--ink0);font-size:15px;font-weight:550;text-align:center}
.nvl-gift__err{margin:0;font-size:14px;line-height:1.35;color:var(--danger,var(--palette-nvl-gift-err));text-align:center}
.nvl-rem--quiet{margin-top:2px}
.nvl-rem--quiet:empty{display:none}
.nvl-rem--quiet button{min-height:44px;font-size:15px;font-weight:500;color:var(--soft)}
/* P7: what the visitor gave, the steps */
.nvl-fld{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-radius:16px;background:var(--card);box-shadow:0 0 0 .5px var(--hair),var(--shadow)}
.nvl-fld span{font-size:12.5px;color:var(--soft)}
.nvl-fld b{font-size:16px;font-weight:550;color:var(--ink0);overflow-wrap:anywhere}
.nvl-check{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:11px;font-size:15px;color:var(--soft)}
.nvl-check li{display:flex;align-items:center;gap:11px}
.nvl-check i{flex:none;position:relative;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--hair)}
.nvl-check li.is-now{color:var(--ink0);font-weight:650}
.nvl-check li.is-now i{box-shadow:inset 0 0 0 1.5px var(--g1),0 0 0 4px color-mix(in srgb,var(--g2) 18%,transparent)}
.nvl-check li.is-done{color:var(--ink0)}
.nvl-check li.is-done i{background:var(--g1);box-shadow:none}
.nvl-check li.is-done i::after{content:"";position:absolute;inset-inline-start:7px;top:4px;width:5px;height:9px;border:solid var(--onG);border-width:0 2px 2px 0;transform:rotate(45deg)}
[dir=rtl] .nvl-check li.is-done i::after{transform:rotate(-45deg) scaleX(-1)}
.nvl-gift__state{margin:0;padding:12px 16px;border-radius:16px;background:color-mix(in srgb,var(--g2) 12%,var(--card));color:var(--ink0);font-size:15px;line-height:1.4}
.nvl-tiny--gift{margin:0;padding-top:4px}
/* P7 on the registration itself (/signup.php?gift=, signup-gift.view.php): the package with the free period and the real price,
   the platform's sign-up fields in the visit's field style, the steps, the terms, Continue registration */
.nvl-reg{gap:12px;padding-bottom:8px}
.nvl-reg .nvl-h{margin-bottom:2px}
.nvl-pkg{gap:4px;padding:14px 16px}
.nvl-pkg em{font-style:normal;font-size:15px;font-weight:550;line-height:1.35;color:var(--g1)}
.nvl-pkg small{font-size:12.5px;line-height:1.35;color:var(--soft)}
.nvl-reg__fields{display:flex;flex-direction:column;gap:8px}
.nvl-reg .nvl-check{margin:6px 0 2px}
.nvl-reg__terms{margin:2px 2px 0}
.nvl-reg__terms a{color:var(--g1);font-weight:600;text-decoration:none}
.nvl-reg .nvl-tiny{margin:0;padding-top:0}
.nvl-hp{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* P8: the gift row (a link to the registration while it is not sent) */
.nvl-row--link{text-decoration:none;color:inherit}
.nvl-row--link span{color:var(--g1)}
[dir=rtl] :is(.nvl-scratch__under b,.nvl-scratch__under span,.nvl-fld span,.nvl-fld b,.nvl-check span,.nvl-gift__state,.nvl-gift__sent,.nvl-gift__err){unicode-bidi:plaintext}
@media (prefers-reduced-motion:reduce){.nvl-scratch canvas{transition:none}}