/* Capture Concierge — club skin. Overrides the embedded widget to match each club.
   Set per page on :root: --ccs-panel --ccs-bubble --ccs-text --ccs-muted --ccs-accent --ccs-accent-text --ccs-border
   Scoped to #cc-inline-wrapper (inline embed + popup frame). !important to beat runtime-injected styles. */
#cc-inline-wrapper #cc-panel{ background:var(--ccs-panel,#18242B)!important; color:var(--ccs-text,#EAEAE4)!important; border:1px solid var(--ccs-border,rgba(255,255,255,.1))!important; }
#cc-inline-wrapper #cc-msgs, #cc-inline-wrapper #cc-text-panel, #cc-inline-wrapper #cc-voice-panel, #cc-inline-wrapper #cc-menu-panel{ background:var(--ccs-panel,#18242B)!important; color:var(--ccs-text,#EAEAE4)!important; }

#cc-inline-wrapper #cc-header{ background:var(--ccs-panel,#18242B)!important; color:var(--ccs-text,#EAEAE4)!important; border-bottom:1px solid var(--ccs-border,rgba(255,255,255,.1))!important; }
#cc-inline-wrapper #cc-header-name{ color:var(--ccs-text,#EAEAE4)!important; }
#cc-inline-wrapper #cc-header-sub{ color:var(--ccs-muted,#9FB0B5)!important; }
#cc-inline-wrapper #cc-avatar{ background:var(--ccs-accent,#B49A6A)!important; }
#cc-inline-wrapper #cc-avatar svg{ fill:var(--ccs-accent-text,#101A20)!important; opacity:1!important; }
#cc-inline-wrapper #cc-close{ color:var(--ccs-muted,#9FB0B5)!important; }

#cc-inline-wrapper #cc-mode-toggle{ background:var(--ccs-panel,#18242B)!important; border-bottom:1px solid var(--ccs-border,rgba(255,255,255,.1))!important; }
#cc-inline-wrapper .cc-mode-btn{ color:var(--ccs-muted,#9FB0B5)!important; }
#cc-inline-wrapper .cc-mode-btn.active{ color:var(--ccs-accent,#B49A6A)!important; border-bottom-color:var(--ccs-accent,#B49A6A)!important; }

#cc-inline-wrapper .cc-row.bot .cc-bub{ background:var(--ccs-bubble,#22323B)!important; color:var(--ccs-text,#EAEAE4)!important; }
#cc-inline-wrapper .cc-row.user .cc-bub{ background:var(--ccs-accent,#B49A6A)!important; color:var(--ccs-accent-text,#101A20)!important; }
#cc-inline-wrapper .cc-typing{ background:var(--ccs-bubble,#22323B)!important; }

#cc-inline-wrapper .cc-qr{ background:transparent!important; color:var(--ccs-text,#EAEAE4)!important; border:1px solid var(--ccs-border,rgba(255,255,255,.22))!important; }
#cc-inline-wrapper .cc-qr:hover{ background:var(--ccs-accent,#B49A6A)!important; color:var(--ccs-accent-text,#101A20)!important; border-color:var(--ccs-accent,#B49A6A)!important; }

#cc-inline-wrapper #cc-footer{ background:var(--ccs-panel,#18242B)!important; border-top:1px solid var(--ccs-border,rgba(255,255,255,.1))!important; }
#cc-inline-wrapper #cc-input{ background:var(--ccs-bubble,#22323B)!important; color:var(--ccs-text,#EAEAE4)!important; border:1px solid var(--ccs-border,rgba(255,255,255,.16))!important; }
#cc-inline-wrapper #cc-input::placeholder{ color:var(--ccs-muted,#9FB0B5)!important; }
#cc-inline-wrapper #cc-send{ background:var(--ccs-accent,#B49A6A)!important; }
#cc-inline-wrapper #cc-send svg{ fill:var(--ccs-accent-text,#101A20)!important; }

#cc-inline-wrapper #cc-talk-btn, #cc-inline-wrapper #cc-lead-submit{ background:var(--ccs-accent,#B49A6A)!important; color:var(--ccs-accent-text,#101A20)!important; }
#cc-inline-wrapper #cc-orb{ background:var(--ccs-accent,#B49A6A)!important; }
#cc-inline-wrapper #cc-orb svg{ fill:var(--ccs-accent-text,#101A20)!important; }
#cc-inline-wrapper #cc-voice-status, #cc-inline-wrapper #cc-voice-transcript, #cc-inline-wrapper #cc-voice-intro{ color:var(--ccs-muted,#9FB0B5)!important; }

#cc-inline-wrapper #cc-lead-form input, #cc-inline-wrapper #cc-lead-form textarea, #cc-inline-wrapper #cc-lead-form select{ background:var(--ccs-bubble,#22323B)!important; color:var(--ccs-text,#EAEAE4)!important; border:1px solid var(--ccs-border,rgba(255,255,255,.16))!important; }
#cc-inline-wrapper .cc-menu-option{ background:var(--ccs-bubble,#22323B)!important; color:var(--ccs-text,#EAEAE4)!important; border:1px solid var(--ccs-border,rgba(255,255,255,.12))!important; }

#cc-inline-wrapper #cc-branding{ color:var(--ccs-muted,#9FB0B5)!important; }
#cc-inline-wrapper #cc-branding a, #cc-inline-wrapper #cc-branding b{ color:var(--ccs-accent,#B49A6A)!important; }

/* Inline voice view: give the orb + call controls enough room so they don't clip
   at the panel's bottom edge (was cutting off on mobile). */
#cc-inline-wrapper #cc-panel{ min-height:560px!important; }
/* NB: never set `display` here — the widget toggles panels with display:none; an
   !important display would force the inactive tab to show over the active one. */
#cc-inline-wrapper #cc-voice-panel{ padding-bottom:28px!important; box-sizing:border-box!important; }
@media (max-width:640px){
  #cc-inline-wrapper #cc-panel{ min-height:640px!important; height:auto!important; }
  #cc-inline-wrapper #cc-voice-panel{ padding-bottom:34px!important; }
}

/* Keep the inline concierge BELOW the fixed site nav — the widget uses a huge z-index,
   so trap it in a low stacking context. Also offset #ask anchor jumps below the nav. */
#cc-inline-wrapper{ position:relative!important; z-index:0!important; }
#ask{ scroll-margin-top:96px; }