/* Event selection is a GET flow. These styles also serve the create screen. */
.event-selector {
  --es-text: var(--lp-cream, var(--ink, #efe9dd));
  --es-muted: var(--lp-dim, var(--ink-soft, #a9a195));
  --es-line: var(--lp-line, rgba(180, 158, 112, .25));
  --es-accent: var(--lp-accent, var(--gold, #c8a96a));
  --es-panel: var(--lp-panel, var(--surface, #221d17));
  color: var(--es-text);
}
.event-type-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.event-type-form {margin:0;height:100%}
.event-type-card {box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:9px;width:100%;min-height:212px;padding:23px;text-align:left;font:inherit;line-height:1.45;color:var(--es-text);background:var(--es-panel);border:1px solid var(--es-line);border-radius:0;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
button.event-type-card {height:100%}
.event-type-card strong {font-size:16px;font-weight:500}
.event-type-icon {display:grid;place-items:center;flex:none;width:45px;height:45px;margin-bottom:7px;color:var(--es-accent);border:1px solid var(--es-line);border-radius:0;background:rgba(180,158,112,.07)}
.event-type-icon svg {width:30px;height:30px}
.event-type-description {font-size:12px;color:var(--es-muted);font-weight:400}
.event-type-state {margin-top:auto;padding-top:8px;font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--es-accent)}
.event-type-state span {margin-left:6px}
.event-type-state svg {width:12px;height:12px;vertical-align:-2px;margin-left:6px}
.event-type-card:hover:not(.is-unavailable),.event-type-group[open]>.event-type-card {border-color:var(--es-accent);background:color-mix(in srgb,var(--es-panel) 90%,var(--es-accent))}
.event-type-card:focus-visible,.event-subtypes input:focus-visible,.event-select-submit:focus-visible {outline:2px solid var(--es-accent);outline-offset:5px}
.event-type-card.is-selected {border-color:var(--es-accent);box-shadow:inset 0 0 0 1px var(--es-accent)}
.event-type-card.is-unavailable {cursor:default;opacity:.66}
.event-type-card.is-unavailable .event-type-state {color:var(--es-muted)}
.event-type-group {min-width:0;height:100%;border:0;margin:0;background:none}
.event-type-group>summary {list-style:none}
.event-type-group:not([open])>summary {height:100%}
.event-type-group>summary::-webkit-details-marker {display:none}
.event-type-group[open]>summary {border-radius:0;min-height:0}
.event-type-group[open] .event-type-description {display:none}
.event-subtypes {margin:0;padding:16px;border:1px solid var(--es-accent);border-top:0;border-radius:0;background:var(--es-panel)}
.event-subtypes fieldset {min-width:0;margin:0;padding:0;border:0}
.event-subtypes legend {font-size:12px;font-weight:500;margin-bottom:9px}
.event-subtypes label {display:flex;align-items:center;gap:9px;font-size:13px;min-height:44px;cursor:pointer}
.event-subtypes input {accent-color:var(--es-accent);width:16px;height:16px;flex:none;margin:0}
.event-select-submit {width:100%;min-height:44px;margin-top:12px;padding:11px 9px;border:1px solid var(--es-accent);border-radius:0;background:var(--es-accent);color:#14110d;font:inherit;font-size:12px;font-weight:500;cursor:pointer}
.event-select-submit span {margin-left:5px}
.lp .event-entry {padding:clamp(44px,6vw,80px) 28px 60px;background:radial-gradient(ellipse at 50% 0,rgba(200,169,106,.12),transparent 65%)}
.lp .event-entry-head {max-width:680px;margin:0 auto 34px;text-align:center}
.lp .event-entry .eyebrow {font-size:10px}
.lp .event-entry h1 {font-size:clamp(42px,7vw,76px);line-height:1.06}
.lp .event-entry .lp-sub {margin:18px auto 0;max-width:540px;font-size:16px}
.lp .event-entry-note {margin:25px 0 0;text-align:center;font-size:12px;color:var(--lp-dim)}
.lp .event-entry-note a {text-decoration:underline;text-underline-offset:3px}
.lp .event-context {position:relative;padding:14px 28px;border-bottom:1px solid var(--lp-line);background:var(--lp-ink-2)}
.lp .event-context>details {max-width:1180px;margin:0 auto}
.lp .event-context>details>summary {display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;cursor:pointer;list-style:none;font-size:14px}
.lp .event-context>details>summary::-webkit-details-marker {display:none}
.lp .event-context-label {color:var(--lp-dim);margin-right:8px}
.lp .event-context-change {font-size:12px;color:var(--lp-accent);white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.lp .event-context>details[open] .event-selector {padding:20px 0}
.lp .event-context>details>summary:focus-visible,.lp a:focus-visible,.lp button:focus-visible {outline:2px solid var(--lp-accent);outline-offset:5px}
.lp .event-context-note {margin:0 0 14px;color:var(--lp-dim);font-size:12px}
.lp #pilihan-acara {scroll-margin-top:150px}
.lp .event-hero-title {font-size:clamp(54px,8vw,104px);line-height:1.04;overflow-wrap:anywhere}
.lp .event-error {padding:15px 18px;border:1px solid var(--lp-accent);border-radius:0;margin:0 0 24px;color:var(--lp-cream);font-size:14px}
.lp .catalog-context {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 28px;padding:12px 0;border-block:1px solid var(--lp-line);font-size:13px;color:var(--lp-dim)}
.lp .catalog-context a {color:var(--lp-accent);text-decoration:underline;text-underline-offset:4px}
.lp .theme-card {overflow:hidden;min-width:0;display:flex;flex-direction:column}
.lp .theme-card .tc-info {flex:1}
.lp .theme-card .tc-img {display:block}
.lp .theme-card .tc-name {margin:0}
.lp .theme-card .tc-preview {display:block;position:relative}
.lp .theme-card .tc-actions {display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.lp .theme-card .tc-actions a {flex:1;min-width:100px;padding:10px 12px;min-height:44px;font-size:10px;text-align:center;letter-spacing:.1em}
.lp .theme-card .tc-kind {display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--lp-accent);margin:0 0 6px}
.lp .event-cover {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:0;height:100%;aspect-ratio:4/3;padding:24px;text-align:center;overflow:hidden;background:#211a0e;color:#d5b478;border:12px solid #17130e;font-family:'Cormorant Garamond',serif}
.lp .event-cover::before {content:'';position:absolute;inset:12px;border:1px solid currentColor;opacity:.4;pointer-events:none}
.lp .event-cover::after {content:'';position:absolute;inset:21px;border:1px solid currentColor;opacity:.16;pointer-events:none}
.lp .event-cover>* {position:relative;z-index:1}
.lp .event-cover-kicker,.lp .event-cover-foot {font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.lp .event-cover-name {font-size:clamp(34px,4vw,46px);line-height:1.1;font-weight:400}
.lp .event-cover-rule {width:44px;height:1px;background:currentColor;opacity:.6}
.lp .event-cover--ivory-luxe {background:#f0e9dc;color:#756246;border-color:#e6dac6}
.lp .event-cover--pure-botanical {background:radial-gradient(ellipse at top left,#2c4735,transparent 65%),#0b1712;color:#dfdfc6;border-color:#142219}
.lp .event-cover--aurora-noir {background:radial-gradient(ellipse at top right,#594366,transparent 60%),radial-gradient(ellipse at bottom left,#224e50,transparent 60%),#13141b;color:#e3ddeb;border-color:#1b1d26}
.lp .event-cover--wedding-times {background:#e8e3d7;color:#25251f;border-color:#d7d1c4;font-family:Georgia,serif}
.lp .event-cover--wedding-times .event-cover-kicker {border-block:1px solid;padding:6px 0;letter-spacing:.08em}
.lp .event-cover--wedding-times .event-cover-name {font-weight:700}
.lp .event-cover--wedding-times::after {display:none}
.lp .preview-status {min-height:28px;margin:12px auto 0;text-align:center;font-size:12px;color:var(--lp-dim)}
.lp .preview-status button {font:inherit;color:var(--lp-accent);background:none;border:0;text-decoration:underline;cursor:pointer;min-height:44px;margin-left:5px}
.lp .phone.loading iframe {visibility:hidden}
.lp .phone.preview-failed iframe {visibility:hidden}
.lp .hero-preview-link {display:block;text-align:center;font-size:12px;text-decoration:underline;text-underline-offset:3px;color:var(--lp-accent)}
@media (max-width:1000px) {.event-type-grid {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:680px) {
  .event-type-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .lp .lp-nav-inner {padding:14px 18px;gap:12px}
  .lp .lp-nav .brand {font-size:23px;white-space:nowrap}
  .lp .lp-nav nav {gap:12px}
  .lp .lp-nav nav .btn-line {padding:10px 16px;font-size:11px}
  .event-type-card {min-height:200px;padding:17px 14px;border-radius:0;gap:7px}
  .event-type-card strong {font-size:14px}
  .event-type-description {font-size:11px}
  .event-type-icon {width:39px;height:39px;border-radius:0}
  .event-type-icon svg {width:26px;height:26px}
  .event-subtypes {padding:12px}
  .event-subtypes label {font-size:12px}
  .lp .event-entry {padding:40px 18px}
  .lp .event-context {padding:10px 18px}
  .lp .event-context>details>summary {font-size:12px}
  .lp .event-context-label {display:none}
  .lp .catalog-context {align-items:flex-start;font-size:12px}
  .lp .event-hero-title {font-size:clamp(46px,12vw,70px)}
  .lp .theme-grid {grid-template-columns:minmax(0,1fr)}
  .lp .event-cover {min-height:0}
  .lp .addon-list li {flex-wrap:wrap;gap:5px}
}
@media (max-width:359px) {
  .event-type-card {min-height:191px;padding:14px 11px}
  .event-type-card strong {font-size:13px}
  .event-type-description {font-size:10px}
  .event-type-state {font-size:10px}
  .event-subtypes {padding:9px}
  .event-select-submit {font-size:11px}
  .lp .lp-nav-inner {padding:14px 16px}
  .lp .lp-nav .brand {font-size:21px}
  .lp .lp-nav nav {gap:8px}
  .lp .lp-nav nav .btn-line {padding:9px 11px}
}
@media (prefers-reduced-motion:reduce) {.event-type-card {transition:none}}
/* Small action labels need more contrast than the decorative gold in light mode. */
html[data-theme="light"] .event-type-state,
html[data-theme="light"] .lp .event-entry .eyebrow,
html[data-theme="light"] .lp .event-context-change,
html[data-theme="light"] .lp .catalog-context a,
html[data-theme="light"] .lp .preview-status button,
html[data-theme="light"] .lp .hero-preview-link {color:#785814}