/* SS AI Searchbar PRO 6.0 — command palette, bez tła, mobile-first */

/* Neutralizacja kontenera motywu (ClassiPress .content-wrap ma biały kafelek z cieniem) */
.ssai-host{
  background:transparent !important; box-shadow:none !important;
  border-radius:0 !important; overflow:visible !important; padding:0 !important;
}
.ssai-native-hidden, .ssai-host > .search-form, .ssai-host form.search-form, #searchbar form.search-form.ssai-native-hidden{ display:none !important; visibility:hidden !important; height:0 !important; overflow:hidden !important; margin:0 !important; padding:0 !important; }

.ssai-wrapper{
  --ssai-brand:#1f2937; --ssai-brand-2:#111827; --ssai-on-brand:#fff;
  --ssai-brand-soft:rgba(31,41,55,.08); --ssai-brand-line:rgba(31,41,55,.16);
  --ssai-ink:#171b22; --ssai-muted:#6b7280; --ssai-card:#fff; --ssai-line:#e8eaef;
  --ssai-radius:16px;
  width:100%; max-width:980px; margin:0 auto; font-family:inherit; color:var(--ssai-ink); line-height:1.4;
  -webkit-font-smoothing:antialiased; box-sizing:border-box;
}
.ssai-wrapper *{ box-sizing:border-box; }

/* RESET — neutralizacja stylow motywu (Foundation/ClassiPress wciekaja do naszych pol) */
.ssai-wrapper input, .ssai-wrapper button, .ssai-wrapper textarea, .ssai-wrapper select, .ssai-wrapper a{
  margin:0 !important; box-shadow:none !important; font-family:inherit !important;
  letter-spacing:normal !important; text-transform:none !important; text-indent:0 !important; float:none !important;
}
.ssai-wrapper input, .ssai-wrapper textarea{
  height:auto !important; min-height:0 !important; max-width:none !important; line-height:normal !important;
  border:none !important; background:transparent !important; -webkit-appearance:none; appearance:none;
}
.ssai-wrapper a{ color:inherit !important; text-decoration:none !important; }
.ssai-wrapper a.ssai-pill{ color:var(--ssai-muted) !important; }
.ssai-wrapper a.ssai-pill:hover{ color:var(--ssai-brand) !important; }
.ssai-wrapper a.ssai-seeall{ color:var(--ssai-brand) !important; }
.ssai-wrapper .ssai-card-title{ color:var(--ssai-ink) !important; }
.ssai-wrapper .ssai-card-price{ color:var(--ssai-brand) !important; }
.ssai-bar{ position:relative; }

/* ---------- Kapsuła ---------- */
.ssai-capsule{
  display:flex; align-items:center; gap:8px;
  background:var(--ssai-card); border:1px solid var(--ssai-line);
  border-radius:var(--ssai-radius); padding:6px 6px 6px 8px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  transition:border-color .18s, box-shadow .18s;
}
.ssai-capsule:focus-within{ border-color:var(--ssai-brand); box-shadow:0 0 0 3px var(--ssai-brand-soft), 0 10px 30px rgba(16,24,40,.10); }

.ssai-ai-badge{
  display:inline-flex; align-items:center; gap:5px; flex:0 0 auto;
  background:linear-gradient(135deg, var(--ssai-brand), var(--ssai-brand-2));
  color:var(--ssai-on-brand); font-size:12px; font-weight:700; letter-spacing:.5px;
  padding:8px 11px; border-radius:11px; line-height:1; user-select:none;
}
.ssai-ai-badge svg{ width:15px; height:15px; }

#ssai-input{
  flex:1 1 auto; min-width:0; border:none; outline:none; background:transparent;
  font-size:16px; color:var(--ssai-ink); padding:11px 4px; font-family:inherit;
}
#ssai-input::placeholder{ color:var(--ssai-muted); opacity:1; }

