/* Container for search + AI button */
#docsearch {
    display: flex;
    align-items: center;
    gap: 0.5rem;  /* space between search input and AI button */
}

/* Percona AI button */
#ask-percona-ai {
    display: flex;
    align-items: center;          /* vertical center */
    justify-content: flex-start;  /* text left-aligned */
    height: 36px;
    padding: 0 12px 0 10px;
    gap: 6px;                     /* space between icon and text */

    font-family: var(--fHeading);
    font-size: 0.75rem;
    font-weight: bold;
    color: var(--docsearch-muted-color);
    background-color: #ebedf0;
    border: 1px solid #d1d5db;
    border-radius: 1rem;

    cursor: pointer;

    transition: background-color 0.2s ease,
                color 0.2s ease,
                border-color 0.2s ease;
}

/* Hover effect */
#ask-percona-ai:hover {
    background-color: #ffffff;
    color: #111827;
    border-color: #9ca3af;
}

/* Star icon */
#ask-percona-ai .percona-star {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    margin-top: 1px;
}

#ask-percona-ai svg {
    width: 20px;
    height: 20px;
}

#ask-percona-ai .percona-text {
    font-size: 0.75rem;
    line-height: 1;
}