/* Prestige customer support. Keep the floating controls opaque and stationary. */
.prestige-guide {
  --guide-blue: var(--green, #70dfb3);
  --guide-ink: var(--ink, #edf5f2);
  --guide-line: var(--line, #2a3c3e);
  color: var(--guide-ink);
  color-scheme: dark;
}

.prestige-guide .guide-launcher,
.prestige-guide .guide-launcher[aria-expanded="true"] {
  /* The legacy brand sheet pins these properties with !important. */
  background-color: #153b32 !important;
  background-image: none !important;
  border-color: #70dfb380 !important;
  color: #c5f7df;
  box-shadow: 0 8px 26px #00000050, inset 0 1px 0 #c5f7df10 !important;
  transition: border-color .18s ease, box-shadow .2s ease !important;
  transform: none;
  filter: none;
  animation: none;
  opacity: 1;
}
.prestige-guide .guide-launcher svg,
.prestige-guide .guide-launcher:hover svg {
  transform: none;
  transition: none;
}
@media (hover: hover) and (pointer: fine) {
  .prestige-guide .guide-launcher:hover {
    background-color: #153b32 !important;
    border-color: #a2f2ce !important;
    box-shadow: 0 10px 30px #00000065, 0 0 0 3px #70dfb316, inset 0 1px 0 #c5f7df16 !important;
  }
}

.prestige-guide .chat-greeting,
.prestige-guide .guide-panel {
  background: var(--surface, #131f24);
  border-color: var(--guide-line);
  box-shadow: 0 20px 65px #00000065;
}
.prestige-guide .chat-greeting::after {
  background: var(--surface, #131f24);
  border-color: var(--guide-line);
}
.prestige-guide :is(.chat-greeting-icon, .live-welcome-icon, .live-unavailable-icon) {
  background: #18392e;
  color: var(--green, #70dfb3);
}
.prestige-guide .chat-greeting-copy p,
.prestige-guide .guide-brand strong,
.prestige-guide :is(.live-welcome-bubble h3, .live-unavailable h3, .guide-product h3) {
  color: var(--ink, #edf5f2);
}
.prestige-guide .chat-greeting-copy > span,
.prestige-guide .guide-brand small {
  color: var(--muted, #a3b6b1);
}
.prestige-guide .chat-greeting-copy > button {
  color: var(--green, #70dfb3);
}
.prestige-guide .chat-greeting-copy > button:hover { color: #b8f6d9; }
.prestige-guide :is(.chat-greeting-dismiss, .guide-close) {
  background: transparent;
  color: #b7cbc5;
}
.prestige-guide :is(.chat-greeting-dismiss, .guide-close):hover {
  background: #ffffff0a;
  color: #fff;
}
.prestige-guide .guide-header {
  background: var(--surface-raised, #19282d) !important;
  border-color: var(--guide-line);
}
/* Brand artwork retains its supplied colours and its white contrast plate. */
.prestige-guide .guide-brand img { background: #fff; }
.prestige-guide .support-tabs {
  background: var(--surface, #131f24);
  border-color: var(--guide-line);
}
.prestige-guide .support-tabs button { color: #a3b6b1; }
.prestige-guide .support-tabs button:hover { background: #ffffff06; color: #edf5f2; }
.prestige-guide .support-tabs button[aria-selected="true"] {
  background: #18392e;
  border-color: #447463;
  color: #baf6d9;
}
.prestige-guide :is(.live-unread-badge, .live-tab-unread) {
  background: #baf6d9;
  color: #0c241c;
}
.prestige-guide .has-unread-chat::after {
  background: var(--green, #70dfb3);
  box-shadow: 0 0 0 2px var(--surface, #131f24);
}

.prestige-guide .live-pane,
.prestige-guide .guide-transcript { background: var(--surface, #131f24); }
.prestige-guide .live-start,
.prestige-guide .live-transcript {
  background: linear-gradient(180deg, #131f24, #0f1a1e);
}
.prestige-guide .live-availability {
  background: #111d21;
  border-color: var(--guide-line);
  color: #a3b6b1;
}
.prestige-guide .live-status-dot { background: #829b94; }
.prestige-guide .live-availability--online { color: #9eecc4; }
.prestige-guide .live-availability--online .live-status-dot {
  background: #70dfb3;
  box-shadow: 0 0 0 3px #70dfb314;
}
.prestige-guide .live-availability--reconnecting .live-status-dot { background: #edcb87; }
.prestige-guide .live-welcome-bubble {
  background: var(--surface-raised, #19282d);
  border-color: var(--guide-line);
}
.prestige-guide .live-welcome-bubble > span { color: #b6d7ca; }
.prestige-guide .live-welcome-bubble p,
.prestige-guide .live-unavailable > p { color: #b0c4bd; }
.prestige-guide :is(.live-product-context, .guide-selected-product) {
  background: #17332b;
  border-color: #315b49;
  color: #baf6d9;
}
.prestige-guide .live-conversation-heading {
  background: var(--surface, #131f24);
  border-color: var(--guide-line);
  color: #9eb7af;
}
.prestige-guide .live-message-meta { color: #a3b6b1; }
.prestige-guide .live-message-meta strong { color: #c0d8cf; }
.prestige-guide .live-message > p {
  background: #203139;
  border-color: #35484e;
  color: #edf5f2;
}
.prestige-guide .live-message--visitor > p {
  background: #b1edcf;
  border-color: #b1edcf;
  color: #10261d;
}
.prestige-guide .live-new-messages {
  background: #1a342b;
  color: #baf6d9;
  border-color: #47735f;
  box-shadow: 0 3px 14px #00000050;
}
.prestige-guide .live-closed,
.prestige-guide .live-contact-details {
  background: #142126;
  border-color: var(--guide-line);
}
.prestige-guide .live-closed p,
.prestige-guide .live-contact-hint,
.prestige-guide .live-privacy-note {
  color: #a3b6b1;
}
.prestige-guide .live-connection-status {
  background: #322b1d;
  border-color: #645437;
  color: #edcb87;
}
.prestige-guide .live-contact-details > summary {
  color: #c8ddd4;
}
.prestige-guide .live-contact-details > summary::after { color: #70dfb3; }
.prestige-guide .live-contact-details > summary:hover {
  background: #1b2c30;
  color: #baf6d9;
}
.prestige-guide .live-contact-details > summary:focus-visible {
  outline-color: #70dfb3;
}
.prestige-guide .live-contact-details > summary span,
.prestige-guide .live-field label span { color: #a3b6b1; }

.prestige-guide .guide-message { color: #e0eeea; }
.prestige-guide .guide-message-label { color: #a3b6b1; }
.prestige-guide :is(.guide-message--user, .guide-message--visitor) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.prestige-guide :is(.guide-message--user, .guide-message--visitor) p {
  max-width: 92%;
  padding: 10px 14px;
  background: #b1edcf;
  border: 1px solid #b1edcf;
  border-radius: 15px 15px 3px 15px;
  color: #10261d;
}
.prestige-guide .guide-action,
.prestige-guide .live-secondary {
  background: #192b30;
  border-color: #3a5356;
  color: #baf6d9;
}
.prestige-guide .guide-action:hover,
.prestige-guide .live-secondary:hover {
  background: #223c37;
  border-color: #70dfb3;
  color: #d8ffea;
}
.prestige-guide .guide-product {
  background: #19282d;
  border-color: var(--guide-line);
}
.prestige-guide .guide-product img { background: #f4f6f3; }
.prestige-guide .guide-product small { color: #a3b6b1; }
.prestige-guide .guide-contact,
.prestige-guide .guide-enquiry-form {
  background: #162329;
  border-color: var(--guide-line);
}
.prestige-guide .guide-phone-number { color: #edf5f2; }
.prestige-guide .guide-number-action { color: #83c9ee; }
.prestige-guide .guide-number-action--whatsapp { color: #70dfb3; }
.prestige-guide .guide-number-action:hover { background: #83c9ee12; }
.prestige-guide .guide-number-action--whatsapp:hover { background: #70dfb314; }
.prestige-guide :is(.live-text-button, .guide-footnote button) { color: #8de6bb; }
.prestige-guide .live-connection-status .live-text-button { color: #ffdf9e; }
.prestige-guide :is(.guide-enquiry-field label, .live-field label) { color: #c8ddd4; }
.prestige-guide :is(.guide-enquiry-field input, .guide-enquiry-field textarea, .live-field input, .live-field textarea, .live-composer textarea, .guide-composer input) {
  background: #0f1a1e;
  border-color: #405b60;
  color: #edf5f2;
  caret-color: #70dfb3;
}
.prestige-guide :is(input, textarea)::placeholder { color: #a3b6b1; opacity: 1; }
.prestige-guide input:-webkit-autofill {
  -webkit-text-fill-color: #edf5f2;
  -webkit-box-shadow: 0 0 0 1000px #0f1a1e inset;
  caret-color: #70dfb3;
}
.prestige-guide :is(.guide-composer, .live-composer) {
  background: var(--surface, #131f24);
  border-color: var(--guide-line);
}
.prestige-guide :is(.live-primary, .guide-action--primary, .guide-composer button, .live-composer > button) {
  background: #70dfb3;
  border-color: #70dfb3;
  color: #10261d;
}
.prestige-guide :is(.live-primary, .guide-action--primary, .guide-composer button, .live-composer > button):hover {
  background: #a2f2ce;
  border-color: #a2f2ce;
  color: #10261d;
}
.prestige-guide .guide-enquiry-status,
.prestige-guide .live-form-status { color: #ffb2aa; }
.prestige-guide .guide-enquiry-receipt { color: #8de6bb; }
.prestige-guide .guide-enquiry-form .guide-enquiry-note,
.prestige-guide .guide-footnote,
.prestige-guide .live-chat-footnote {
  color: #a3b6b1;
  background: var(--surface, #131f24);
}
.prestige-guide :is(.guide-transcript, .live-content, .live-transcript, .live-contact-details) {
  scrollbar-color: #48635b transparent;
}
.prestige-guide :is(a, button, input, textarea):focus-visible {
  outline-color: #70dfb3;
}
@media (max-width: 700px) {
  .prestige-guide :is(.guide-composer input, .live-composer textarea, .live-field input, .live-field textarea, .guide-enquiry-field input, .guide-enquiry-field textarea) {
    font-size: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .prestige-guide .guide-launcher { transition: none !important; }
}