.ssai-clear, .ssai-voice{
  flex:0 0 auto; width:38px; height:38px; border-radius:11px; border:none;
  background:transparent; color:var(--ssai-muted); cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:background .15s,color .15s;
}
.ssai-clear svg{ width:16px; height:16px; } .ssai-voice svg{ width:19px; height:19px; }
.ssai-clear:hover, .ssai-voice:hover{ background:var(--ssai-brand-soft); color:var(--ssai-brand); }
.ssai-voice.ssai-rec{ background:var(--ssai-brand); color:var(--ssai-on-brand); animation:ssai-pulse 1.3s infinite; }
@keyframes ssai-pulse{0%{box-shadow:0 0 0 0 var(--ssai-brand-soft)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}

.ssai-go{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; border:none; cursor:pointer;
  border-radius:12px; background:linear-gradient(135deg, var(--ssai-brand), var(--ssai-brand-2));
  color:var(--ssai-on-brand); font-size:14px; font-weight:600; padding:11px 20px;
  letter-spacing:.2px; transition:filter .15s, transform .05s; font-family:inherit;
}
.ssai-go-icon{ width:17px; height:17px; flex:0 0 auto; }
.ssai-go:hover{ filter:brightness(1.1); }
.ssai-go:active{ transform:scale(.97); }
.ssai-go[disabled]{ opacity:.65; cursor:default; }
.ssai-loader{ width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;animation:ssai-spin .7s linear infinite;}
@keyframes ssai-spin{to{transform:rotate(360deg)}}

/* ---------- Panel (command palette) ---------- */
.ssai-panel{
  position:absolute; left:0; right:0; top:calc(100% + 8px); z-index:9999;
  background:var(--ssai-card); border:1px solid var(--ssai-line); border-radius:var(--ssai-radius);
  box-shadow:0 16px 48px rgba(16,24,40,.16); padding:12px; animation:ssai-pop .16s ease;
}
@keyframes ssai-pop{from{opacity:0; transform:translateY(-6px)}to{opacity:1; transform:none}}

.ssai-status{ font-size:12.5px; color:var(--ssai-muted); padding:2px 4px 8px; }
.ssai-status b{ color:var(--ssai-brand); font-weight:700; }

.ssai-suggest-list:not(:empty){ margin-bottom:4px; }
.ssai-sugg-row{
  display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:10px;
  cursor:pointer; font-size:14px; color:var(--ssai-ink);
}
.ssai-sugg-row:hover, .ssai-sugg-row.ssai-active{ background:var(--ssai-brand-soft); }
.ssai-sugg-ic{ width:28px; height:28px; border-radius:8px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; background:var(--ssai-brand-soft); color:var(--ssai-brand); }
.ssai-sugg-ic svg{ width:15px; height:15px; }
.ssai-sugg-row small{ color:var(--ssai-muted); margin-left:auto; font-size:12px; }

.ssai-group-label{ font-size:11px; font-weight:700; color:var(--ssai-muted); text-transform:uppercase; letter-spacing:.5px; padding:8px 4px 6px; }

.ssai-chips{ display:flex; flex-wrap:wrap; gap:7px; padding:2px 2px; }
.ssai-chip{
  border:1px solid var(--ssai-line); background:var(--ssai-card); color:var(--ssai-muted);
  font-size:13px; padding:6px 13px; border-radius:9px; cursor:pointer; transition:all .15s; font-family:inherit;
}
.ssai-chip:hover{ border-color:var(--ssai-brand); color:var(--ssai-brand); background:var(--ssai-brand-soft); }

.ssai-shelves{ margin-top:4px; }
.ssai-shelf{ margin-top:8px; }
.ssai-hscroll{ display:flex; gap:9px; overflow-x:auto; padding:2px; scrollbar-width:thin; -webkit-overflow-scrolling:touch; }
.ssai-hscroll .ssai-card{ flex:0 0 124px; width:124px; }
.ssai-pills{ display:flex; flex-wrap:wrap; gap:7px; padding:2px; }
.ssai-pill{ text-decoration:none; font-size:13px; padding:6px 13px; border-radius:9px; border:1px solid var(--ssai-line); color:var(--ssai-muted); transition:all .15s; }
.ssai-pill:hover{ border-color:var(--ssai-brand); color:var(--ssai-brand); background:var(--ssai-brand-soft); }

/* ---------- Interpretacja AI ---------- */
.ssai-interpret{
  display:flex; align-items:center; gap:8px; margin-top:12px; padding:10px 14px;
  background:var(--ssai-brand-soft); border-radius:12px; font-size:13.5px; color:var(--ssai-ink);
}
.ssai-interpret svg{ width:16px; height:16px; color:var(--ssai-brand); flex:0 0 auto; }

/* ---------- Wyniki ---------- */
.ssai-results{ margin-top:14px; }
.ssai-results-head{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:10px; }
#ssai-results-title{ font-size:12px; font-weight:700; color:var(--ssai-muted); text-transform:uppercase; letter-spacing:.4px; }
.ssai-seeall{ font-size:13px; color:var(--ssai-brand); text-decoration:none; font-weight:600; white-space:nowrap; }
.ssai-seeall:hover{ text-decoration:underline; }

.ssai-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; }
.ssai-card{ display:flex; flex-direction:column; text-decoration:none; color:inherit;
  background:var(--ssai-card); border:1px solid var(--ssai-line); border-radius:13px; overflow:hidden;
  transition:transform .12s, box-shadow .12s, border-color .12s; }
