/* kanzi-docs-rag widget bootstrap styles.
 *
 * Styles the magnifier icon the bootstrap injects into the legacy
 * #docsearch / #docsearch-mobile host divs (kept in page.html and
 * doxygen header.html so we don't have to touch templates).
 * Visually matches the Algolia DocSearch trigger that docs.kanzi.com
 * used: a clean magnifier that thickens + scales slightly on hover,
 * no surrounding box or border.
 */

.kdw-search-icon-trigger {
    background: transparent;
    border: none;
    padding: 4px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.12s ease;
}

.kdw-search-icon-trigger:hover .kdw-search-icon-svg {
    stroke-width: 2.6;
    transform: scale(1.08);
}

.kdw-search-icon-trigger .kdw-search-icon-svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    stroke-width: 2;
    transition: stroke-width 0.12s ease, transform 0.12s ease;
}

/* Constrain the host containers (#docsearch / #docsearch-mobile) to
 * the trigger's natural size so the surrounding flex layout doesn't
 * give them extra width left over from algolia's wider input. */
#docsearch,
#docsearch-mobile {
    width: auto;
    min-width: 0;
}

/* Luadox topbar is fixed full-width and the widget renders its
 * Ask Kanzi button as a fixed top-right viewport affordance.  Reserve
 * ~160px on the right so the magnifier (placed at the topbar's right
 * edge by custom-styles.js) does not slide under the widget button.
 *
 * !important guards against per-product custom-luadox.css using the
 * `padding:` shorthand on `div.topbar`, which would otherwise reset
 * padding-right back to whatever the shorthand specifies.  Cascade
 * order isn't reliable across products: `head.tmpl.html` loads this
 * file before luadox's `--css` flag injects custom-luadox.css. */
div.topbar {
    padding-right: 160px !important;
}