/* ═══ odile-wds.css — lapisan WDS akadnikahku untuk port Odile (z33) ═══ Menggantikan base-layer platform Invitzy: opener overlay, form RSVP, footer brand. Tema style.css Odile meng-override tampilannya via selector .jfy-* — file ini hanya menyediakan struktur dasar. */ /* ── opener: sampul layar penuh ── */ .jfy-opener { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; text-align: center; padding: 24px; transition: opacity .9s ease, visibility .9s ease; } .jfy-opener.jfy-opener-opened { opacity: 0; visibility: hidden; pointer-events: none; } .jfy-opener-inner { max-width: 420px; width: 100%; } .jfy-opener-eyebrow { margin: 0 0 6px; } .jfy-opener-names { margin: 0 0 8px; } .jfy-opener-to { margin: 26px 0 2px; } .jfy-opener-guest { margin: 0 0 26px; } .jfy-opener-btn { cursor: pointer; } /* kunci scroll selama sampul tertutup */ body.jfy-locked { overflow: hidden; height: 100dvh; } /* ── form RSVP dasar (gaya WDS, di-skin oleh tema) ── */ .jfy-rsvp-form { display: flex; flex-direction: column; gap: 6px; position: relative; z-index: 2; } .jfy-rsvp-label { margin-top: 12px; font-family: var(--od-sans, sans-serif); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; opacity: .8; } .jfy-rsvp-in { width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 8px; border: 1px solid rgba(232,205,147,.35); background: rgba(255,255,255,.06); color: inherit; font-family: var(--od-serif, serif); font-size: 15px; outline: none; transition: border-color .25s, box-shadow .25s; } .jfy-rsvp-in::placeholder { color: rgba(243,233,220,.45); } select.jfy-rsvp-in option { color: #3c0b16; } textarea.jfy-rsvp-in { resize: vertical; min-height: 74px; } .jfy-rsvp-btn { margin-top: 18px; padding: 14px 20px; width: 100%; border-radius: 999px; border: 1px solid rgba(232,205,147,.6); background: transparent; color: inherit; cursor: pointer; transition: background .3s, box-shadow .3s; } .jfy-rsvp-note { margin: 10px 0 0; text-align: center; font-size: 14px; min-height: 1.2em; } /* ── footer brand akadnikahku ── */ .akn-brand-footer { margin-top: 54px; text-align: center; } .akn-brand-text { margin: 0 0 10px; font-family: var(--od-serif, serif); font-style: italic; font-size: 13px; letter-spacing: .06em; color: rgba(90,22,38,.62); } .akn-brand-link { display: inline-block; text-decoration: none; } .akn-brand-logo { display: block; width: clamp(120px, 26vw, 168px); height: auto; margin: 0 auto; opacity: .88; transition: opacity .3s; } .akn-brand-link:hover .akn-brand-logo { opacity: 1; } /* ═══ z33-b: skin form tamu + wall [wishes] templateku di kartu Odile ═══ */ .akn-odile-wishes { position: relative; z-index: 2; } .akn-odile-wishes .tk-wrapper { background: transparent !important; border: 0 !important; box-shadow: none !important; font-family: var(--od-sans, sans-serif); color: var(--od-ink, #3c2126) !important; } /* Sembunyikan link "N Wishes" (auto-load aktif) & tombol Cancel */ .akn-odile-wishes .tk-wrap-link { display: none !important; } .akn-odile-wishes .tk-cancel-btn { display: none !important; } /* Badge hitung kehadiran */ .akn-odile-wishes .tk-comment-attendence { font-family: var(--od-sans, sans-serif); } .akn-odile-wishes .tk_comment_count_card_wrap, .akn-odile-wishes [class*="_comment_count_card_wrap"] { background: transparent !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; } .akn-odile-wishes .tk_comment_count_card, .akn-odile-wishes [class*="_comment_count_card"] { background: rgba(255, 252, 248, .82) !important; border: 1px solid rgba(94, 43, 51, .22) !important; border-radius: 12px !important; color: var(--od-ink, #3c2126) !important; } /* Field: nama, ucapan, select konfirmasi */ .akn-odile-wishes input.tk-input, .akn-odile-wishes textarea.tk-textarea, .akn-odile-wishes select.cui-select, .akn-odile-wishes select#konfirmasi { width: 100%; box-sizing: border-box; font-family: var(--od-serif, serif) !important; font-size: 15px !important; color: var(--od-ink, #3c2126) !important; background: rgba(255, 252, 248, .82) !important; border: 1px solid rgba(94, 43, 51, .28) !important; border-radius: 10px !important; padding: 10px 14px !important; outline: none; line-height: 1.5 !important; height: auto !important; transition: border-color .25s ease, box-shadow .25s ease; } .akn-odile-wishes select.cui-select, .akn-odile-wishes select#konfirmasi { min-height: 46px; } .akn-odile-wishes input.tk-input:focus, .akn-odile-wishes textarea.tk-textarea:focus, .akn-odile-wishes select.cui-select:focus { border-color: rgba(94, 43, 51, .6) !important; box-shadow: 0 0 0 3px rgba(94, 43, 51, .12); } /* Tombol Kirim */ .akn-odile-wishes .form-submit input[type="submit"] { font-family: var(--od-sans, sans-serif) !important; font-size: 12px !important; letter-spacing: .2em; text-transform: uppercase; cursor: pointer; color: #f7ecdd !important; background: var(--od-wine, #5e2b33) !important; border: 1px solid rgba(247, 236, 221, .25) !important; border-radius: 999px !important; padding: 12px 30px !important; transition: transform .25s ease, background .25s ease; } .akn-odile-wishes .form-submit input[type="submit"]:hover { transform: translateY(-1px); background: #4a2028 !important; } /* Wall ucapan */ .akn-odile-wishes .tk-container-comments { list-style: none; padding-left: 0; } .akn-odile-wishes .tk-container-comments li { background: rgba(255, 252, 248, .78); border: 1px solid rgba(94, 43, 51, .18); border-radius: 12px; margin-bottom: 10px; padding: 4px 8px; } /* Nama & isi ucapan → palet Odile. Plugin cetak