/* Brightwell production UI remediation - 2026-06-02 */
:root { --brightwell-navy:#0b2f52; --brightwell-gold:#d4af37; }

/* Hero banner requested fixes */
.brp-hero-title,
.hero-content .brp-hero-title,
h1.brp-hero-title {
  font-size: calc(2.9rem - 4pt) !important;
}
.hero-buttons {
  transform: translateY(-1cm) !important;
  position: relative !important;
  z-index: 25 !important;
}
/* Hide decorative yellow horizontal rules in the hero without affecting button borders or the logo. */
.hero-content::before,
.hero-content::after,
.hero-text-block::before,
.hero-text-block::after,
.brp-hero-title::before,
.brp-hero-title::after,
.brp-hero-subtitle::before,
.brp-hero-subtitle::after,
[class*="hero"] .yellow-line,
[class*="hero"] .gold-line,
[class*="hero"] .decorative-line,
[class*="hero"] .accent-line,
[class*="hero"] [class*="stripe"],
[class*="hero"] [class*="rule"] {
  display: none !important;
  opacity: 0 !important;
}

/* Brightwell Agent Portfolio requested title treatment */
#brp-agents-section h1,
#brp-agents-section h2,
#brp-agents-section h3,
#brp-agents-section .section-title,
#brp-agents-section [class*="portfolio"][class*="title"],
#brp-agents-section [class*="agent"][class*="title"] {
  color: #fff !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Grey out disabled replacement/legacy agents. */
.agent-card.brightwell-disabled-agent,
.agent-card.brightwell-disabled-agent * {
  filter: grayscale(1) !important;
}
.agent-card.brightwell-disabled-agent {
  opacity: .42 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  position: relative !important;
}
.agent-card.brightwell-disabled-agent::after {
  content: "Disabled";
  position: absolute;
  right: 12px;
  top: 10px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(80,80,80,.88);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
}

/* Pierian / chatbot closed avatar: visible, draggable, and centred in the circle. */
#chatbotToggle,
.ask-3173-chatbot,
#pierian-open-btn,
#brp-pierian-fallback-btn,
.pierian-open-btn,
.pierian-avatar,
.pierian-liveavatar,
.pierian-widget,
.pierian-floating,
.pierian-launcher {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
#chatbotToggle,
#pierian-open-btn,
#brp-pierian-fallback-btn,
.pierian-open-btn,
.pierian-avatar,
.pierian-liveavatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background-position: center center !important;
  background-size: cover !important;
}
#chatbotToggle .chatbot-avatar,
.chatbot-toggle .chatbot-avatar,
#brp-pierian-fallback-btn img,
#pierian-open-btn img,
.pierian-open-btn img,
.pierian-avatar img,
.pierian-liveavatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
}

/* HERO_DARK_BLOCK_FIX_20260602
   Prevent the heading and CTA rows from inheriting/repainting the hero image/gradient as a dark block. */
.hero-content .hero-text-block,
.hero-content .brp-hero-title,
.hero-content .brp-hero-subtitle,
.hero-content .hero-buttons,
.hero-content .hero-buttons-right,
.hero-content .hero-btn,
.hero-content .hero-buttons a,
.hero-content .hero-buttons button {
  background-image: none !important;
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
.hero-content .brp-hero-title,
.hero-content .hero-buttons,
.hero-content .hero-buttons-right {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* Restore only the buttons own intended surface, not the inherited hero backing. */
.hero-content .hero-btn,
.hero-content .hero-buttons a,
.hero-content .hero-buttons button {
  background: rgba(0, 86, 179, 0.82) !important;
  border: 1px solid rgba(255,255,255,0.78) !important;
}
.hero-content .hero-btn.primary,
.hero-content .hero-buttons a.primary {
  background: rgba(0, 168, 120, 0.82) !important;
}

/* HERO_CONTAINER_GRADIENT_FIX_20260602
   Remove the dark gradient/inset panel from the hero content itself while keeping the image. */
.hero-section .hero-content,
section .hero-content {
  background-image: url(/assets/official-brightwell/brightwell-conference.jpg) !important;
  background-color: transparent !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}


/* BRIGHTWELL_AGENTS_PORTFOLIO_FIX_20260602
   User-requested portfolio refinements: no title backing, black bold card titles, disabled cards visibly greyed. */
#brp-agents-section h1,
#brp-agents-section h2,
#brp-agents-section h3,
#brp-agents-section .section-title,
#brp-agents-section .portfolio-title,
#brp-agents-section [class*="portfolio"][class*="title"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
#brp-agents-section .agent-card .agent-title,
#brp-agents-section .agent-card h3,
#brp-agents-section .agent-card h4,
#brp-agents-section .agent-card h5,
#brp-agents-section .agent-card [class*="title"] {
  color: #000000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}
#brp-agents-section .agent-card.brightwell-disabled-agent,
#brp-agents-section .agent-card[aria-disabled="true"] {
  opacity: 0.42 !important;
  filter: grayscale(1) saturate(0) !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  background-color: #f1f3f5 !important;
}
#brp-agents-section .agent-card.brightwell-disabled-agent *,
#brp-agents-section .agent-card[aria-disabled="true"] * {
  filter: grayscale(1) saturate(0) !important;
}
#brp-agents-section .agent-card.brightwell-disabled-agent .agent-title,
#brp-agents-section .agent-card[aria-disabled="true"] .agent-title,
#brp-agents-section .agent-card.brightwell-disabled-agent h3,
#brp-agents-section .agent-card[aria-disabled="true"] h3,
#brp-agents-section .agent-card.brightwell-disabled-agent h4,
#brp-agents-section .agent-card[aria-disabled="true"] h4 {
  color: #000000 !important;
  font-weight: 800 !important;
}


