/* AI Title Generator — tool-specific styles. Most styling comes from toolkit.css.
   All selectors scoped under #trp-tool-root / prefixed .trp-ait- so nothing
   collides with Astra / Elementor / other tools. Uses shared tokens.
   Responsive: single column on mobile, two columns for options from 520px. */

#trp-tool-root .trp-ait-grid2{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px;}
@media(min-width:520px){#trp-tool-root .trp-ait-grid2{grid-template-columns:1fr 1fr;}}

#trp-tool-root .trp-ait-sel{appearance:auto;min-height:46px;cursor:pointer;}

#trp-tool-root .trp-ait-actions{margin-top:16px;flex-wrap:wrap;}

#trp-tool-root .trp-ait-error{
  margin:14px 0 0;padding:11px 14px;border-radius:var(--trp-r-md);
  background:var(--trp-error-bg);color:var(--trp-error);font-size:14px;font-weight:500;
}
#trp-tool-root .trp-ait-status{
  margin:14px 0 0;font-size:14px;font-weight:600;color:var(--trp-ink-2);
}
#trp-tool-root .trp-ait-status:empty{display:none;}

#trp-tool-root .trp-ait-results{margin-top:8px;}
#trp-tool-root .trp-ait-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
#trp-tool-root .trp-ait-item{
  display:flex;align-items:center;gap:12px;
  background:var(--trp-surface);border:1px solid var(--trp-border);
  border-radius:var(--trp-r-md);padding:12px 14px;
}
#trp-tool-root .trp-ait-num{
  flex:none;width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--trp-accent-soft);color:var(--trp-accent);
  font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;
}
#trp-tool-root .trp-ait-text{
  flex:1 1 auto;min-width:0;font-size:15px;line-height:1.4;color:var(--trp-ink);
  font-weight:600;word-break:break-word;
}
#trp-tool-root .trp-ait-copy{
  flex:none;padding:7px 14px;font-size:13px;min-height:auto;
}
#trp-tool-root .trp-ait-copy.is-ok{background:var(--trp-accent);color:var(--trp-on-accent);border-color:var(--trp-accent);}

@media(max-width:420px){
  #trp-tool-root .trp-ait-item{flex-wrap:wrap;}
  #trp-tool-root .trp-ait-text{flex:1 1 100%;order:3;}
  #trp-tool-root .trp-ait-copy{margin-left:auto;}
}

/* feature/example lists in the content section (outside the widget root) */
.trp-ait-flist{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.trp-ait-flist li{
  background:var(--trp-surface);border:1px solid var(--trp-border);
  border-radius:var(--trp-r-md);padding:11px 14px;font-size:14px;color:var(--trp-ink-2);
}
.trp-ait-flist li strong{color:var(--trp-ink);}