/* ParkZapp Guided Assistant - Fully Brand Color Overrides
 * Replaces all chat widget colors with ParkZapp brand #0E817F
 * Load this AFTER pza.css or replace pza.css entirely on your site.
 */

/* Chat launcher button - brand teal */
.pza-launcher {
    background: #0E817F !important;
    color: #fff !important;
}
.pza-launcher:hover {
    background: #0b5ed7 !important;
}
.pza-launcher:focus-visible {
    outline-color: #0E817F !important;
}

/* Chat widget header bar - brand teal */
.pza-head {
    background: #0E817F !important;
    color: #fff !important;
}

/* Chat close button */
.pza-close {
    color:#feffff !important;
}
.pza-close:hover {
    background: rgba(14, 129, 127, 0.2) !important;
}

/* User message bubble - brand teal */
.pza-me {
    background: #0E817F !important;
    color: #fff !important;
}

/* Bot message bubble - light gray */
.pza-bot {
    background: #f6f7f9 !important;
    border-color: #dcdcdc !important;
}

/* Suggestion chips - border and text in brand teal */
.pza-chips {
    background: #fff !important;
    border-top-color: #dcdcdc !important;
}
.pza-chip {
    border-color: #0E817F !important;
    background: #fff !important;
    color: #0E817F !important;
}
.pza-chip:hover {
    background: #0E817F !important;
    color: #fff !important;
}

/* Action buttons - brand teal */
.pza-actions a {
    background: #0E817F !important;
    color: #fff !important;
}
.pza-actions a:hover {
    background: #0b5ed7 !important;
}

/* Send button - brand teal */
.pza-send {
    background: #0E817F !important;
}
.pza-send:hover {
    background: #0b5ed7 !important;
}

/* Input focus - brand teal */
.pza-input:focus {
    outline-color: #0E817F !important;
}

/* Footer text - dark gray */
.pza-foot {
    color: #212529 !important;
}

/* Panel border and background */
.pza-panel {
    border-color: #dcdcdc !important;
    background: #fff !important;
}