/* BRIGHTWELL_PIERIAN_CHATBOT_REPAIR_20260602
   Override older home-page rules that hid Pierian/chatbot and disabled pointer events. */
#pierian-open-btn,
#brp-pierian-fallback-btn,
.pierian-open-btn,
.pierian-avatar,
.pierian-liveavatar,
.pierian-widget,
.pierian-floating,
.pierian-launcher {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  z-index: 2147483646 !important;
  cursor: grab !important;
}
#chatbot-container.brightwell-chat-open,
.ask-3173-chatbot.brightwell-chat-open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 2147483645 !important;
}
#chatbotToggle.brightwell-chat-launcher-enabled {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}


/* BRIGHTWELL_PIERIAN_DEMO_ALIGNMENT_20260602
   Keep a single demo-sized labelled Pierian launcher and format the classic chat window cleanly. */
#brp-pierian-fallback-btn {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#pierian-open-btn {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: fixed !important;
  left: 20px !important;
  bottom: 20px !important;
  top: auto !important;
  right: auto !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  border-radius: 50% !important;
  border: 2px solid #c9a84c !important;
  background: linear-gradient(135deg,#0d2137,#1a4a6b) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.32) !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  z-index: 2147483646 !important;
  cursor: grab !important;
}
#pierian-open-btn img,
#pierian-open-btn .btn-avatar {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 50% !important;
  display: block !important;
}
#pierian-open-btn .btn-label,
#pierian-open-btn span {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 8px !important;
  text-align: center !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  color: #ffffff !important;
  background: rgba(13,33,55,.78) !important;
  text-transform: uppercase !important;
}
.ask-3173-chatbot {
  position: fixed !important;
  left: 20px !important;
  bottom: 20px !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 2147483640 !important;
}
#chatbot-container,
.ask-3173-chatbot #chatbot-container,
div#chatbot-container.chatbot-container {
  position: fixed !important;
  left: 20px !important;
  top: 10vh !important;
  right: auto !important;
  bottom: auto !important;
  width: 480px !important;
  max-width: calc(100vw - 40px) !important;
  height: 75vh !important;
  max-height: 75vh !important;
  min-height: 420px !important;
  background: #ffffff !important;
  border: 2px solid #0b2f52 !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.28) !important;
  overflow: hidden !important;
  flex-direction: column !important;
  pointer-events: auto !important;
  z-index: 2147483645 !important;
  color: #0b2f52 !important;
}
#chatbot-container.brightwell-chat-open,
#chatbot-container.open,
.ask-3173-chatbot.brightwell-chat-open #chatbot-container,
.ask-3173-chatbot.brightwell-chat-open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#chatbot-container .chatbot-header,
.chatbot-container .chatbot-header {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 16px !important;
  background: linear-gradient(135deg,#0b2f52,#0056b3) !important;
  color: #ffffff !important;
}
#chatbot-container .chatbot-messages {
  flex: 1 1 auto !important;
  min-height: 120px !important;
  overflow-y: auto !important;
  padding: 14px !important;
  background: #f7fbff !important;
  color: #0b2f52 !important;
}
#chatbot-container .suggested-questions {
  flex: 0 0 auto !important;
  max-height: 32vh !important;
  overflow-y: auto !important;
  padding: 10px 14px !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(11,47,82,.14) !important;
}
#chatbot-container .chatbot-input-area,
#chatbot-container .chatbot-input {
  flex: 0 0 auto !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(11,47,82,.14) !important;
}
/* Remove rogue translucent bar behind hero button row and any pseudo bars. */
.hero-content .hero-buttons,
.hero-content .hero-buttons-right,
.hero-content .hero-buttons::before,
.hero-content .hero-buttons::after,
.hero-content .hero-buttons-right::before,
.hero-content .hero-buttons-right::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}


