/* Peach Wreath — bunga persik watercolor, daun sage, dan bingkai lingkaran dusty rose. */
body.theme-peach-wreath.peach-wreath-design {
  --radius: 20px;
  --on-primary: #fff;
  --shadow: 0 14px 34px -20px rgba(99, 69, 57, .24);
  background-color: #fffaf4;
  color: #51463f;
}

.theme-peach-wreath.peach-wreath-design .cover {
  background-color: #fffaf4;
  background-image:
    url('/themes/peach-wreath/flower-tl.png?v=20261027-peach-wreath'),
    url('/themes/peach-wreath/flower-tr.png?v=20261027-peach-wreath'),
    url('/themes/peach-wreath/flower-bl.png?v=20261027-peach-wreath'),
    url('/themes/peach-wreath/flower-br.png?v=20261027-peach-wreath'),
    var(--pattern);
  background-position: left top, right top, left bottom, right bottom, center;
  background-size: clamp(82px, 28vw, 150px) auto, clamp(82px, 28vw, 150px) auto, clamp(82px, 28vw, 150px) auto, clamp(82px, 28vw, 150px) auto, auto;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  background-blend-mode: multiply, multiply, multiply, multiply, normal;
}

.theme-peach-wreath.peach-wreath-design .cover__frame {
  position: relative;
  overflow: visible;
  border: 2px solid #fffaf4;
  outline: 1px solid #bd7776;
  outline-offset: 7px;
  box-shadow: 0 12px 32px -14px rgba(91, 63, 55, .36);
}

.theme-peach-wreath.peach-wreath-design .cover__photo {
  position: relative;
  z-index: 1;
  border-radius: 50%;
}

.theme-peach-wreath.peach-wreath-design .cover__frame::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: -20%;
  background: url('/themes/peach-wreath/wreath-frame.png?v=20261027-peach-wreath') center / 100% 100% no-repeat;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.theme-peach-wreath.peach-wreath-design .cover__label,
.theme-peach-wreath.peach-wreath-design .cover__date,
.theme-peach-wreath.peach-wreath-design .cover__guest,
.theme-peach-wreath.peach-wreath-design .cover__to {
  color: #66554a;
}

.theme-peach-wreath.peach-wreath-design .cover__title {
  color: #a64f3e;
  font-family: var(--font-script), cursive;
  text-shadow: none;
}

