/* ==========================================================
   TEMA ISLAMI "NUR" - emerald, emas, lengkungan mihrab
   ========================================================== */
body.theme-islami {
  --bg: #f8f2e2;
  --bg-alt: #efe5cb;
  --surface: #fffcf3;
  --text: #2c3b34;
  --muted: #6d7b72;
  --primary: #0e4a38;
  --primary-contrast: #f6e8bb;
  --accent: #c9a24b;
  --border: rgba(201, 162, 75, .5);
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Lato', system-ui, sans-serif;
  --font-script: 'Great Vibes', cursive;
  --font-ar: 'Amiri', 'Traditional Arabic', serif;
  --radius: 22px;
  --radius-sm: 12px;
  --shadow: 0 14px 34px rgba(14, 74, 56, .12);
  --cover-shade: linear-gradient(180deg, rgba(6, 38, 29, .62) 0%, rgba(8, 52, 39, .82) 100%);
  --hero-shade: linear-gradient(180deg, rgba(6, 38, 29, .55) 0%, rgba(8, 52, 39, .84) 100%);
  --star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23c9a24b' stroke-opacity='.28' stroke-width='1'%3E%3Crect x='16' y='16' width='32' height='32'/%3E%3Crect x='16' y='16' width='32' height='32' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='3'/%3E%3C/g%3E%3C/svg%3E");
}

body.theme-islami { font-weight: 400; }
.theme-islami .eyebrow { font-family: var(--font-body); letter-spacing: .38em; }
.theme-islami .sec-title { font-weight: 700; letter-spacing: .01em; }

/* Cover & hero */
.theme-islami .cover-names,
.theme-islami .hero-names { color: #f6e8bb; text-shadow: 0 4px 24px rgba(0, 0, 0, .35); font-family: var(--font-script); }
.theme-islami .names .amp { font-family: var(--font-display); font-style: italic; }
.theme-islami .cover::after,
.theme-islami .hero::after {
  content: ''; position: absolute; inset: 0; background-image: var(--star); opacity: .55; pointer-events: none; z-index: 1;
}
.theme-islami .cover-guest { border-color: rgba(201, 162, 75, .6); background: rgba(246, 232, 187, .1); }
.theme-islami .btn-open { background: linear-gradient(135deg, #e3c273, #c9a24b); color: #0e3b2d; letter-spacing: .06em; }
.theme-islami .countdown > div { border-color: rgba(201, 162, 75, .55); background: rgba(246, 232, 187, .1); }
.theme-islami .hero-date { color: #f6e8bb; }
.theme-islami .bismillah { text-shadow: 0 2px 12px rgba(0, 0, 0, .3); }
.theme-islami .scroll-cue { border-color: rgba(201, 162, 75, .7); color: #f6e8bb; }
.theme-islami .orn { color: #d9b866; opacity: .95; }
.theme-islami .orn-tr { transform: scaleX(-1); }
.theme-islami .orn-bl { transform: scaleY(-1); }
.theme-islami .orn-br { transform: scale(-1, -1); }

/* Section */
.theme-islami .sec-couple,
.theme-islami .sec-gallery,
.theme-islami .sec-rsvp { background-color: var(--bg); background-image: var(--star); }
.theme-islami .sec-events,
.theme-islami .sec-gift { background-color: var(--bg-alt); background-image: var(--star); }

/* Mempelai: foto berbentuk mihrab (lengkungan) */
.theme-islami .person .photo {
  width: min(250px, 74%); aspect-ratio: 3 / 4;
  border-radius: 999px 999px 18px 18px;
  box-shadow: 0 0 0 5px var(--bg), 0 0 0 6.5px var(--accent), 0 18px 34px rgba(14, 74, 56, .25);
}
.theme-islami .person-name { font-size: 1.75rem; font-weight: 700; }
.theme-islami .couple-amp { font-family: var(--font-display); font-style: italic; font-size: 3.6rem; }

/* Kutipan ayat */
.theme-islami .sec-quote { background-color: var(--primary); background-image: var(--star); }
.theme-islami .quote-ar { font-size: clamp(1.7rem, 6.4vw, 2.5rem); line-height: 2.2; text-shadow: 0 2px 14px rgba(0, 0, 0, .25); }
.theme-islami .quote-text { font-size: clamp(1.1rem, 3.8vw, 1.35rem); }

/* Acara */
.theme-islami .event {
  border: 1px solid var(--accent); position: relative;
  border-radius: 999px 999px var(--radius) var(--radius);
  padding-top: 3.2rem;
}
.theme-islami .event::before {
  content: ''; position: absolute; inset: 7px; border: 1px solid rgba(201, 162, 75, .45);
  border-radius: 999px 999px calc(var(--radius) - 6px) calc(var(--radius) - 6px); pointer-events: none;
}
.theme-islami .event-date .dd { font-weight: 700; color: var(--primary); }
.theme-islami .btn-ghost { border-color: var(--primary); }

/* Galeri */
.theme-islami .g-item { border-radius: 14px; box-shadow: 0 6px 16px rgba(14, 74, 56, .15); }
.theme-islami .g-item:nth-child(3n+1) { border-radius: 999px 999px 14px 14px; }

/* Hadiah */
.theme-islami .gift-card { border-style: solid; border-color: var(--accent); }
.theme-islami .gift-card::before { content: ''; width: 34px; height: 34px; background: var(--primary); opacity: .9;
  -webkit-mask: var(--m) center/contain no-repeat; mask: var(--m) center/contain no-repeat;
  --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.6'%3E%3Crect x='5' y='5' width='18' height='18'/%3E%3Crect x='5' y='5' width='18' height='18' transform='rotate(45 14 14)'/%3E%3C/g%3E%3C/svg%3E"); }

/* RSVP */
.theme-islami .rsvp-form { border-color: var(--accent); }
.theme-islami .btn { letter-spacing: .04em; }

/* Footer */
.theme-islami .footer { background-color: var(--primary); background-image: var(--star); }
.theme-islami .footer .orn-divider { color: var(--accent); }
.theme-islami .footer-names { font-family: var(--font-script); }

/* Dock & musik */
.theme-islami .dock { background: rgba(255, 252, 243, .9); border-color: var(--accent); }
.theme-islami .music-btn { background: linear-gradient(135deg, #0e4a38, #136149); border-color: var(--accent); color: #f6e8bb; }

/* Partikel: bintang emas */
.theme-islami .particles i {
  background: #e3c273;
  clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
  filter: drop-shadow(0 0 4px rgba(227, 194, 115, .8));
}