/* BRIGHTWELL_BRAND_NAV_FINAL_20260602 */
#userDisplayName::after,
[id*="userDisplay"]::after,
.user-display::after,
.user-info::after {
  content: "" !important;
  display: none !important;
  visibility: hidden !important;
}


/* BRIGHTWELL_PIERIAN_THREE_TAB_RESTORE_20260602
   Restore demo-style Pierian panel: two AI avatar tabs plus classic chatbot tab. */
body:not(.brightwell-home-page) #pierian-open-btn,
body:not(.brightwell-home-page) #brp-pierian-fallback-btn,
body:not(.brightwell-home-page) #pierian-toggle-cluster,
body:not(.brightwell-home-page) #pierian-avatar-panel,
body:not(.brightwell-home-page) .ask-3173-chatbot,
body:not(.brightwell-home-page) #chatbot-container {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.brightwell-home-page #pierian-open-btn {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  border-radius: 50% !important;
  position: fixed !important;
  z-index: 2147483646 !important;
  cursor: grab !important;
}
body.brightwell-home-page #pierian-avatar-panel.brightwell-pierian-panel-open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 2147483645 !important;
}
body.brightwell-home-page #pierian-avatar-panel {
  width: min(720px, calc(100vw - 40px)) !important;
  max-height: 84vh !important;
  top: 8vh !important;
  left: 20px !important;
  right: auto !important;
  bottom: auto !important;
}
body.brightwell-home-page #pierian-classic-host #chatbot-container,
body.brightwell-home-page #pierian-classic-host .chatbot-container {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 360px !important;
  max-height: none !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-shadow: none !important;
}


/* BRIGHTWELL_PIERIAN_TABS_CLOSE_FINAL_20260602 */
body.brightwell-home-page #pierian-avatar-panel.brightwell-pierian-panel-open #pierian-video-wrap {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.brightwell-home-page #pierian-avatar-panel.brightwell-pierian-panel-open.brightwell-classic-active #pierian-video-wrap,
body.brightwell-home-page #pierian-avatar-panel.brightwell-pierian-panel-open.brightwell-classic-active #pierian-controls,
body.brightwell-home-page #pierian-avatar-panel.brightwell-pierian-panel-open.brightwell-classic-active #pierian-input-area {
  display: none !important;
}
body.brightwell-home-page #pierian-avatar-panel.brightwell-pierian-panel-open:not(.brightwell-classic-active) #pierian-classic-host,
body.brightwell-home-page #pierian-avatar-panel.brightwell-pierian-panel-open:not(.brightwell-classic-active) #chatbot-container {
  display: none !important;
  visibility: hidden !important;
}
body.brightwell-home-page #pierian-avatar-panel.brightwell-pierian-panel-open.brightwell-classic-active #pierian-classic-host,
body.brightwell-home-page #pierian-avatar-panel.brightwell-pierian-panel-open.brightwell-classic-active #pierian-classic-host #chatbot-container {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* BRIGHTWELL_PIERIAN_OVERDRAG_FIX_20260602
   The generic draggable utility was making every Pierian child fixed-position. Reset internals. */
