/* WebbDesignz Concierge — chat popup. Uses the theme's :root palette variables. */
.wdc, .wdc *{box-sizing:border-box}
.wdc-launcher,.wdc-panel{position:fixed;right:22px;z-index:9990;font-family:var(--font-body,'Instrument Sans',system-ui,sans-serif)}

/* launcher */
.wdc-launcher{bottom:22px;width:60px;height:60px;border:0;border-radius:50%;cursor:pointer;color:#10131c;
  background:linear-gradient(135deg,var(--gold-hi,#F2C14E),var(--gold,#D4A537));
  box-shadow:0 14px 34px -10px rgba(0,0,0,.55),0 0 0 1px rgba(242,193,78,.35);
  display:flex;align-items:center;justify-content:center;transition:transform .18s ease}
.wdc-launcher:hover{transform:translateY(-2px)}
.wdc-launcher:focus-visible{outline:3px solid var(--gold-hi,#F2C14E);outline-offset:3px}
.wdc-ic{display:flex}
.wdc-ic-close{display:none}
.wdc-launcher.is-open .wdc-ic-chat{display:none}
.wdc-launcher.is-open .wdc-ic-close{display:flex}

/* panel */
.wdc-panel{bottom:94px;width:380px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 110px);
  border-radius:18px;overflow:hidden;display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--ink-2,#0A1224),var(--ink,#060B16));color:var(--text,#E8ECF4);
  border:1px solid rgba(212,165,55,.20);box-shadow:0 30px 70px -24px rgba(0,0,0,.8);
  animation:wdc-in .22s ease}
.wdc-panel[hidden]{display:none}
@keyframes wdc-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* header */
.wdc-head{padding:16px 18px 12px;border-bottom:1px solid rgba(212,165,55,.16);
  background:radial-gradient(120% 100% at 100% 0,rgba(212,165,55,.14),transparent 60%),linear-gradient(90deg,rgba(15,52,96,.5),rgba(10,18,36,.2))}
.wdc-eyebrow{display:flex;align-items:center;gap:8px;font-family:var(--font-mono,'JetBrains Mono',ui-monospace,monospace);
  font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi,#F2C14E)}
.wdc-dot{width:6px;height:6px;border-radius:50%;background:var(--live,#4ADE80);box-shadow:0 0 8px var(--live,#4ADE80)}
.wdc-rule{width:16px;height:1px;background:var(--gold,#D4A537)}
.wdc-title-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.wdc-title{margin:0;font-family:var(--font-head,'Bricolage Grotesque',sans-serif);font-size:1.15rem;font-weight:800;letter-spacing:-.01em;color:#fff}
.wdc-x{background:none;border:0;color:var(--muted,#94A3B8);cursor:pointer;padding:4px;border-radius:8px;display:flex}
.wdc-x:hover{color:#fff;background:rgba(255,255,255,.07)}

/* log + bubbles */
.wdc-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}
.wdc-log::-webkit-scrollbar{width:7px}
.wdc-log::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:4px}
.wdc-b{display:flex;max-width:100%}
.wdc-b-user{justify-content:flex-end}
.wdc-b-body{max-width:82%;padding:10px 13px;border-radius:14px;font-size:.92rem;line-height:1.5;word-wrap:break-word;overflow-wrap:anywhere}
.wdc-b-bot .wdc-b-body{background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.14);border-bottom-left-radius:5px;color:var(--text,#E8ECF4)}
.wdc-b-user .wdc-b-body{background:linear-gradient(135deg,var(--gold,#D4A537),#b8862b);color:#10131c;border-bottom-right-radius:5px;font-weight:500}
.wdc-b-body a{color:var(--gold-hi,#F2C14E);text-decoration:underline}
.wdc-b-user .wdc-b-body a{color:#10131c}

/* typing */
.wdc-typing{display:flex;gap:4px;align-items:center}
.wdc-typing span{width:7px;height:7px;border-radius:50%;background:var(--muted,#94A3B8);animation:wdc-bounce 1s infinite ease-in-out}
.wdc-typing span:nth-child(2){animation-delay:.15s}
.wdc-typing span:nth-child(3){animation-delay:.3s}
@keyframes wdc-bounce{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* booking CTA */
.wdc-book{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;font-weight:700;font-size:.92rem;
  text-decoration:none;color:#10131c;background:linear-gradient(135deg,var(--gold-hi,#F2C14E),var(--gold,#D4A537));
  box-shadow:0 8px 20px -8px rgba(212,165,55,.6);transition:transform .15s ease}
.wdc-book:hover{transform:translateY(-1px);color:#10131c}

/* input */
.wdc-form{display:flex;gap:8px;align-items:flex-end;padding:12px;border-top:1px solid rgba(212,165,55,.14);background:rgba(6,11,22,.6)}
.wdc-input{flex:1;resize:none;max-height:120px;padding:10px 12px;border-radius:12px;
  background:rgba(10,18,36,.9);border:1px solid rgba(148,163,184,.22);color:var(--text,#E8ECF4);
  font:inherit;font-size:.92rem;line-height:1.4;outline:none}
.wdc-input::placeholder{color:var(--faint,#8190a5)}
.wdc-input:focus{border-color:var(--gold,#D4A537)}
.wdc-send{flex:0 0 auto;width:42px;height:42px;border:0;border-radius:12px;cursor:pointer;color:#10131c;
  background:linear-gradient(135deg,var(--gold-hi,#F2C14E),var(--gold,#D4A537));display:flex;align-items:center;justify-content:center;transition:opacity .15s}
.wdc-send:disabled{opacity:.5;cursor:default}
.wdc-foot{text-align:center;font-size:.66rem;color:var(--faint,#8190a5);padding:0 0 8px}
.wdc-foot strong{color:var(--muted,#94A3B8)}

@media (max-width:480px){
  .wdc-panel{width:calc(100vw - 24px);height:calc(100vh - 96px);bottom:88px;right:12px}
  .wdc-launcher{bottom:16px;right:16px}
}
@media (prefers-reduced-motion:reduce){
  .wdc-launcher,.wdc-panel,.wdc-book,.wdc-typing span{animation:none!important;transition:none!important}
}
