/* Embeddable widget stylesheet (enhancement 4.3) — self-contained, three themes:
   light / dark / golden. Golden is the premium-feel variant for sites that want warmth. */

:root { --ew-radius: 10px; --ew-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }

.embed-body { margin: 0; font-family: var(--ew-font); font-size: 14px; line-height: 1.5; }

/* Theme: light */
.embed-light { --ew-bg: #ffffff; --ew-text: #1c1917; --ew-muted: #78716c; --ew-border: #e7e5e4;
  --ew-accent: #047857; --ew-accent-text: #ffffff; --ew-chip: #f5f5f4; }
/* Theme: dark */
.embed-dark { --ew-bg: #16162a; --ew-text: #f4f4f7; --ew-muted: #9696a8; --ew-border: #27273e;
  --ew-accent: #818cf8; --ew-accent-text: #0a0a14; --ew-chip: #1f1f33; }
/* Theme: golden */
.embed-golden { --ew-bg: #1c1408; --ew-text: #fdf6e3; --ew-muted: #c9b27c; --ew-border: #423318;
  --ew-accent: linear-gradient(135deg, #f5c14b 0%, #d99a26 60%, #b47716 100%); --ew-accent-solid: #e0a92f;
  --ew-accent-text: #241a05; --ew-chip: #2a1f0d; }

.embed-body { background: var(--ew-bg); color: var(--ew-text); }
.embed-widget { padding: 14px; display: flex; flex-direction: column; gap: 10px; min-height: calc(100vh - 28px); }

.ew-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--ew-accent); color: var(--ew-accent-text); border: none; border-radius: var(--ew-radius);
  padding: 12px 16px; font: 600 14px var(--ew-font); cursor: pointer; text-decoration: none; }
.ew-btn:hover { filter: brightness(1.06); }
.ew-btn-secondary { background: var(--ew-chip); color: var(--ew-text); border: 1px solid var(--ew-border); font-weight: 500; }
.embed-golden .ew-btn-secondary { color: #f0d78c; }

.ew-status { margin: 0; min-height: 1.2em; font-size: 12.5px; color: var(--ew-muted); }
.ew-result { display: flex; flex-direction: column; gap: 8px; }
.ew-row { display: flex; align-items: baseline; gap: 8px; background: var(--ew-chip); border: 1px solid var(--ew-border);
  border-radius: var(--ew-radius); padding: 8px 10px; }
.ew-label { font-size: 10.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--ew-muted); min-width: 56px; }
.ew-row code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; overflow-wrap: anywhere; }
.ew-copy { margin-left: auto; background: none; border: none; color: var(--ew-muted); cursor: pointer; font-size: 14px; }
.ew-copy:hover { color: var(--ew-text); }
.ew-map { height: 180px; border-radius: var(--ew-radius); border: 1px solid var(--ew-border); }

.ew-attribution { margin: auto 0 0; padding-top: 8px; font-size: 11px; color: var(--ew-muted); text-align: center; }
.ew-attribution a { color: inherit; text-decoration: underline; }
.embed-golden .ew-attribution a { color: #e0a92f; }