/* Tema Doodle Ceria: gambar tangan lucu, kertas bertitik, stiker warna permen, bayangan tegas.
   Semua gambar (doodle/*.svg) digambar sendiri dan dipakai sebagai CSS mask, jadi ikut warna aksen pilihan pelanggan. */
:root{--page-bg:#f3ead9;--bg:#fffaf0;--surface:#ffffff;--ink:#2e2a33;--muted:#7d7480;--accent:#e2637f;--accent-ink:#fff;--line:#2e2a33;--radius:18px;
--dd-kuning:#ffe27a;--dd-pink:#ffd0dc;--dd-mint:#c4ecd6;--dd-biru:#cfe0ff;
--dd-coret:255px 18px 225px 18px/18px 225px 18px 255px;--dd-bayang:4px 4px 0 var(--ink);
--dd-pasangan:url(doodle/pasangan.svg);--dd-sudut:url(doodle/sudut.svg);--dd-garis:url(doodle/garis.svg);--dd-pola:url(doodle/pola.svg);--dd-cincin:url(doodle/cincin.svg);
--cover-bg:radial-gradient(color-mix(in srgb,var(--accent) 22%,transparent) 1.3px,transparent 1.6px) 0 0/22px 22px,var(--bg);}
.theme-doodle .nk-main{position:relative;overflow:hidden;background:radial-gradient(color-mix(in srgb,var(--accent) 16%,transparent) 1.2px,transparent 1.5px) 0 0/22px 22px,var(--bg)}
.theme-doodle .nk-main>*{position:relative;z-index:1}

/* Gambar dekorasi (mask berwarna aksen) */
.theme-doodle .nk-cover::before,.theme-doodle .nk-cover::after,.theme-doodle .nk-hero::before,.theme-doodle .nk-closing::before,.theme-doodle .nk-closing::after{content:"";position:absolute;pointer-events:none;background:var(--accent);-webkit-mask:var(--dd-sudut) center/contain no-repeat;mask:var(--dd-sudut) center/contain no-repeat}
.theme-doodle .nk-cover::before{width:170px;height:186px;left:-18px;bottom:-12px;animation:dd-goyang 4s ease-in-out infinite alternate}
.theme-doodle .nk-cover::after{width:150px;height:164px;right:-18px;top:-8px;transform:scale(-1,-1);opacity:.75;animation:dd-goyang 5s ease-in-out -2s infinite alternate}
.theme-doodle .nk-hero::before{width:130px;height:143px;right:-14px;bottom:10px;transform:scaleX(-1);opacity:.55}
.theme-doodle .nk-closing::before{width:130px;height:143px;left:-14px;bottom:-6px;opacity:.6}
.theme-doodle .nk-closing::after{width:110px;height:121px;right:-12px;top:6px;transform:scale(-1,-1);opacity:.5}
@keyframes dd-goyang{from{rotate:-3deg}to{rotate:3deg}}
@keyframes dd-melayang{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes dd-jalan{to{transform:translateX(-50%)}}

/* Sampul: kartu stiker dengan gambar pasangan */
.theme-doodle .nk-cover{overflow:hidden}
.theme-doodle .nk-cover-inner{position:relative;z-index:1;background:var(--surface);border:2.5px solid var(--ink);border-radius:var(--dd-coret);box-shadow:6px 6px 0 var(--ink);padding:26px 22px 28px;rotate:-1deg;width:100%}
.theme-doodle .nk-cover-inner::before{content:"";display:block;width:200px;height:166px;margin:-6px auto 4px;background:var(--accent);-webkit-mask:var(--dd-pasangan) center/contain no-repeat;mask:var(--dd-pasangan) center/contain no-repeat;animation:dd-melayang 3.2s ease-in-out infinite}
.theme-doodle .nk-cover-inner::after{content:"Save the date!";position:absolute;top:-16px;right:-10px;background:var(--dd-kuning);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:5px 12px;font:700 .78rem/1 var(--font-display);rotate:8deg;box-shadow:2px 2px 0 var(--ink)}
.theme-doodle .nk-cover h1{font-size:3.2rem;margin:4px 0 8px}
.theme-doodle .nk-eyebrow{color:var(--ink);font-family:var(--font-display);font-weight:600;letter-spacing:.18em}
.theme-doodle .nk-date{display:inline-block;background:var(--dd-mint);border:2px solid var(--ink);border-radius:999px;padding:4px 14px;font-weight:600;letter-spacing:.04em;margin-bottom:20px;rotate:1.5deg}
.theme-doodle .nk-to{border:2px dashed color-mix(in srgb,var(--ink) 45%,transparent);border-radius:14px;padding:12px 14px;margin-bottom:22px}
.theme-doodle .nk-to .nk-guest{font-weight:600}

/* Huruf */
.theme-doodle .nk-script{font-weight:700;color:var(--ink)}
.theme-doodle .nk-script span{color:var(--accent);opacity:1}
.theme-doodle .nk-heading{display:inline-block;position:relative;font-weight:600;font-size:1.9rem;padding:0 8px;margin-bottom:34px;background:linear-gradient(transparent 58%,color-mix(in srgb,var(--accent) 32%,transparent) 58% 92%,transparent 92%);rotate:-1.5deg}
.theme-doodle .nk-heading::after,.theme-doodle .nk-ornament{content:"";display:block;width:150px;height:22px;margin:10px auto 0;background:var(--accent);-webkit-mask:var(--dd-garis) center/contain no-repeat;mask:var(--dd-garis) center/contain no-repeat}
.theme-doodle .nk-heading::after{position:absolute;left:50%;bottom:-30px;translate:-50% 0;rotate:1.5deg;width:130px}
.theme-doodle .nk-ornament{margin:0 auto 22px}

/* Tombol: pil dengan garis & bayangan tegas */
.theme-doodle .nk-btn{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display);font-weight:600;letter-spacing:.02em}
.theme-doodle .nk-btn:hover{translate:-1px -1px;box-shadow:4px 4px 0 var(--ink)}
.theme-doodle .nk-btn:active{translate:2px 2px;box-shadow:1px 1px 0 var(--ink);transform:none}
.theme-doodle .nk-btn-ghost{background:var(--surface);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}

