/* Standalone behavior; original appearance is preserved in styles.css. */
html{margin-top:0!important}body.invitation-locked{overflow:hidden}
@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.animated.zoomIn{animation-name:zoomIn}
.invitation-lightbox{border:0;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:rgba(0,0,0,.94);color:white}
.invitation-lightbox::backdrop{background:rgba(0,0,0,.94)}
.invitation-lightbox[open]{display:flex;align-items:center;justify-content:center}
.invitation-lightbox img{max-width:90vw;max-height:90dvh;object-fit:contain}
.invitation-lightbox button{position:absolute;color:white;background:transparent;border:0;font:36px sans-serif;padding:16px;cursor:pointer}
.invitation-lightbox .close{right:10px;top:10px}.invitation-lightbox .prev{left:8px}.invitation-lightbox .next{right:8px}
.local-wish{padding:12px 0;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.local-wish p{margin:4px 0}
@media(prefers-reduced-motion:reduce){.animated,.elementor-ken-burns{animation:none!important}.reveal,.revealin{transition:none!important;transform:none!important;opacity:1!important}html{scroll-behavior:auto!important}}

/* Readable attendance control in the live RSVP form. */
.cui-wrapper select[name=konfirmasi]{color:#433225!important;background:#fff!important;opacity:1!important}
