/*
 * Frontend CSS for the Selection Helper Plugin
 */

/* The main popup container */
#sh-selection-popup-container {
    display: none; /* Hidden by default */
    position: absolute;
    z-index: 2147483647; /* Highest z-index */
    display: flex;
    gap: 5px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Base style for both buttons */
#sh-listen-button,
#sh-ask-ai-button {
    background: #333; /* Dark background */
    color: white;
    border: none;
    border-radius: 5px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    line-height: 1;
    transition: transform 0.1s ease, background-color 0.1s ease;
    white-space: nowrap;
}

/* Hover style for buttons */
#sh-listen-button:hover,
#sh-ask-ai-button:hover {
    transform: scale(1.05);
}

/* Specific style for the "Ask AI" button to match the RAG chat plugin */
#sh-ask-ai-button {
    background: #4f46e5; /* RAG Chat brand color (indigo) */
}

#sh-ask-ai-button:hover {
    background: #4338ca; /* Darker indigo on hover */
}