/* majlis.click — Tema Eksekutif (15 Okt 2026): majlis korporat yang formal & megah. Tanpa bunga.
   Logo syarikat di pintu & kepala kad; warna ikut pilihan pemilik (inc/brand.php menindih pemboleh ubah di bawah). */
:root {
  --bg: #16285A;
  --bg-image: radial-gradient(circle at 50% 0, rgba(57,87,157,.55), transparent 60%);
  --bg-size: 100% 100%;
  --bg-pos: 0 0;
  --text: #F7F3EA;
  --text-mute: #BFC7DD;
  --accent: #C5A35C;
  --accent-lt: #E3C98A;
  --on-accent: #0D1938;
  --script: #E3C98A;
  --amp: #C5A35C;
  --panel: #1E3366;
  --arch-bg: rgba(14,26,58,0.62);
  --deep: #0D1938;
  --closing-bg: rgba(14,26,58,0.85);
  --nav-icon: #E3C98A;
  --nav-text: #F7F3EA;
  --paper: #FBF8F1;
  --paper-ink: #111D40;
  --paper-mute: #66708A;
  --paper-line: #EFE6D2;
  --paper-label: #16285A;
  --paper-border: rgba(197,163,92,0.7);
  --field-line: #E6DABF;
  --primary: #22397A;
  --on-primary: #FFFFFF;
  --primary-soft: #E6EBF5;
  --overlay: rgba(9,16,36,0.94);
  --radius: 4px;
  --f-script: 'Cinzel', Georgia, serif;
  --f-serif: 'Cormorant Garamond', Georgia, serif;
  --f-label: 'Cinzel', Georgia, serif;
  --ex-a-dk: #9C7A3A;
  --ex-p2: #22397A;
  --ex-corner: url("tema/orn/eksekutif.svg");
  --ex-rule: url("tema/orn/eksekutif-rule.svg");
}
.t-eksekutif .eyebrow, .t-eksekutif .k { font-family: var(--f-label); letter-spacing: .2em; }
.t-eksekutif .script { font-weight: 600; letter-spacing: .04em; line-height: 1.15; background: linear-gradient(180deg, var(--accent-lt), var(--accent) 70%, var(--ex-a-dk)); -webkit-background-clip: text; background-clip: text; color: transparent; padding: 0 6px; }
.t-eksekutif .script-lg { font-size: clamp(30px, 9vw, 44px); }
.t-eksekutif .script-solo { font-size: clamp(28px, 8.4vw, 42px); }
.t-eksekutif .script-long, .t-eksekutif .script-lg.script-long { font-size: clamp(24px, 7.4vw, 34px) !important; }
.t-eksekutif .amp { font-family: var(--f-serif); }
.t-eksekutif .cover { background-image: radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--ex-p2) 70%, transparent), transparent 65%), linear-gradient(180deg, var(--bg), var(--deep)); }
.t-eksekutif .corner { display: none; }
.t-eksekutif .cover::before, .t-eksekutif .cover::after, .t-eksekutif .closing::before, .t-eksekutif .closing::after { content: ''; position: absolute; width: 190px; height: 190px; pointer-events: none; background: var(--ex-corner) no-repeat center / contain; }
.t-eksekutif .cover::before { left: -4px; top: -4px; }
.t-eksekutif .cover::after { right: -4px; bottom: -4px; transform: rotate(180deg); }
.has-preview.t-eksekutif .cover::before { top: 54px; }
.t-eksekutif .arch { border-radius: 0; border: 0; background: var(--accent); padding: 44px 18px 28px; box-shadow: 0 24px 60px rgba(0,0,0,0.35);
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px); }
.t-eksekutif .arch::before { inset: 1.5px; border: 0; border-radius: 0; background: linear-gradient(180deg, var(--ex-p2), var(--deep)); z-index: 0;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px); }
.t-eksekutif .arch::after { display: none; }
.t-eksekutif .arch > * { position: relative; z-index: 1; }
.t-eksekutif .monogram { border-color: var(--accent); color: var(--accent-lt); background: var(--deep); font-family: var(--f-label); }
/* Logo syarikat sebagai monogram: tanpa bulatan, logo dipapar besar */
.t-eksekutif .monogram.has-logo { width: min(62%, 220px); height: auto; aspect-ratio: var(--logo-ar, 1); border: 0; border-radius: 0; background: none; padding: 0; margin-bottom: 14px; display: grid; place-items: center; box-shadow: none; position: relative; }
.t-eksekutif .monogram.has-logo img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 4px 10px rgba(0,0,0,.3)); }
.t-eksekutif .monogram.has-logo.lm-accent img, .t-eksekutif .monogram.has-logo.lm-white img { visibility: hidden; }
.t-eksekutif .monogram.has-logo.lm-accent::after, .t-eksekutif .monogram.has-logo.lm-white::after { content: ''; position: absolute; inset: 0; -webkit-mask: var(--logo) no-repeat center / contain; mask: var(--logo) no-repeat center / contain; }
.t-eksekutif .monogram.has-logo.lm-accent::after { background: linear-gradient(180deg, var(--accent-lt), var(--accent) 60%, var(--ex-a-dk)); }
.t-eksekutif .monogram.has-logo.lm-white::after { background: #fff; }
.t-eksekutif .photo-arch { border-radius: 0; border: 0; background: var(--accent); padding: 3px; clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px); }
.t-eksekutif .photo-arch img { border-radius: 0; clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px); }
.t-eksekutif .divider { color: var(--accent); }
.t-eksekutif h2 { font-family: var(--f-label); font-weight: 600; letter-spacing: .06em; color: var(--text); }
.t-eksekutif .paper h2 { color: var(--paper-ink); }
.t-eksekutif .sec-head::before { content: ''; width: 140px; height: 28px; background: var(--ex-rule) no-repeat center / contain; margin-bottom: 4px; }
.t-eksekutif .fullname { font-family: var(--f-label); letter-spacing: .08em; color: var(--accent-lt); }
.t-eksekutif .hosts { font-family: var(--f-label); font-size: 19px; line-height: 1.45; letter-spacing: .04em; color: var(--text); }
.t-eksekutif .btn-gold, .t-eksekutif .nav-bubble { background: linear-gradient(135deg, var(--accent-lt), var(--accent) 55%, var(--ex-a-dk)); color: var(--on-accent); }
.t-eksekutif .btn-gold { box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
.t-eksekutif .btn-line { border-color: var(--accent); color: var(--accent-lt); }
.t-eksekutif .btn-line:hover { background: color-mix(in srgb, var(--accent) 14%, transparent); color: #fff; }
.t-eksekutif .cd { background: var(--ex-p2); border-color: color-mix(in srgb, var(--accent) 45%, transparent); } .t-eksekutif .cd b { color: var(--accent-lt); font-family: var(--f-label); }
.t-eksekutif .wish { border-left: 3px solid var(--accent); }
.t-eksekutif .thanks-script, .t-eksekutif .thanks-hero { color: var(--accent-lt); font-family: var(--f-label); font-weight: 600; letter-spacing: .06em; } .t-eksekutif .paper .thanks-script { color: var(--paper-label); }
.t-eksekutif .paper { outline: 1px solid color-mix(in srgb, var(--accent) 55%, transparent); outline-offset: -7px; padding: 28px 24px; } .t-eksekutif .paper-tight { padding: 18px; }
.t-eksekutif .closing { position: relative; overflow: hidden; } .t-eksekutif .closing > * { position: relative; }
.t-eksekutif .closing::before { left: -24px; top: -24px; width: 140px; height: 140px; } .t-eksekutif .closing::after { right: -24px; bottom: -24px; width: 140px; height: 140px; transform: rotate(180deg); }
.t-eksekutif .bottom-nav { box-shadow: 0 -8px 30px rgba(0,0,0,0.3); }
.t-eksekutif .fx-d { display: none; } /* tiada hiasan terapung: kekal kemas & formal */
body.t-eksekutif { --page-orn: var(--ex-corner); --page-orn-op: .1; }
.t-eksekutif .opener { --op-bg: #0D1938; --op-paper: #16285A; --op-mono-c: #E3C98A; --op-ink: #F7F3EA; --op-accent: #C5A35C; --op-font: 'Cinzel', Georgia, serif;
  --ld-a: #3B5DA6; --ld-b: #111F47; --ld-seam: #C5A35C; --ex-a: #C5A35C; --ex-a-lt: #E3C98A; }
.t-eksekutif .op-guest { color: var(--ex-a-lt); }
.t-eksekutif .op-logodoor .op-hint { background: color-mix(in srgb, var(--op-bg) 60%, transparent); color: var(--ex-a-lt); border-color: color-mix(in srgb, var(--ex-a) 55%, transparent); }
.t-eksekutif .op-logodoor .op-intimate { background: color-mix(in srgb, var(--op-bg) 65%, transparent); color: var(--ex-a-lt); border: 1px solid color-mix(in srgb, var(--ex-a) 55%, transparent); }
/* Pintu: logo syarikat (saiz ikut nisbah logo) & mod warna logo */
.t-eksekutif .op-ld-logo { width: min(62vw, 280px); aspect-ratio: var(--logo-ar, 1); max-height: 42vh; }
.t-eksekutif .op-ld-logo.lm-accent img, .t-eksekutif .op-ld-logo.lm-white img { visibility: hidden; }
.t-eksekutif .op-ld-logo.lm-accent::before, .t-eksekutif .op-ld-logo.lm-white::before { content: ''; position: absolute; inset: 0; -webkit-mask: var(--logo) no-repeat center / contain; mask: var(--logo) no-repeat center / contain; filter: drop-shadow(0 6px 14px rgba(0,0,0,.35)); }
.t-eksekutif .op-ld-logo.lm-accent::before { background: linear-gradient(180deg, var(--ex-a-lt), var(--ex-a) 60%, color-mix(in srgb, var(--ex-a) 70%, #000)); }
.t-eksekutif .op-ld-logo.lm-white::before { background: #fff; }
/* Tiada logo: monogram dalam bingkai berlian */
.t-eksekutif .op-ld-logo:not(:has(img)) { width: 150px; aspect-ratio: 1; border: 1.5px solid var(--ex-a); rotate: 45deg; }
.t-eksekutif .op-ld-logo:not(:has(img)) .op-mono { rotate: -45deg; font-family: 'Cinzel', Georgia, serif; font-size: 54px; color: var(--ex-a-lt); }
/* Logo di kepala kad (selepas pintu dibuka) */
.t-eksekutif .hero-logo { margin: 0 auto 14px; width: min(46%, 170px); aspect-ratio: var(--logo-ar, 1); max-height: 170px; display: grid; place-items: center; position: relative; }
.t-eksekutif .hero-logo img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 4px 10px rgba(0,0,0,.3)); }
.t-eksekutif .hero-logo.lm-accent img, .t-eksekutif .hero-logo.lm-white img { visibility: hidden; }
.t-eksekutif .hero-logo.lm-accent::after, .t-eksekutif .hero-logo.lm-white::after { content: ''; position: absolute; inset: 0; -webkit-mask: var(--logo) no-repeat center / contain; mask: var(--logo) no-repeat center / contain; }
.t-eksekutif .hero-logo.lm-accent::after { background: linear-gradient(180deg, var(--accent-lt), var(--accent) 60%, var(--ex-a-dk)); }
.t-eksekutif .hero-logo.lm-white::after { background: #fff; }
.t-eksekutif .hero-logo:not(.has-logo) { width: 64px; height: 64px; aspect-ratio: auto; border: 1.5px solid var(--accent); rotate: 45deg; }
.t-eksekutif .hero-logo:not(.has-logo) span { rotate: -45deg; font-family: var(--f-label); font-size: 26px; color: var(--accent-lt); }
/* Kemas: tiada bingkai berulang di tepi skrin (bloom), hiasan halaman sangat halus */
.t-eksekutif .bloom { display: none !important; }
body.t-eksekutif { --page-orn-op: .07; }