body.brightwell-home-page #pierian-avatar-panel.brightwell-pierian-panel-open {
  display: flex !important;
  flex-direction: column !important;
  height: 84vh !important;
  min-height: 560px !important;
  max-height: 84vh !important;
  overflow: hidden !important;
}
body.brightwell-home-page #pierian-avatar-panel #pierian-panel-header,
body.brightwell-home-page #pierian-avatar-panel #pierian-mode-strip,
body.brightwell-home-page #pierian-avatar-panel #pierian-video-wrap,
body.brightwell-home-page #pierian-avatar-panel #pierian-controls,
body.brightwell-home-page #pierian-avatar-panel #pierian-input-area,
body.brightwell-home-page #pierian-avatar-panel #pierian-classic-host,
body.brightwell-home-page #pierian-avatar-panel #pierian-close-btn,
body.brightwell-home-page #pierian-avatar-panel .pierian-strip-btn,
body.brightwell-home-page #pierian-avatar-panel button,
body.brightwell-home-page #pierian-avatar-panel input {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  touch-action: auto !important;
  cursor: auto !important;
  user-select: auto !important;
  z-index: auto !important;
}
body.brightwell-home-page #pierian-avatar-panel #pierian-panel-header { display:flex !important; width:100% !important; min-height:54px !important; }
body.brightwell-home-page #pierian-avatar-panel #pierian-mode-strip { display:flex !important; width:100% !important; min-height:52px !important; }
body.brightwell-home-page #pierian-avatar-panel #pierian-video-wrap { flex:1 1 auto !important; width:100% !important; min-height:280px !important; }
body.brightwell-home-page #pierian-avatar-panel #pierian-controls { display:flex !important; min-height:48px !important; }
body.brightwell-home-page #pierian-avatar-panel #pierian-input-area { display:flex !important; min-height:48px !important; }
body.brightwell-home-page #pierian-avatar-panel #pierian-close-btn { cursor:pointer !important; }


/* BRIGHTWELL_PIERIAN_POSITION_DRAG_CLASSIC_20260602 */
body.brightwell-home-page #pierian-avatar-panel.brightwell-pierian-panel-open {
  position: fixed !important;
  left: 20px !important;
  top: 8vh !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: min(720px, calc(100vw - 40px)) !important;
  height: min(84vh, 720px) !important;
  min-height: 560px !important;
  max-height: 84vh !important;
}
body.brightwell-home-page #pierian-avatar-panel.brightwell-classic-active #pierian-classic-host {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 420px !important;
}
body.brightwell-home-page #pierian-avatar-panel.brightwell-classic-active #pierian-classic-host #chatbot-container {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 420px !important;
  height: 100% !important;
  position: relative !important;
}


/* BRIGHTWELL_AGENTS_OFFICIAL_COLLAGE_BG_20260602
   Replace legacy HPW background with subtle official Brightwell website imagery. */
body.brightwell-home-page #brp-agents-section,
body.brightwell-home-page .brp-agents-section,
body.brightwell-home-page section[id*="agents" i],
body.brightwell-home-page [id*="agent-portfolio" i] {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-color: #6f96bd !important;
  background-image: linear-gradient(135deg, rgba(7,30,54,.62), rgba(116,153,190,.50)) !important;
}
body.brightwell-home-page #brp-agents-section::before,
body.brightwell-home-page .brp-agents-section::before,
body.brightwell-home-page section[id*="agents" i]::before,
body.brightwell-home-page [id*="agent-portfolio" i]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background-image:
    url('/assets/brightwell-official/Home-1-1280x1280.jpg'),
    url('/assets/brightwell-official/Home-5-1280x1280.jpg'),
    url('/assets/brightwell-official/Home-3-1280x1280.jpg'),
    url('/assets/brightwell-official/Home-4-1280x1280.jpg') !important;
  background-size: 48% auto, 48% auto, 48% auto, 48% auto !important;
  background-position: 4% 8%, 96% 12%, 8% 92%, 92% 88% !important;
  background-repeat: no-repeat !important;
  opacity: .18 !important;
  filter: saturate(.92) contrast(.98) blur(.2px) !important;
  animation: brightwellAgentsOfficialCollage 42s ease-in-out infinite alternate !important;
}
body.brightwell-home-page #brp-agents-section::after,
body.brightwell-home-page .brp-agents-section::after,
body.brightwell-home-page section[id*="agents" i]::after,
body.brightwell-home-page [id*="agent-portfolio" i]::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background: linear-gradient(180deg, rgba(64,112,158,.62), rgba(64,112,158,.72)) !important;
  pointer-events: none !important;
}
@keyframes brightwellAgentsOfficialCollage {
  0% { background-position: 4% 8%, 96% 12%, 8% 92%, 92% 88%; transform: scale(1); }
  50% { background-position: 9% 14%, 90% 9%, 13% 86%, 87% 92%; transform: scale(1.025); }
  100% { background-position: 2% 12%, 98% 18%, 6% 88%, 94% 84%; transform: scale(1.045); }
}
@media (prefers-reduced-motion: reduce) {
  body.brightwell-home-page #brp-agents-section::before,
  body.brightwell-home-page .brp-agents-section::before,
  body.brightwell-home-page section[id*="agents" i]::before,
  body.brightwell-home-page [id*="agent-portfolio" i]::before { animation: none !important; }
}