/* Zaproszenie – Urodziny Amelii. Wszystkie style są zawężone do .amu, żeby nie mieszać się z motywem WordPressa. */
.amu{
  --amu-night:#0a1630;
  --amu-panel:rgba(20,48,90,.66);
  --amu-snow:#f4f9ff;
  --amu-ice:#d6ecff;
  --amu-frost:#86c3f0;
  --amu-aurora:#9ef0de;
  --amu-lilac:#c4b3ff;
  --amu-muted:#a6c0dc;
  --amu-line:rgba(170,212,255,.22);
  --amu-rose:#ffb8c8;
  --amu-ink:#0a1a36;
  --amu-script:'Great Vibes','Brush Script MT',cursive;
  --amu-display:'Cinzel',Georgia,'Times New Roman',serif;
  --amu-body:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;

  position:relative;
  overflow:hidden;
  isolation:isolate;
  max-width:880px;
  margin:0 auto;
  border-radius:28px;
  background-color:var(--amu-night);
  background-image:radial-gradient(120% 50% at 50% -10%,#1d3f73 0%,rgba(29,63,115,0) 60%),radial-gradient(80% 40% at 85% 25%,rgba(196,179,255,.12),rgba(0,0,0,0) 70%);
  color:var(--amu-snow);
  font-family:var(--amu-body);
  font-size:16px;
  line-height:1.6;
  text-align:left;
  color-scheme:dark;
}
.amu *,.amu *::before,.amu *::after{box-sizing:border-box}
.amu [hidden]{display:none!important}
.amu p,.amu ul{margin:0}
.amu a{color:var(--amu-aurora);text-decoration:none;box-shadow:none}
.amu a:hover{text-decoration:underline}
.amu-snow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.amu-wrap{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:32px max(16px,4vw) 48px;display:flex;flex-direction:column;gap:40px}

/* hero */
.amu-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.amu-palace{width:100%;max-width:520px;height:auto;display:block;margin-bottom:-8px}
.amu-eyebrow{font-family:var(--amu-display);font-weight:500;font-size:.8rem;letter-spacing:.32em;text-transform:uppercase;color:var(--amu-frost)}
.amu-name{font-family:var(--amu-script);font-weight:400;font-size:clamp(4.2rem,15vw,7.5rem);line-height:1.05;margin:4px 0 0;color:var(--amu-snow);
  text-shadow:0 0 18px rgba(158,240,222,.45),0 0 42px rgba(134,195,240,.35)}
.amu-lede{font-size:1.15rem;color:var(--amu-ice);text-wrap:balance}
.amu-when{font-family:var(--amu-display);font-weight:700;font-size:clamp(1.05rem,3.4vw,1.35rem);letter-spacing:.06em;margin-top:14px!important;color:var(--amu-snow)}
.amu-when span{color:var(--amu-aurora)}

.amu-countdown{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.amu-cd{min-width:74px;padding:10px 8px 8px;border:1px solid var(--amu-line);border-radius:14px;background:var(--amu-panel)}
.amu-cd b{display:block;font-family:var(--amu-display);font-size:1.7rem;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--amu-snow)}
.amu-cd small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amu-muted)}
.amu-cd-note{margin-top:12px!important;color:var(--amu-aurora);font-weight:700}

/* sekcje */
.amu-h2{font-family:var(--amu-display);font-weight:700;font-size:1.35rem;line-height:1.3;letter-spacing:.08em;display:flex;align-items:center;gap:10px;color:var(--amu-snow)}
.amu-flake{width:22px;height:22px;color:var(--amu-aurora);flex:none}
.amu-section{display:flex;flex-direction:column;gap:16px}
.amu-p{color:var(--amu-ice);max-width:62ch}

.amu-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.amu-detail{padding:18px 16px;border:1px solid var(--amu-line);border-radius:16px;background:var(--amu-panel);display:flex;flex-direction:column;gap:6px;min-width:0}
.amu-k{font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--amu-frost)}
.amu-v{font-weight:700;font-size:1.05rem;color:var(--amu-snow);line-height:1.35}
.amu-s{color:var(--amu-muted);font-size:.95rem;line-height:1.45}
.amu-detail ul{padding-left:18px;color:var(--amu-ice);font-size:.95rem;line-height:1.5;list-style:disc}
.amu-detail li{margin:0}
.amu-actions{display:flex;gap:10px;flex-wrap:wrap}

/* przyciski – nadpisują style motywu */
.amu .amu-btn{appearance:none;-webkit-appearance:none;border:1px solid var(--amu-line);background:transparent;color:var(--amu-snow);font-family:var(--amu-body);font-weight:700;font-size:.95rem;letter-spacing:0;text-transform:none;padding:9px 16px;margin:0;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;line-height:1.2;min-height:0;box-shadow:none;width:auto;transition:background .15s,border-color .15s}
.amu .amu-btn:hover{background:rgba(170,212,255,.12);border-color:var(--amu-frost);color:var(--amu-snow);text-decoration:none}
.amu .amu-btn.amu-primary{background:linear-gradient(180deg,var(--amu-ice),var(--amu-frost));color:var(--amu-ink);border-color:transparent}
.amu .amu-btn.amu-primary:hover{background:linear-gradient(180deg,var(--amu-snow),var(--amu-ice));color:var(--amu-ink)}
.amu .amu-btn.amu-small{font-size:.85rem;padding:6px 12px}
.amu .amu-btn.amu-danger{color:var(--amu-rose);border-color:rgba(255,184,200,.35)}
.amu .amu-btn[disabled]{opacity:.55;cursor:default}
.amu .amu-btn:focus-visible,.amu input:focus-visible,.amu a:focus-visible{outline:2px solid var(--amu-aurora);outline-offset:2px}

