/* Force light/day theme overrides for mirrored page */
body, html {
  background: #f6f6f6 !important;
  color: #1b1b1b !important;
}

header, .header, .top, .topbar {
  background: #ffffff !important;
  color: #1b1b1b !important;
}

a { color: #1d5fa7 !important; }

/* Hide any legacy floating chat widget (common classnames) */
#chat, #chat-btn, #chat-button, .chat-widget, .livechat, .tawk-min-container,
#tawkchat-minified-container, #tawkchat-minified-wrapper, .crisp-client,
#fc_frame, .freshchat-container, .kommunicate-iframe, .jivo-container {
  display: none !important;
}

/* Ensure chat panel expand works over site CSS */
body.chat-expanded .chat-panel {
  width: var(--chat-width-expanded) !important;
}


/* Demo: disable cookie toast */
#ciasteczka { display: none !important; }
.toast-backdrop, .modal-backdrop { display: none !important; }

/* Force chat header + actions visibility over mirrored CSS */
#chatPanel header {
  background: #0b1f3a !important;
  color: #ffffff !important;
}

#chatPanel header h3,
#chatPanel header p {
  color: #ffffff !important;
}

#chatPanel .chat-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  z-index: 10002 !important;
}

#chatPanel .chat-actions button {
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  font-size: 0.85rem !important;
}

#chatPanel .chat-actions button:hover {
  background: rgba(255, 255, 255, 0.22) !important;
}

/* More aggressive: ensure header buttons are visible and clickable */
#chatPanel button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#chatPanel header {
  position: sticky !important;
  top: 0 !important;
  z-index: 10003 !important;
}

/* Provider toggle in day mode */
#chatPanel .provider-toggle {
  display: flex !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
}

#chatPanel .provider-btn {
  font-size: 0.72rem !important;
  border-radius: 999px !important;
}

#chatPanel .provider-btn.active {
  background: #d8b46a !important;
  color: #0b1f3a !important;
}

/* Voice modal in day mode */
.voice-modal {
  background: #ffffff !important;
  color: #1b1b1b !important;
}

.voice-modal header {
  background: #0b1f3a !important;
  color: #ffffff !important;
}