/* Pita berjalan di atas halaman */
.theme-doodle .nk-main::before{content:"SAVE THE DATE \2665  WE'RE GETTING MARRIED \2665  SAVE THE DATE \2665  WE'RE GETTING MARRIED \2665  ";display:block;position:relative;z-index:2;width:max-content;white-space:pre;background:var(--accent);color:var(--accent-ink);border-block:2px solid var(--ink);padding:8px 0;font:700 .8rem/1 var(--font-display);letter-spacing:.12em;animation:dd-jalan 14s linear infinite}

/* Beranda: foto ala polaroid dengan selotip */
.theme-doodle .nk-hero{min-height:84vh}
.theme-doodle .nk-hero-photo{position:relative;overflow:visible;width:220px;height:262px;padding:10px 10px 40px;background:var(--surface);border:2px solid var(--ink);border-radius:4px;box-shadow:var(--dd-bayang);rotate:-3deg}
.theme-doodle .nk-hero-photo::before{content:"";position:absolute;z-index:1;top:-14px;left:50%;width:86px;height:26px;translate:-50% 0;rotate:4deg;background:color-mix(in srgb,var(--dd-kuning) 80%,transparent);border:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}
.theme-doodle .nk-hero-photo::after{content:"\2665";position:absolute;bottom:8px;left:0;right:0;text-align:center;color:var(--accent);font-size:1.1rem;line-height:1}
.theme-doodle .nk-hero-photo img{border-radius:2px}
.theme-doodle .nk-big{font-size:2.9rem}
.theme-doodle .nk-countdown{gap:12px}
.theme-doodle .nk-countdown div{width:66px;height:66px;padding:12px 0;border:2px solid var(--ink);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;box-shadow:3px 3px 0 var(--ink);background:var(--dd-kuning)}
.theme-doodle .nk-countdown div:nth-child(2){background:var(--dd-pink);rotate:4deg}
.theme-doodle .nk-countdown div:nth-child(3){background:var(--dd-mint);rotate:-3deg}
.theme-doodle .nk-countdown div:nth-child(4){background:var(--dd-biru);rotate:3deg}
.theme-doodle .nk-countdown b{color:var(--ink);font-size:1.3rem;line-height:1.3}
.theme-doodle .nk-countdown small{color:var(--ink);font-weight:700;font-size:.6rem}

