/**
 * PurioChat Extras - the "log in to see prices" notice.
 * Follows PurioChat's own primary colour, so it matches whatever theme
 * the chatbot is set to.
 */

.vgdev-pcx-price-notice {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.4;
    background: var(--ai-chat-primary-color-light, rgba(0, 0, 0, 0.06));
    border: 1px solid color-mix(in srgb, var(--ai-chat-primary-color, #444) 25%, transparent);
    color: var(--ai-chat-primary-color, #444);
}

.vgdev-pcx-price-notice a {
    color: var(--ai-chat-primary-color, #444) !important;
    font-weight: 600;
    text-decoration: underline;
}

.vgdev-pcx-price-notice-icon {
    line-height: 1;
}

.listeo-ai-chat-message.vgdev-pcx-price-notice-message .listeo-ai-chat-message-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
}

.listeo-ai-chat-wrapper.dark-mode .vgdev-pcx-price-notice,
.listeo-ai-chat-wrapper.dark-mode .vgdev-pcx-price-notice a {
    color: #fff !important;
}