/* ai-search.css - smart search extras on search.php (Builder C). Brutal Lite: calm card (no hard shadow), ink text, hairline borders. */
.ai-chips{display:flex;gap:8px;margin:10px 0 2px;flex-wrap:wrap}
.ai-chip{cursor:pointer;min-height:44px}
.ai-chip.is-on{background:var(--ink,#111);color:#fff;border-color:var(--ink,#111)}
.ai-brief{margin:14px 0 6px}
.ai-brief__title{margin:0 0 6px}
.ai-brief__text{margin:0 0 4px;font:500 13.5px/1.5 var(--font-ui,system-ui,sans-serif);color:var(--ink-soft,#333)}
.ai-wrong{margin-top:2px;padding:0;min-height:44px;display:inline-flex;align-items:center;font-size:13px}
.ai-wrongform{display:flex;gap:8px;align-items:flex-start;margin-top:8px;flex-wrap:wrap}
.ai-wrongform textarea{flex:1;min-width:160px;border:1.5px solid var(--hair,#ddd);border-radius:12px;padding:8px 10px;font:inherit;resize:vertical}
.ai-wrong__done{font-size:13px;color:var(--muted,#666)}
.ai-fixed{margin:8px 2px 0;font-size:13px}
.ai-mic{border:0;background:transparent;padding:0 6px;min-width:44px;min-height:44px;justify-content:center;display:inline-flex;align-items:center;cursor:pointer;color:inherit;font-size:20px}
.ai-mic.is-rec{color:#d62828}
.ai-mic.is-rec i{animation:aiPulse 1s ease-in-out infinite}
@keyframes aiPulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.ai-mic.is-rec i{animation:none}}
/* translate link under a pin description (assets/js/ai-translate.js) */
.ai-tr{margin:6px 0 0;font-size:12.5px;color:var(--muted,#666)}
.ai-tr button{background:none;border:0;padding:12px 4px;margin:-12px 0;min-height:44px;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.ai-tr__label{margin-right:6px}
.ai-wronginfo{margin-top:10px;width:100%}
/* the hidden attribute must win over the display rules above and over .btn */
.ai-wrongform[hidden],.ai-wrongform [hidden],.ai-brief[hidden],.ai-tr [hidden],.ai-wrong[hidden]{display:none !important}
/* lite pages zero .card padding (body.lite-v31 .card), so the brief sets its own */
body.lite-v31 .ai-brief{padding:14px 16px}
/* translate: the language chooser and the "Other language" link (v317) */
.ai-tr{ position:relative; }
.ai-tr button{ min-height:44px; }
.ai-tr__more{ margin-left:10px !important; color:var(--muted-2,#9a9da3) !important; font-size:12px; }
.ai-tr__menu{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin:6px 0 4px; padding:8px; background:#fff; border:1.5px solid var(--ink,#141518); border-radius:14px; }
.ai-tr__menu button{ display:flex; flex-direction:column; align-items:flex-start; justify-content:center; text-decoration:none !important; padding:6px 10px !important; margin:0 !important; border-radius:10px; background:var(--card-2,#f0efe9) !important; border:0 !important; color:var(--ink,#141518) !important; font:700 14px/1.2 var(--font-ui,system-ui); text-align:left; }
.ai-tr__menu button small{ font:600 11px/1.2 var(--font-ui,system-ui); color:var(--muted,#6b6f76); }
.ai-tr__menu button:focus-visible, .ai-tr__more:focus-visible{ outline:3px solid var(--blue,#2a4bff); outline-offset:2px; }