:root{
  --ctais-accent: var(--wd-primary-color, var(--color-primary, #e56be8));
  --ctais-accent-strong: var(--wd-primary-color, var(--color-primary, #d94ddb));
  --ctais-accent-soft: rgba(229,107,232,.10);
  --ctais-border: rgba(0,0,0,.10);
  --ctais-text: #222;
  --ctais-muted: #666;
}

.ctais-results{
  position:absolute;
  z-index:2147483647;
  background:#fff;
  border:1px solid var(--ctais-border);
  box-shadow:0 12px 30px rgba(0,0,0,.14);
  border-radius:12px;
  overflow:hidden;
  text-align:left;
  max-height:70vh;
  overflow-y:auto;
  isolation:isolate;
  box-sizing:border-box;
}

.ctais-item{
  display:flex;
  gap:10px;
  padding:10px 12px;
  text-decoration:none !important;
  color:inherit;
  border-bottom:1px solid rgba(0,0,0,.07);
  align-items:center;
  background:#fff;
}
.ctais-item:hover,.ctais-item:focus{background:#faf7fb;outline:0}

.ctais-img{
  width:48px;
  height:48px;
  flex:0 0 48px;
  background:#f4f4f4;
  border-radius:8px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ctais-img img{width:100%;height:100%;object-fit:cover;display:block}
.ctais-info{min-width:0;display:block}
.ctais-title{display:block;font-size:14px;font-weight:600;line-height:1.25;color:var(--ctais-text)}
.ctais-sku{font-size:11px;line-height:1.35;color:#777;margin-top:2px}
.ctais-price{display:block;font-size:13px;margin-top:3px;color:#111}
.ctais-price del{opacity:.55}

.ctais-ai-note,
.ctais-loading,
.ctais-view-all{display:block;padding:10px 12px;font-size:13px}

.ctais-ai-note{
  background:#fdf5fe;
  border-bottom:1px solid rgba(0,0,0,.06);
  color:#7b2b83;
}

.ctais-loading{color:var(--ctais-muted);background:#fff}

.ctais-empty-state{
  padding:14px 14px 10px;
  background:linear-gradient(180deg, #fff 0%, #fff7fd 100%);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.ctais-empty-title{
  font-size:14px;
  font-weight:700;
  color:var(--ctais-text);
  margin-bottom:4px;
}
.ctais-empty-text{
  font-size:12px;
  line-height:1.45;
  color:var(--ctais-muted);
}

.ctais-view-all{
  text-align:center;
  font-weight:700;
  text-decoration:none !important;
  background:#fafafa;
  color:#222;
  border-top:1px solid rgba(0,0,0,.08);
}
.ctais-view-all:hover,.ctais-view-all:focus{
  text-decoration:none !important;
}

.ctais-shortcode-form{display:flex;gap:8px;position:relative}
.ctais-shortcode-form button{white-space:nowrap}

.ctais-cat-block{padding:10px 12px;border-bottom:1px solid #f0f0f0;background:#fafafa}
.ctais-cat-title{font-size:12px;font-weight:700;margin-bottom:6px;color:#555;text-transform:uppercase;letter-spacing:.02em}
.ctais-cat{display:inline-block;margin:0 6px 6px 0;padding:5px 8px;border:1px solid #ddd;border-radius:999px;background:#fff;font-size:12px;text-decoration:none;line-height:1.2;color:#222}
.ctais-cat:hover{text-decoration:none;border-color:#999}

.ctais-view-all-empty{
  margin:0 12px 12px;
  border-radius:10px;
  background:linear-gradient(180deg, var(--ctais-accent) 0%, var(--ctais-accent-strong) 100%);
  color:#fff !important;
  padding:12px 14px;
  box-shadow:0 8px 18px rgba(0,0,0,.10);
}
.ctais-view-all-empty:hover,
.ctais-view-all-empty:focus{
  background:linear-gradient(180deg, var(--ctais-accent-strong) 0%, var(--ctais-accent-strong) 100%);
  color:#fff !important;
}

/* Compatibility: hide only competing suggestion dropdowns while CakeTools AI Search is open, not the search input or search icon. */
body.ctais-active .dgwt-wcas-suggestions-wrapp,
body.ctais-active .dgwt-wcas-details-wrapp,
body.ctais-active .autocomplete-suggestions,
body.ctais-active .wd-search-results,
body.ctais-active .woodmart-search-results,
body.ctais-active .aws-search-result{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media(max-width:768px){
  .ctais-results{max-height:65vh}
  .ctais-title{font-size:13px}
  .ctais-img{width:44px;height:44px;flex-basis:44px}
  .ctais-item{padding:9px 10px}
  .ctais-empty-state{padding:12px 12px 8px}
  .ctais-view-all-empty{margin:0 10px 10px}
}