/* Mempelai */
.theme-doodle .nk-couple{gap:18px}
.theme-doodle .nk-person{background:var(--surface);border:2px solid var(--ink);border-radius:var(--dd-coret);box-shadow:var(--dd-bayang);padding:22px 18px;rotate:-1.2deg}
.theme-doodle .nk-person:last-child{rotate:1.2deg;background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.theme-doodle .nk-person h3{font-size:2.1rem}
.theme-doodle .nk-person p{color:var(--ink)}
.theme-doodle .nk-amp{font-size:0;height:56px;background:var(--accent);-webkit-mask:var(--dd-cincin) center/contain no-repeat;mask:var(--dd-cincin) center/contain no-repeat}

/* Kartu acara, amplop, ucapan */
.theme-doodle .nk-card{border:2px solid var(--ink);border-radius:var(--dd-coret);box-shadow:var(--dd-bayang);padding:26px 20px}
.theme-doodle .nk-card:nth-of-type(odd){rotate:-.8deg}
.theme-doodle .nk-card:nth-of-type(even){rotate:.8deg}
.theme-doodle .nk-card h3{display:inline-block;font-weight:600;color:var(--ink);background:var(--dd-pink);border:2px solid var(--ink);border-radius:999px;padding:4px 16px;font-size:1.15rem;margin-bottom:14px}
.theme-doodle .nk-card:nth-of-type(even) h3{background:var(--dd-biru)}
.theme-doodle .nk-gift{background:linear-gradient(135deg,var(--dd-mint),var(--surface) 60%)}
.theme-doodle .nk-number{font-weight:700}
.theme-doodle .nk-form input,.theme-doodle .nk-form select,.theme-doodle .nk-form textarea{border:2px solid var(--ink);border-radius:12px;box-shadow:2px 2px 0 var(--ink)}
.theme-doodle .nk-form input:focus,.theme-doodle .nk-form select:focus,.theme-doodle .nk-form textarea:focus{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}
.theme-doodle .nk-msg{border:2px solid var(--ink);border-radius:14px 14px 14px 4px;box-shadow:2px 2px 0 var(--ink)}
.theme-doodle .nk-msg:nth-child(3n+1){background:#fffbe6}.theme-doodle .nk-msg:nth-child(3n+2){background:#fff1f4}.theme-doodle .nk-msg:nth-child(3n){background:#eefaf3}

/* Galeri ala polaroid miring */
.theme-doodle .nk-gallery{gap:14px;padding:6px}
.theme-doodle .nk-photo{background:var(--surface);padding:6px 6px 18px;border:2px solid var(--ink);border-radius:4px;box-shadow:3px 3px 0 var(--ink);rotate:-2deg}
.theme-doodle .nk-photo:nth-child(even){rotate:2.5deg}
.theme-doodle .nk-photo:nth-child(3n){rotate:-1deg}
.theme-doodle .nk-photo img{border-radius:2px}
.theme-doodle .nk-yt{border:2px solid var(--ink);box-shadow:var(--dd-bayang)}

/* Selang-seling latar bagian */
.theme-doodle .nk-section:nth-of-type(even):not(.nk-hero){background:color-mix(in srgb,var(--accent) 7%,transparent);border-block:2px dashed color-mix(in srgb,var(--ink) 18%,transparent)}
.theme-doodle .nk-closing{position:relative;overflow:hidden;padding-bottom:110px}
.theme-doodle .nk-hero{position:relative;overflow:hidden}
.theme-doodle .nk-footer a{color:var(--ink);font-weight:700}

/* Tombol musik & menu bawah */
.theme-doodle .nk-music{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);bottom:86px}
.theme-doodle:not(.nk-locked) .nk-nav{display:flex}
.theme-doodle .nk-nav{background:var(--surface);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);backdrop-filter:none}
.theme-doodle .nk-nav a{color:var(--ink);font-family:var(--font-display)}
.theme-doodle .nk-nav a:hover,.theme-doodle .nk-nav a:focus-visible{background:var(--dd-kuning);color:var(--ink)}
.theme-doodle .nk-main{padding-bottom:76px}
@media (prefers-reduced-motion:reduce){.theme-doodle .nk-main::before,.theme-doodle .nk-cover::before,.theme-doodle .nk-cover::after,.theme-doodle .nk-cover-inner::before{animation:none}}
/* Tanpa foto: gambar pasangan tampil di beranda */
.theme-doodle .nk-hero:not(:has(.nk-hero-photo))::after{content:"";order:-1;display:block;width:220px;height:184px;margin:0 auto 18px;background:var(--accent);-webkit-mask:var(--dd-pasangan) center/contain no-repeat;mask:var(--dd-pasangan) center/contain no-repeat;animation:dd-melayang 3.2s ease-in-out infinite}
.theme-doodle .nk-countdown{gap:10px}
.theme-doodle .nk-countdown div{width:70px;height:70px;padding:13px 0}
.theme-doodle .nk-countdown small{font-size:.55rem;letter-spacing:.06em}