/* Shared navigation for the original client invitation previews. */
.mone-demo-bar{position:fixed;z-index:2147483000;left:20px;bottom:18px;display:flex;flex-direction:column;gap:5px;padding:12px 18px;background:rgba(64,17,25,.94);color:#e5dec9;border:1px solid rgba(217,189,128,.45);border-radius:3px;box-shadow:0 5px 24px rgba(0,0,0,.15);font-family:Arial,sans-serif;font-size:10px;line-height:1.4;direction:ltr;max-width:calc(100vw - 40px);backdrop-filter:blur(12px)}
.mone-demo-home{color:#f2ead5!important;text-decoration:none!important;font-family:Arial,sans-serif!important;font-size:11px;font-weight:600;letter-spacing:1.3px;line-height:1.5}
.mone-demo-home:hover{color:#d7b87f!important}.mone-demo-home:focus-visible{outline:2px solid #ddc699;outline-offset:4px}
.mone-demo-note{grid-column:1/-1;padding:10px 12px;border:1px solid rgba(141,106,51,.3);background:#f8f4e8!important;color:#70562d!important;font:12px/1.6 Arial,sans-serif!important;direction:ltr!important;letter-spacing:0!important;text-align:center!important;margin:8px 0!important}
@media(max-width:600px){.mone-demo-bar{left:12px;bottom:10px;padding:9px 12px;gap:3px}.mone-demo-home{font-size:10px;letter-spacing:1px}.mone-demo-bar span{font-size:9px}}

/* Leave the RSVP dialog controls clear; the dialog carries its own demo note. */
body.modal-active .mone-demo-bar,body:has(.modal.open) .mone-demo-bar{visibility:hidden;pointer-events:none}

/* Keep the opening buttons clear, and avoid duplicate chrome inside previews. */
body.opening-active .mone-demo-bar,body.gate-active .mone-demo-bar{top:12px;bottom:auto}
body.mone-embedded .mone-demo-bar{display:none}