/* Premium Events · invitație online (pagina invitatului). Teme prin [data-theme] pe <html>. */
@font-face{font-family:'Great Vibes';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/GreatVibes-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Great Vibes';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/GreatVibes-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root,[data-theme=clasic]{--bg:#F6F0E6;--paper:#FFFDF8;--ink:#30231F;--muted:#7C6B5E;--accent:#A9844A;--accent-ink:#FFFDF8;--line:rgba(169,132,74,.35);--soft:rgba(169,132,74,.08);--display:'Cormorant Garamond',Georgia,serif;--script:'Great Vibes','Cormorant Garamond',serif;--body:Manrope,system-ui,sans-serif;--env:#E9DCC6;--env2:#DCCAAE;--seal:#8E2F2A;--seal-ink:#F6E7D2;--orn:#A9844A}
[data-theme=botanic]{--bg:#EEF1EA;--paper:#FBFCF8;--ink:#26332A;--muted:#66745F;--accent:#5F7A5B;--accent-ink:#FBFCF8;--line:rgba(95,122,91,.35);--soft:rgba(95,122,91,.08);--env:#DCE3D3;--env2:#C9D3BE;--seal:#5F7A5B;--seal-ink:#F3F6EE;--orn:#7E9877}
[data-theme=noir]{--bg:#121110;--paper:#1B1917;--ink:#F3EBDD;--muted:#B3A795;--accent:#C9A262;--accent-ink:#191716;--line:rgba(201,162,98,.38);--soft:rgba(201,162,98,.08);--env:#24201C;--env2:#2E2924;--seal:#C9A262;--seal-ink:#191716;--orn:#C9A262}
[data-theme=blush]{--bg:#F7ECE8;--paper:#FFFAF8;--ink:#3D2A28;--muted:#8A6E69;--accent:#B4746A;--accent-ink:#FFFAF8;--line:rgba(180,116,106,.35);--soft:rgba(180,116,106,.08);--env:#EED7D0;--env2:#E4C4BB;--seal:#9E5B52;--seal-ink:#FBEDE9;--orn:#C08A80}
[data-theme=modern]{--bg:#F4F4F2;--paper:#FFFFFF;--ink:#111111;--muted:#666666;--accent:#111111;--accent-ink:#FFFFFF;--line:rgba(17,17,17,.18);--soft:rgba(17,17,17,.04);--display:Manrope,system-ui,sans-serif;--script:Manrope,system-ui,sans-serif;--env:#E6E6E3;--env2:#D8D8D4;--seal:#111111;--seal-ink:#FFFFFF;--orn:#111111}
[data-theme=botez]{--bg:#EDF3F8;--paper:#FDFEFF;--ink:#24364A;--muted:#647A90;--accent:#5F84A8;--accent-ink:#FDFEFF;--line:rgba(108,143,176,.35);--soft:rgba(108,143,176,.08);--env:#DCE7F1;--env2:#C9D8E7;--seal:#6C8FB0;--seal-ink:#F4F8FC;--orn:#8EAAC6}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ——— Plic ——— */
.env{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:16px;background:var(--bg);transition:opacity .7s ease .9s,visibility 0s linear 1.6s}
.env.open{opacity:0;visibility:hidden}
.env-box{position:relative;width:min(88vw,420px);aspect-ratio:1.45;perspective:1200px;cursor:pointer;border:0;padding:0;background:transparent}
.env-back{position:absolute;inset:0;background:var(--env2);box-shadow:0 30px 60px rgba(0,0,0,.18)}
.env-letter{position:absolute;left:6%;right:6%;top:8%;bottom:6%;background:var(--paper);display:flex;align-items:center;justify-content:center;font:400 clamp(26px,7vw,38px)/1 var(--script);color:var(--accent);transition:transform .9s cubic-bezier(.16,1,.3,1) .35s}
.env-front{position:absolute;inset:0;background:var(--env);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%)}
.env-flap{position:absolute;left:0;right:0;top:0;height:56%;background:var(--env2);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .6s ease;z-index:3}
.env-seal{position:absolute;left:50%;top:56%;z-index:4;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.25),transparent 45%),var(--seal);color:var(--seal-ink);display:flex;align-items:center;justify-content:center;font:500 18px/1 var(--display);letter-spacing:.04em;box-shadow:0 6px 14px rgba(0,0,0,.25),inset 0 0 0 4px rgba(0,0,0,.08);transition:transform .4s ease,opacity .4s ease}
.env.open .env-seal{transform:scale(.6);opacity:0}
.env.open .env-flap{transform:rotateX(180deg);z-index:1}
.env.open .env-letter{transform:translateY(-38%)}
.env-hint{font:600 12px/1.4 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-align:center}
.env-to{font:500 clamp(20px,5vw,26px)/1.2 var(--display);text-align:center;margin:0}

/* ——— Pagina ——— */
.page{max-width:720px;margin:0 auto;padding:0 16px 40px}
.card{background:var(--paper);border:1px solid var(--line);padding:clamp(28px,6vw,56px) clamp(20px,5vw,48px);margin-top:16px;position:relative}
.hero{text-align:center;padding-top:clamp(44px,9vw,80px);padding-bottom:clamp(44px,9vw,72px)}
.hero:before,.hero:after{content:'';position:absolute;left:12px;right:12px;top:12px;bottom:12px;border:1px solid var(--line);pointer-events:none}
.hero:after{left:18px;right:18px;top:18px;bottom:18px;opacity:.5}
.eyebrow{font:700 11.5px/1.4 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.pre{font:500 italic clamp(17px,3.6vw,20px)/1.55 var(--display);color:var(--muted);max-width:30em;margin:18px auto 0}
.names{font:400 clamp(54px,14vw,96px)/1.02 var(--script);color:var(--ink);margin:22px 0 10px}
[data-theme=modern] .names{font:800 clamp(40px,10vw,72px)/1 var(--display);letter-spacing:-.03em;text-transform:uppercase}
.names .amp{display:block;font:500 italic .42em/1.4 var(--display);color:var(--accent)}
.date-big{font:500 clamp(22px,5vw,30px)/1.3 var(--display);letter-spacing:.06em;margin-top:14px}
.date-sub{color:var(--muted);font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}
.orn{display:block;margin:22px auto;color:var(--orn)}
.count{display:flex;justify-content:center;gap:clamp(10px,4vw,28px);margin-top:28px}
.count div{display:flex;flex-direction:column;align-items:center;min-width:56px}
.count b{font:500 clamp(30px,7vw,42px)/1 var(--display);font-variant-numeric:tabular-nums}
.count span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:6px}
h2.sec{font:500 clamp(30px,6vw,40px)/1.15 var(--display);text-align:center;margin:6px 0 22px}
[data-theme=modern] h2.sec{font-weight:800;letter-spacing:-.02em}
.lead{font:500 clamp(18px,3.8vw,21px)/1.6 var(--display);text-align:center;max-width:32em;margin:0 auto}
.people{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:center;margin-top:26px}
.people .k{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.people .v{font:500 19px/1.4 var(--display);margin-top:4px}
.ev{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;padding:22px 0;border-top:1px solid var(--line)}
.ev:first-of-type{border-top:0;padding-top:0}
.ev-time{font:500 30px/1 var(--display);color:var(--accent);min-width:78px;font-variant-numeric:tabular-nums}
.ev-t{font:600 17px/1.3 var(--body);margin:0}
.ev-p{font:500 19px/1.35 var(--display)}
.ev-a{color:var(--muted);font-size:14px}
.ev-btns{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line);background:transparent;font:600 13px/1 var(--body);text-decoration:none;cursor:pointer;color:var(--ink)}
.chip:hover{background:var(--soft)}
.note{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line)}
.note:first-of-type{border-top:0}
.note svg{flex:none;color:var(--accent);margin-top:3px}
.note b{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.iban{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:14px;background:var(--soft);border:1px dashed var(--line);font:600 15px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.04em}

/* ——— RSVP ——— */
.rsvp-hi{text-align:center;font:500 19px/1.5 var(--display);margin:0 auto 22px;max-width:28em}
.yn{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.yn button{min-height:58px;border:1px solid var(--line);background:transparent;cursor:pointer;font:600 15px/1.2 var(--body);padding:8px}
.yn button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.fld{display:flex;flex-direction:column;gap:6px;margin-top:18px}
.fld>label,.lbl{font:700 11.5px/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.inp{min-height:48px;width:100%;border:1px solid var(--line);background:var(--paper);padding:0 14px;font-size:16px}
textarea.inp{min-height:96px;padding:12px 14px;resize:vertical}
select.inp{appearance:auto}
.step{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.step .t{font-weight:600}
.step .t small{display:block;font-weight:400;color:var(--muted);font-size:13px}
.stepper{display:flex;align-items:center;gap:4px}
.stepper button{width:44px;height:44px;border:1px solid var(--line);background:transparent;font:500 22px/1 var(--body);cursor:pointer}
.stepper button:disabled{opacity:.3;cursor:default}
.stepper output{min-width:34px;text-align:center;font:600 18px/1 var(--body);font-variant-numeric:tabular-nums}
.person{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{min-height:40px;padding:0 14px;border:1px solid var(--line);background:transparent;cursor:pointer;font:600 13px/1 var(--body)}
.chips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.check{display:flex;gap:12px;align-items:center;min-height:44px;cursor:pointer;font-weight:500}
.fld>label.check{font:500 15.5px/1.4 var(--body);letter-spacing:0;text-transform:none;color:var(--ink)}
.plain{border-color:transparent!important;background:transparent!important;padding-left:2px!important;font-weight:600}
.env-box:focus:not(:focus-visible){outline:none}
.check input{width:20px;height:20px;accent-color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 26px;border:0;background:var(--accent);color:var(--accent-ink);font:700 15px/1 var(--body);letter-spacing:.04em;cursor:pointer;width:100%;margin-top:24px}
.btn:disabled{opacity:.55;cursor:default}
.err{color:#B3261E;font-size:14px;margin-top:10px;min-height:1px}
[data-theme=noir] .err{color:#F2B8A8}
.done{text-align:center}
.done .big{font:400 clamp(44px,11vw,64px)/1.1 var(--script);color:var(--accent);margin:8px 0}
[data-theme=modern] .done .big{font:800 36px/1.1 var(--display)}
.sum{list-style:none;padding:0;margin:18px auto 0;max-width:26em;text-align:left}
.sum li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.sum li span:first-child{color:var(--muted)}
.linkbtn{background:none;border:0;padding:8px;color:var(--accent);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* ——— Bara de sus ——— */
.top{position:relative;z-index:20;display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;max-width:720px;margin:0 auto}
.top button{min-width:44px;min-height:40px;padding:0 12px;border:1px solid var(--line);background:var(--paper);cursor:pointer;font:700 12px/1 var(--body);letter-spacing:.1em}
.prevbar{background:#191716;color:#F5EEE3;text-align:center;font:600 13px/1.4 Manrope,sans-serif;padding:8px 16px}
.foot{text-align:center;color:var(--muted);font-size:12.5px;padding:28px 16px 8px}
.foot a{color:var(--accent);font-weight:700;text-decoration:none}
.msg{max-width:520px;margin:18vh auto;padding:0 16px;text-align:center}
.msg h1{font:500 34px/1.2 var(--display)}

.rv{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
@media (max-width:480px){.people{grid-template-columns:1fr}.person{grid-template-columns:1fr}.ev{grid-template-columns:1fr}.ev-btns{grid-column:1}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.rv{opacity:1;transform:none}}