/** * UR Invited — Preview "still using placeholders" warning banner * /shared/uv-preview-warning.css * v=20260620as * * Shown at the top of the viewport while guest-preview is active AND the * invitation still contains default placeholder content (honoree / date / * venue). Warns the owner not to share or screenshot the draft before * filling in their details. Session-only dismissal (re-shown on next entry). * * Sprint 16 — B6. * Must be loaded in every template's . */ .uv-preview-warning { position: fixed; top: 0; left: 0; right: 0; /* Just below the toolbar's 100000 so a (hidden-in-preview) toolbar would still win, but above all invitation content. */ z-index: 99999; display: flex; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box; padding: 12px 16px; background: #fde9a8; /* warm yellow */ color: #4a3b12; /* dark amber text */ border-bottom: 1px solid rgba(74, 59, 18, 0.18); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10); font-family: inherit; font-size: 13px; line-height: 1.4; text-align: center; animation: uv-preview-warning-in 0.24s ease-out both; } @keyframes uv-preview-warning-in { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: translateY(0); } } .uv-preview-warning__text { font-weight: 500; } .uv-preview-warning__close { appearance: none; -webkit-appearance: none; border: none; background: transparent; cursor: pointer; flex-shrink: 0; width: 24px; height: 24px; line-height: 1; font-size: 18px; border-radius: 50%; color: #4a3b12; transition: background 0.15s ease; } .uv-preview-warning__close:hover { background: rgba(74, 59, 18, 0.12); } .uv-preview-warning__close:focus-visible { outline: 2px solid #4a3b12; outline-offset: 1px; } /* When the warning is up, nudge the floating preview pill below it so they don't overlap at the top of the viewport. */ body.uv-preview-warned .uv-preview-bar { top: 58px; } @media (prefers-reduced-motion: reduce) { .uv-preview-warning { animation: none; } }