.theme-peach-wreath.peach-wreath-design .cover__date { letter-spacing: .22em; }
.theme-peach-wreath.peach-wreath-design .cover__guest small { color: #82746b; }
.theme-peach-wreath.peach-wreath-design .cover .btn--primary {
  background: #a64f3e;
  border-color: #a64f3e;
  color: #fff;
}

/* Dekorasi bunga halaman isi dipasang sebagai lapisan tetap (fixed) di viewport
   supaya tidak ikut bergeser saat halaman digulir, tetapi tetap terlihat. */
.theme-peach-wreath.peach-wreath-design .peach-wreath-fixed-art {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: transparent;
  background-image:
    url('/themes/peach-wreath/flower-tl.png?v=20261027-peach-wreath'),
    url('/themes/peach-wreath/flower-tr.png?v=20261027-peach-wreath'),
    url('/themes/peach-wreath/flower-bl.png?v=20261027-peach-wreath'),
    url('/themes/peach-wreath/flower-br.png?v=20261027-peach-wreath');
  background-position: left top, right top, left bottom, right bottom;
  background-size: clamp(56px, 18vw, 94px) auto, clamp(56px, 18vw, 94px) auto, clamp(56px, 18vw, 94px) auto, clamp(56px, 18vw, 94px) auto;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
}

/* Desktop memakai panel samping; batasi lapisan ke kolom utama saja agar
   dekorasi muncul di sudut undangan, bukan tersembunyi di belakang panel. */
@media (min-width: 900px) {
  .theme-peach-wreath.peach-wreath-design .peach-wreath-fixed-art {
    left: auto;
    right: 0;
    width: var(--main-w);
  }
}

.theme-peach-wreath.peach-wreath-design .main {
  position: relative;
  z-index: 1;
  background-color: transparent;
  background-image: none;
}

.theme-peach-wreath.peach-wreath-design .sec {
  background-color: transparent;
  background-image: none;
}

.theme-peach-wreath.peach-wreath-design .cover__corner,
.theme-peach-wreath.peach-wreath-design .corner { display: none; }

.theme-peach-wreath.peach-wreath-design .hero__title,
.theme-peach-wreath.peach-wreath-design .person__nick,
.theme-peach-wreath.peach-wreath-design .closing__title,
.theme-peach-wreath.peach-wreath-design .side__title,
.theme-peach-wreath.peach-wreath-design .sec__title,
.theme-peach-wreath.peach-wreath-design .event__name,
.theme-peach-wreath.peach-wreath-design .event__num,
.theme-peach-wreath.peach-wreath-design .countdown b,
.theme-peach-wreath.peach-wreath-design .timeline__date {
  color: #a64f3e;
}

.theme-peach-wreath.peach-wreath-design .people__amp { color: #bd7776; }
.theme-peach-wreath.peach-wreath-design .person__photo { border-color: #fffdf9; outline-color: #bd7776; }
.theme-peach-wreath.peach-wreath-design .monogram { color: #a64f3e; }

.theme-peach-wreath.peach-wreath-design .card,
.theme-peach-wreath.peach-wreath-design .event,
.theme-peach-wreath.peach-wreath-design .quote__box,
.theme-peach-wreath.peach-wreath-design .countdown div,
.theme-peach-wreath.peach-wreath-design .wish {
  border: 1px solid rgba(166, 79, 62, .18);
  background: rgba(255, 253, 249, .94);
  box-shadow: var(--shadow);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.theme-peach-wreath.peach-wreath-design .btn--primary {
  background: #a64f3e;
  border-color: #a64f3e;
  color: #fff;
}

.theme-peach-wreath.peach-wreath-design .btn--ghost {
  color: #8f493e;
  border-color: rgba(143, 73, 62, .45);
}

.theme-peach-wreath.peach-wreath-design .bottom-nav {
  background: rgba(255, 250, 244, .96);
  border-top: 1px solid rgba(166, 79, 62, .2);
}

.theme-peach-wreath.peach-wreath-design .side {
  background-color: #fffaf4;
  background-image: url('/themes/peach-wreath/wreath-frame.png?v=20261027-peach-wreath');
  background-position: center;
  background-size: min(88%, 520px) auto;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  color: #51463f;
}

.theme-peach-wreath.peach-wreath-design .side__overlay {
  position: relative;
  z-index: 1;
  padding: 28px 32px;
  border: 1px solid rgba(166, 79, 62, .16);
  border-radius: 20px;
  background: rgba(255, 250, 244, .88);
  box-shadow: var(--shadow);
}

.theme-peach-wreath.peach-wreath-design .side__label { color: #82746b; }
.theme-peach-wreath.peach-wreath-design .form input:not([type=radio]),
.theme-peach-wreath.peach-wreath-design .form textarea,
.theme-peach-wreath.peach-wreath-design .form select {
  background: #fffdf9;
  color: #51463f;
  border-color: rgba(166, 79, 62, .28);
}

@media (max-width: 360px) {
  .theme-peach-wreath.peach-wreath-design .cover { padding: 14px; }
  .theme-peach-wreath.peach-wreath-design .cover__frame { width: 166px; height: 166px; }
  .theme-peach-wreath.peach-wreath-design .cover__title { font-size: clamp(2.3rem, 12vw, 3rem); }
}

@media (prefers-reduced-motion: reduce) {
  .theme-peach-wreath.peach-wreath-design * { scroll-behavior: auto !important; }
}