.ssai-card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(16,24,40,.12); border-color:var(--ssai-brand-line); }
.ssai-thumb{ aspect-ratio:1/1; background:#f4f5f8; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.ssai-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.ssai-mono{ width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  font-size:30px; font-weight:700; color:var(--ssai-brand); background:var(--ssai-brand-soft); text-transform:uppercase; }
.ssai-card-body{ padding:10px 11px; display:flex; flex-direction:column; gap:3px; }
.ssai-card-title{ font-size:13px; font-weight:600; line-height:1.3; color:var(--ssai-ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ssai-card-meta{ font-size:12px; color:var(--ssai-muted); display:flex; align-items:center; gap:4px; }
.ssai-card-meta svg{ width:12px; height:12px; flex:0 0 auto; }
.ssai-card-price{ font-size:13.5px; font-weight:700; color:var(--ssai-brand); }
.ssai-empty{ padding:22px; text-align:center; color:var(--ssai-muted); font-size:14px; grid-column:1/-1; }

/* ---------- Asystent ---------- */
.ssai-assistant-hint{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:12px;
  padding:10px 14px; border:1px dashed var(--ssai-line); border-radius:12px; font-size:13px; color:var(--ssai-muted); }
.ssai-refine{ border:none; background:none; color:var(--ssai-brand); font-weight:600; font-size:13px; cursor:pointer; padding:0; font-family:inherit; }
.ssai-refine:hover{ text-decoration:underline; }
.ssai-chat{ margin-top:12px; border:1px solid var(--ssai-line); border-radius:var(--ssai-radius); overflow:hidden; background:var(--ssai-card); }
.ssai-chat-log{ max-height:260px; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:9px; }
.ssai-msg{ max-width:85%; padding:9px 13px; border-radius:13px; font-size:14px; line-height:1.5; }
.ssai-msg-ai{ align-self:flex-start; background:var(--ssai-brand-soft); color:var(--ssai-ink); border-bottom-left-radius:3px; }
.ssai-msg-user{ align-self:flex-end; background:linear-gradient(135deg,var(--ssai-brand),var(--ssai-brand-2)); color:var(--ssai-on-brand); border-bottom-right-radius:3px; }
.ssai-typing-dots{ display:inline-flex; gap:3px; } .ssai-typing-dots i{ width:6px;height:6px;border-radius:50%;background:var(--ssai-muted);animation:ssai-bounce 1s infinite; }
.ssai-typing-dots i:nth-child(2){animation-delay:.15s} .ssai-typing-dots i:nth-child(3){animation-delay:.3s}
@keyframes ssai-bounce{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.ssai-chat-input{ display:flex; gap:8px; padding:10px; border-top:1px solid var(--ssai-line); }
.ssai-chat-input input{ flex:1; border:1px solid var(--ssai-line); border-radius:11px; padding:9px 13px; font-size:14px; outline:none; font-family:inherit; }
.ssai-chat-input input:focus{ border-color:var(--ssai-brand); }
.ssai-chat-input button{ width:40px; flex:0 0 auto; border:none; border-radius:11px; background:linear-gradient(135deg,var(--ssai-brand),var(--ssai-brand-2)); color:var(--ssai-on-brand); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.ssai-chat-input button svg{ width:17px; height:17px; }

/* ---------- MOBILE ---------- */
@media (max-width:640px){
  .ssai-capsule{ gap:5px; padding:5px 5px 5px 7px; border-radius:14px; }
  .ssai-ai-badge span{ display:none; }            /* tylko iskierka na małym ekranie */
  .ssai-ai-badge{ padding:8px; }
  #ssai-input{ font-size:16px; padding:11px 2px; } /* 16px = brak zoomu na iOS */
  .ssai-go-text{ display:none; }                  /* przycisk = ikona */
  .ssai-go{ padding:11px; border-radius:11px; }
  .ssai-go-icon{ width:18px; height:18px; }
  .ssai-panel{ left:-4px; right:-4px; padding:10px; }
  .ssai-grid{ grid-template-columns:repeat(2,1fr); gap:10px; }
  .ssai-interpret{ font-size:12.5px; }
}
@media (max-width:380px){
  .ssai-voice{ display:none; }                    /* oszczędność miejsca na bardzo wąskich */
}

/* ---------- DARK MODE (jeśli motyw wspiera) ---------- */
@media (prefers-color-scheme:dark){
  .ssai-wrapper{ --ssai-ink:#e8eaee; --ssai-muted:#9aa1ac; --ssai-card:#1b1e25; --ssai-line:#2f343f;
    --ssai-brand-soft:rgba(255,255,255,.06); --ssai-brand-line:rgba(255,255,255,.14); }
  .ssai-thumb{ background:#232733; }
}

/* ===================== AGENT AI v7 ===================== */
/* Pamięć / powitanie */
.ssai-mem{ margin-bottom:6px; padding-bottom:8px; border-bottom:1px solid var(--ssai-line); }
.ssai-greet{ font-size:13.5px; font-weight:600; color:var(--ssai-ink); padding:2px 4px 6px; }
.ssai-group-label svg{ width:13px; height:13px; vertical-align:-2px; margin-right:4px; }

/* Animacja myślenia */
.ssai-think{ display:flex; align-items:center; gap:9px; padding:16px 4px; color:var(--ssai-muted); font-size:14px; grid-column:1/-1; }
.ssai-think-spark{ display:inline-flex; color:var(--ssai-brand); } .ssai-think-spark svg{ width:18px; height:18px; animation:ssai-spin 2.2s linear infinite; }
.ssai-think-txt{ color:var(--ssai-ink); font-weight:500; }

/* Karta doradcy */
.ssai-advisor{ display:flex; align-items:flex-start; gap:10px; flex-wrap:wrap; margin-bottom:14px; padding:13px 15px;
  background:var(--ssai-brand-soft); border:1px solid var(--ssai-brand-line); border-radius:14px; }
.ssai-advisor-ic{ flex:0 0 auto; width:28px; height:28px; border-radius:9px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--ssai-brand),var(--ssai-brand-2)); color:var(--ssai-on-brand); }
.ssai-advisor-ic svg{ width:15px; height:15px; }
.ssai-advisor-txt{ flex:1 1 240px; font-size:14px; line-height:1.5; color:var(--ssai-ink); min-width:0; }
.ssai-qchip{ flex:0 0 auto; border:1px solid var(--ssai-brand-line); background:var(--ssai-card); color:var(--ssai-brand);
  font-size:13px; font-weight:600; padding:7px 13px; border-radius:999px; cursor:pointer; font-family:inherit; }
.ssai-qchip:hover{ background:var(--ssai-brand-soft); }

/* Karta bogata (agent) */
.ssai-card.ssai-rich{ position:relative; }
.ssai-card-link{ display:flex; flex-direction:column; text-decoration:none; color:inherit; }
.ssai-thumb-wrap{ position:relative; }
.ssai-score{ position:absolute; top:7px; left:7px; background:rgba(23,27,34,.78); color:#fff; font-size:11px; font-weight:700;
  padding:3px 7px; border-radius:8px; backdrop-filter:blur(3px); }
.ssai-deal{ position:absolute; top:7px; right:7px; font-size:10.5px; font-weight:700; padding:3px 7px; border-radius:8px; letter-spacing:.2px; }
.ssai-deal-good{ background:#16a34a; color:#fff; }
.ssai-deal-fair{ background:#fff; color:var(--ssai-muted); border:1px solid var(--ssai-line); }
.ssai-deal-high{ background:#fff; color:#b45309; border:1px solid #f3d9a6; }
.ssai-reason{ display:flex; align-items:flex-start; gap:5px; margin-top:5px; font-size:11.5px; color:var(--ssai-muted); line-height:1.35; }
.ssai-reason svg{ width:12px; height:12px; color:var(--ssai-brand); flex:0 0 auto; margin-top:1px; }
.ssai-contact{ display:flex; align-items:center; justify-content:center; gap:6px; width:100%; border:none; cursor:pointer;
  background:var(--ssai-brand-soft); color:var(--ssai-brand); font-size:12.5px; font-weight:600; padding:10px;
  border-top:1px solid var(--ssai-line); font-family:inherit; transition:background .15s; }
.ssai-contact svg{ width:15px; height:15px; }
.ssai-contact:hover{ background:linear-gradient(135deg,var(--ssai-brand),var(--ssai-brand-2)); color:var(--ssai-on-brand); }

/* Modal wiadomości */
.ssai-modal-ov{ position:fixed; inset:0; z-index:100000; background:rgba(15,18,24,.55); display:flex; align-items:center; justify-content:center;
  padding:18px; animation:ssai-fade .15s ease; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
@keyframes ssai-fade{from{opacity:0}to{opacity:1}}
.ssai-modal{ width:100%; max-width:480px; background:var(--ssai-card); border-radius:18px; overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.35); animation:ssai-pop .18s ease; }
.ssai-modal-head{ display:flex; align-items:center; justify-content:space-between; padding:15px 18px 4px; font-size:15px; font-weight:700; color:var(--ssai-ink); }
.ssai-modal-head svg{ width:17px; height:17px; vertical-align:-3px; margin-right:6px; color:var(--ssai-brand); }
.ssai-modal-x{ border:none; background:none; font-size:24px; line-height:1; color:var(--ssai-muted); cursor:pointer; padding:0 4px; }
.ssai-modal-sub{ padding:0 18px 10px; font-size:13px; color:var(--ssai-muted); }
.ssai-modal-body{ padding:0 18px; }
.ssai-draft-load{ padding:24px 0; text-align:center; color:var(--ssai-muted); font-size:14px; }
.ssai-draft-text{ width:100%; border:1px solid var(--ssai-line); border-radius:12px; padding:12px 14px; font-size:14px; line-height:1.55;
  font-family:inherit; color:var(--ssai-ink); resize:vertical; outline:none; }
.ssai-draft-text:focus{ border-color:var(--ssai-brand); }
.ssai-modal-foot{ display:flex; gap:9px; padding:14px 18px 18px; }
.ssai-btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; flex:1; border:none; cursor:pointer;
  font-size:13.5px; font-weight:600; padding:11px; border-radius:11px; text-decoration:none; font-family:inherit; }
.ssai-btn svg{ width:15px; height:15px; }
.ssai-btn-soft{ background:var(--ssai-brand-soft); color:var(--ssai-brand); }
.ssai-btn-brand{ background:linear-gradient(135deg,var(--ssai-brand),var(--ssai-brand-2)); color:var(--ssai-on-brand); }
.ssai-btn:active{ transform:scale(.98); }

@media (max-width:640px){
  .ssai-advisor-txt{ font-size:13.5px; }
  .ssai-modal{ max-width:none; border-radius:16px; }
}

/* Kopia paska wstawiana, gdy motyw chowa oryginał (np. na mobile) */
.ssai-mobile-holder{ display:block; width:100%; margin:14px 0; padding:0 14px; box-sizing:border-box; }
@media (min-width:641px){ .ssai-mobile-holder{ padding:0; } }