/* CSS for the PVA ref doc - https://learn.microsoft.com/en-us/power-pages/getting-started/enable-chatbot#customize-chatbot-appearances*/
.pages-chatbot-header {
    Color:#ffff !important;
    background:#0078D4 !important;
    padding: 0px 7px !important;
    padding-top: 25px !important;
    overflow: visible !important;
    font-weight: 500 !important;
}

.pva-embedded-web-chat[data-minimized='false'] {
 	width: 340px !important;
	height: 500px;
    height: 83% !important;
}
.pva-embedded-web-chat-window {
    height: 80% !important;
}
.pva-embedded-web-chat-widget {
    background-color: #0078D4 !important;
    iconColor: #FFFFFF !important;
}
.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content { 
    background-color: #FAF9F8 !important;  
}
.webchat__bubble:not(.webchat__bubble--from-user) p {  
    color: ##323130 !important; 
}
.webchat__bubble.webchat__bubble--from-user .webchat__bubble__content { 
    background-color: #9CBEFF !important;  
}
.webchat__bubble.webchat__bubble--from-user p {  
    color: #323130 !important; 
}

/**media query **/
@media only screen and (max-width: 1024px){
    .pva-embedded-web-chat[data-minimized='false'] {
        max-width: 100vw;
        max-height: 100vh;
        border-radius: 0;
        font-size: 1.2rem;
        overflow: auto !important;         /* ← allow scrolling */
        box-sizing: border-box;
        position: fixed;                   /* ← ensure it stays visible */
        bottom: 0;
        right: 0;
    }
    .pva-embedded-web-chat-window {
        height: 100% !important;
        max-height: 80vh !important;      /* ← prevent from overflowing */
        overflow-y: auto !important;      /* ← enable scroll if needed */
    }
} 

@media only screen and (max-width: 320px){
    .pva-embedded-web-chat[data-minimized='false'] {
        width: 90vw !important;
    }
} 

/*chat bot keyboard control style*/
.webchat__keyboard-help__header, .webchat__keyboard-help__notes-header {
  color: #000000 !important; }

.webchat__keyboard-help__notes-text {
  color: #141414 !important; 
}

/* Dark mode styles */
@media (prefers-color-scheme: dark) {
  .webchat__keyboard-help__header, .webchat__keyboard-help__notes-header {
      color: #FFFFFF !important; /* White for dark backgrounds */
  }

  .webchat__keyboard-help__notes-text {
      color: #04c8f4 !important; 
      
  }
  .webchat__keyboard-help__sub-header {
    color: #66D9EF !important; /* Lighter blue for visibility on dark background */
  }
}
/*added*/
button.pages-chatbot-header-minimize-button:hover {
    border: none !important;
    background: none !important;
}