/* prezenty */
.amu-gift-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.amu-tally{font-size:.9rem;color:var(--amu-muted);font-variant-numeric:tabular-nums}
.amu-tally b{color:var(--amu-aurora)}
.amu-meter{height:6px;border-radius:99px;background:rgba(170,212,255,.14);overflow:hidden}
.amu-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--amu-frost),var(--amu-aurora));border-radius:99px;transition:width .4s}
.amu-gifts{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:10px}
.amu-gifts > li{margin:0!important;padding:0;list-style:none!important}
.amu-gifts > li::before,.amu-gifts > li::marker{content:none}
.amu .amu-gift{border:1px solid var(--amu-line);border-radius:16px;background:var(--amu-panel);padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.amu-gift-row{display:flex;gap:12px;align-items:flex-start}
.amu-gift-row > .amu-flake{width:20px;height:20px;color:var(--amu-frost);margin-top:3px}
.amu-gift-main{flex:1;min-width:0}
.amu-gift-name{font-weight:800;font-size:1.05rem;color:var(--amu-snow);overflow-wrap:anywhere}
.amu-gift-note{color:var(--amu-muted);font-size:.93rem;margin-top:2px;overflow-wrap:anywhere}
.amu-gift-link{font-size:.9rem;font-weight:700;display:inline-block;margin-top:4px}
.amu-gift-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.amu .amu-gift.amu-taken{background:rgba(16,38,74,.5)}
.amu-taken .amu-gift-name{color:var(--amu-ice)}
.amu-taken .amu-gift-row > .amu-flake{color:var(--amu-aurora)}
.amu-chip{display:inline-flex;align-items:center;font-size:.8rem;font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:999px;background:rgba(158,240,222,.14);color:var(--amu-aurora);border:1px solid rgba(158,240,222,.35);white-space:nowrap}
.amu-who{font-size:.85rem;color:var(--amu-ice);text-align:right;max-width:200px;overflow-wrap:anywhere}
.amu-form{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px dashed var(--amu-line)}
.amu-form label{font-weight:700;font-size:.92rem;color:var(--amu-ice);margin:0}
.amu-hint{font-size:.85rem;color:var(--amu-muted)}
.amu-err{font-size:.88rem;color:var(--amu-rose);font-weight:700}
.amu input[type=text]{width:100%;max-width:100%;font-family:var(--amu-body);font-size:1rem;line-height:1.4;color:var(--amu-snow);background:rgba(10,22,48,.7);border:1px solid var(--amu-line);border-radius:10px;padding:9px 12px;margin:0;box-shadow:none;height:auto}
.amu input::placeholder{color:#7f9bbb;opacity:1}
.amu-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.amu-row-btns{display:flex;gap:8px;flex-wrap:wrap}
.amu-empty{padding:22px 18px;border:1px dashed var(--amu-line);border-radius:16px;text-align:center;color:var(--amu-muted)}
.amu-empty b{color:var(--amu-ice);display:block;margin-bottom:4px}

.amu-idea{padding:18px;border-radius:16px;border:1px solid rgba(158,240,222,.3);background:linear-gradient(135deg,rgba(158,240,222,.08),rgba(196,179,255,.08));display:flex;flex-direction:column;gap:10px}
.amu-idea p{color:var(--amu-ice)}
.amu-tags{display:flex;gap:8px;flex-wrap:wrap}
.amu-tag{font-size:.88rem;font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid var(--amu-line);color:var(--amu-snow);background:rgba(10,22,48,.4)}

.amu-footer{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.amu-sign{font-family:var(--amu-script);font-size:2.6rem;line-height:1.1;color:var(--amu-snow)}
.amu-footer small{color:var(--amu-muted)}

.amu-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:99999;background:var(--amu-snow);color:var(--amu-ink);font-family:var(--amu-body);font-weight:700;padding:10px 18px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.35);max-width:calc(100% - 32px);text-align:center;font-size:.92rem}

.amu-shimmer{animation:amu-shimmer 6s ease-in-out infinite}
@keyframes amu-shimmer{0%,100%{opacity:.55}50%{opacity:.85}}

@media (max-width:640px){
  .amu{border-radius:20px}
  .amu-details{grid-template-columns:1fr}
  .amu-gift-row{flex-wrap:wrap}
  .amu-gift-side{flex-direction:row;align-items:center;width:100%;justify-content:space-between;padding-left:32px}
  .amu-who{text-align:left;max-width:none}
  .amu-cd{min-width:64px}
}
@media (prefers-reduced-motion:reduce){.amu *{transition:none!important;animation:none!important}}
