/* ==========================================================================
   Flucky gold theme override for the Marcus chat widget.
   Load this AFTER the widget's base style.css when persona = marcus
   (Dispatch: /root/marcus-casino/personas/marcus/widget/theme.css, then reload).

   The base widget theme (shared with Hugo/6proclub) accents in pink
   #ff3e8a → #d42872. This flips those accents to Flucky gold #e6c805 → #b8a004
   with dark ink on gold surfaces. Selectors + colours were taken from the live
   widget's style.css so they hit the real elements; !important because this is
   an override layer sitting on top of the base sheet.
   ========================================================================== */

:root {
  --flucky-gold: #e6c805;
  --flucky-gold-deep: #b8a004;
  --flucky-ink: #231403;
  --flucky-gold-glow: rgba(230, 200, 5, 0.28);
}

/* --- Send button (base: pink gradient) ---------------------------------- */
#send-btn,
#send-btn:hover:not(:disabled),
#send-btn:active:not(:disabled) {
  background: linear-gradient(180deg, var(--flucky-gold) 0%, var(--flucky-gold-deep) 100%) !important;
  color: var(--flucky-ink) !important;
  border-color: var(--flucky-gold) !important;
}
#send-btn:disabled { opacity: .5; }

/* --- User message bubbles (base: pink gradient) ------------------------- */
.message.user .message-content {
  background: linear-gradient(180deg, var(--flucky-gold) 0%, var(--flucky-gold-deep) 100%) !important;
  color: var(--flucky-ink) !important;
  border-color: transparent !important;
}
.message.user .message-time { color: rgba(35, 20, 3, .7) !important; }

/* --- Avatar / concierge bubble (any pink-gradient chip) ----------------- */
[class*="avatar"],
.concierge-avatar,
.status-indicator.online {
  /* keep the online dot green; only recolour avatar-style chips */
}
[class*="avatar"], .concierge-avatar {
  background: linear-gradient(180deg, var(--flucky-gold) 0%, var(--flucky-gold-deep) 100%) !important;
  color: var(--flucky-ink) !important;
}

/* --- Accent text / active icons that were pink ------------------------- */
.feedback-btn.active,
.feedback-btn:hover,
.message-feedback .active { color: var(--flucky-gold) !important; }

/* --- Input focus ring --------------------------------------------------- */
#chat-input:focus {
  border-color: var(--flucky-gold) !important;
  box-shadow: 0 0 0 2px var(--flucky-gold-glow) !important;
  outline: none !important;
}

/* --- Any element still carrying the base pink as a border -------------- */
[style*="ff3e8a"] { border-color: var(--flucky-gold) !important; }

/* ── ROOM FOR THE HOST'S CLOSE BUTTON (2026-08-31) ────────────────────────
   The embedding page draws its own Close (×) absolutely positioned at the
   top-right, OVER this iframe — and it landed exactly on the New chat
   button. Tapping New chat pressed Close: the drawer shut and the
   conversation was never touched, which is precisely the reported
   "start a new chat does not reliably start a clean thread ... it closed
   the widget and reopening restored the same conversation".

   Nothing inside this document could see it: within the iframe's own
   coordinate space the button is unobstructed, and it only fails when a
   parent is drawing on top. Standalone, there is no host chrome and no
   offset is wanted — hence the class rather than a blanket margin. */
body.embedded .header-actions { margin-right: 52px; }