/* majlis.click — Tema Mahkota Plum Olive: Gerbang plum berukir emas & magnolia, pintu plum terbuka 3D ke laman zaitun bercahaya lilin (dijana oleh gen79.py (seni ChatGPT)) */
:root {
  --bg: #FAF6F2;
  --bg-image: none;
  --bg-size: auto;
  --bg-pos: 0 0;
  --text: #3E2230;
  --text-mute: #7E6A70;
  --accent: #C9A45C;
  --accent-lt: #6E1E3E;
  --on-accent: #FFFFFF;
  --script: #6E1E3E;
  --amp: #C9A45C;
  --panel: #FFFFFF;
  --arch-bg: rgba(255,255,255,0.82);
  --deep: #FFFFFF;
  --closing-bg: #F5EEE3;
  --nav-icon: #6E1E3E;
  --nav-text: #3E2230;
  --paper: #FFFFFF;
  --paper-ink: #3A1E2A;
  --paper-mute: #89787F;
  --paper-line: #F5EFE2;
  --paper-label: #5E6B3A;
  --paper-border: #EFE4CE;
  --field-line: #ECDFC6;
  --primary: #6E1E3E;
  --on-primary: #FFFFFF;
  --primary-soft: #F3EDF0;
  --overlay: rgba(31,17,24,0.93);
  --radius: 18px;
  --f-script: 'Pinyon Script', cursive;
}
.t-plumolive h2 { color: #5E1A36; font-weight: 500; }
.t-plumolive .bismillah { color: #6E1E3E; }
.t-plumolive .cover { background-image: radial-gradient(circle at 0 0, rgba(238,214,220,0.8), transparent 46%), radial-gradient(circle at 100% 100%, rgba(232,234,219,0.7), transparent 46%); background-size: 100% 100%, 100% 100%; }
.t-plumolive .corner { display: none; }
.t-plumolive .cover::before, .t-plumolive .cover::after, .t-plumolive .closing::before, .t-plumolive .closing::after { content: ''; position: absolute; width: 210px; height: 210px; pointer-events: none; background: url("tema/orn/plumolive.svg") no-repeat center / contain; }
.t-plumolive .cover::before { left: -6px; top: -6px; }
.t-plumolive .cover::after { right: -6px; bottom: -6px; transform: rotate(180deg); }
.has-preview.t-plumolive .cover::before { top: 54px; }
.t-plumolive .arch { border-color: #D0B072; box-shadow: 0 24px 60px rgba(110,30,62,0.14); }
.t-plumolive .arch::before { border-color: rgba(201,164,92,0.45); }
.t-plumolive .arch::after { content: ''; position: absolute; left: 50%; top: -24px; transform: translateX(-50%); width: 160px; height: 50px; background: url("tema/orn/plumolive-sprig.svg") no-repeat center / contain; z-index: 2; }
.t-plumolive .monogram { border-color: #C9A45C; color: #6E1E3E; background: #fff; }
.t-plumolive .photo-arch { border-color: #C9A45C; background: #fff; box-shadow: 0 24px 60px rgba(110,30,62,0.14); }
.t-plumolive .divider { color: #C9A45C; }
.t-plumolive .sec-head::before { content: ''; width: 130px; height: 40px; background: url("tema/orn/plumolive-sprig.svg") no-repeat center / contain; margin-bottom: -4px; }
.t-plumolive .btn-gold, .t-plumolive .nav-bubble { background: linear-gradient(135deg, #CFAF70, #854046); color: #fff; }
.t-plumolive .btn-gold { box-shadow: 0 10px 24px rgba(110,30,62,0.25); }
.t-plumolive .btn-gold:hover { background: linear-gradient(135deg, #C3A469, #783A3F); color: #fff; }
.t-plumolive .btn-line { border-color: #D4B67D; color: #6E1E3E; background: rgba(255,255,255,0.6); }
.t-plumolive .btn-line:hover { background: #fff; color: #3E2230; }
.t-plumolive .nav-bubble { border-color: #fff; }
.t-plumolive .music-btn { background: rgba(255,255,255,0.92); }
.t-plumolive .paper, .t-plumolive .cd, .t-plumolive .wish, .t-plumolive .item { box-shadow: 0 10px 30px rgba(110,30,62,0.08); }
.t-plumolive .cd { border-color: #EEE2CC; } .t-plumolive .cd b { color: #6E1E3E; }
.t-plumolive .wish, .t-plumolive .item { border-color: #EFE4D1; }
.t-plumolive .wish-name, .t-plumolive .story-year { color: #6E1E3E; }
.t-plumolive .item-icon { background: #F7F1E7; color: #6E1E3E; }
.t-plumolive .story-dot { background: #C9A45C; box-shadow: 0 0 0 4px #F5EFE2; }
.t-plumolive .count-pill { background: #fff; }
.t-plumolive .bottom-nav { box-shadow: 0 -8px 30px rgba(110,30,62,0.08); border-top-color: #EFE4D1; }
.t-plumolive .tag { background: #F4ECE0; color: #7E6A70; }
.t-plumolive .thanks-script { color: #6E1E3E; }
.t-plumolive .lb-close { border-color: #fff; }
.t-plumolive .closing { position: relative; overflow: hidden; } .t-plumolive .closing > * { position: relative; }
.t-plumolive .closing::before { left: -30px; top: -30px; width: 150px; height: 150px; } .t-plumolive .closing::after { right: -30px; bottom: -30px; width: 150px; height: 150px; transform: rotate(180deg); }
.t-plumolive .fx-d { background: url("tema/orn/plumolive.svg") no-repeat center / contain; opacity: .4; }
body.t-plumolive { --page-orn: url("tema/orn/plumolive.svg"); --page-orn-op: .3; }
body.t-plumolive { background-image: radial-gradient(circle at 0 0, rgba(238,214,220,0.44), transparent 52%), radial-gradient(circle at 100% 100%, rgba(232,234,219,0.39), transparent 52%); background-size: 100% 100%, 100% 100%; background-attachment: fixed; }
.t-plumolive .opener { --op-bg: #F1E4E2; --op-paper: #FFFFFF; --op3-room: url(tema/open/plumolive-room.webp); --op3-wall: url(tema/open/plumolive-wall.webp); --op3-leaf: url(tema/open/plumolive-leaf.webp); --op3-back: #4E1A30; --op3-edge: #7A3A50; --op3-glow: rgba(255,248,232,.96); --op-seal: url(tema/open/plumolive-seal.webp); --op-mono-c: #F1D58C; --op-ink: #3E2230; --op-accent: #6E1E3E; --dx: 23.66%; --dy: 30.19%; --dw: 52.01%; --dh: 50.22%; --op3-tt: .14; --op3-th: .52; }
.t-plumolive .op3-title .op-names { text-shadow: 0 1px 12px rgba(255,250,242,.9); }
.t-plumolive .opener { --op3-k: 1.45; }