/**
 * Sockaki search — branded no-results state + compact full-screen results.
 *
 * Restrained Memphis accent; calm, high-contrast, utility-first.
 */

/* ── Shared no-results component (full search page) ─────────── */
.sk-search-empty {
  position: relative;
  width: min(100%, 760px);
  margin: var(--sk-space-12) auto var(--sk-space-16);
  padding: var(--sk-space-8) var(--sk-space-6);
  overflow: hidden;
  border: var(--sk-border-default);
  border-radius: var(--sk-radius-md);
  background: var(--sk-paper);
  text-align: center;
}

.sk-search-empty__accent {
  position: absolute;
  top: -1rem;
  right: -1rem;
  width: 4.5rem;
  height: 4.5rem;
  background: var(--sk-brand-aqua);
  border: var(--sk-border-width-md) solid var(--sk-text);
  border-radius: var(--sk-radius-full);
  transform: rotate(8deg);
  pointer-events: none;
}

.sk-search-empty__title {
  position: relative;
  margin: 0 0 var(--sk-space-3);
  color: var(--sk-text);
  font-family: var(--sk-font-display);
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: var(--sk-fw-bold);
  letter-spacing: -.02em;
  line-height: var(--sk-lh-tight);
  overflow-wrap: break-word;
}

.sk-search-empty__copy {
  position: relative;
  margin: 0 0 var(--sk-space-5);
  color: var(--sk-text-muted);
  font-size: var(--sk-fs-sm);
  line-height: var(--sk-lh-snug);
}

.sk-search-empty__cats {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--sk-space-2);
}

/* ═══════════════════════════════════════════════════════════════
   Full-screen AJAX results
   ════════════════════════════════════════════════════════════ */
.wd-search-full-screen .wd-search-results {
  width: 100%;
  padding: var(--sk-space-4) 0;
}

/* Product discovery cards (never the no-results cell). */
.wd-search-full-screen .wd-search-results .wd-suggestion:not(.wd-not-found) {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sk-space-3);
  padding: var(--sk-space-3) var(--sk-space-4);
  border: var(--sk-border-width) solid var(--sk-border);
  border-radius: var(--sk-radius);
  background: var(--sk-brand-white);
}

.wd-search-full-screen .wd-search-results .wd-suggestion-thumb {
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: var(--sk-radius-sm);
}

.wd-search-full-screen .wd-search-results .wd-suggestion-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wd-search-full-screen .wd-search-results .wd-entities-title {
  font-family: var(--sk-font-body);
  font-size: var(--sk-fs-sm);
  font-weight: var(--sk-fw-semibold);
}

.wd-search-full-screen .wd-search-results .wd-suggestion .price {
  color: var(--sk-text);
  font-weight: var(--sk-fw-bold);
  white-space: nowrap;
}

.wd-search-full-screen .wd-all-results {
  display: inline-flex;
  align-items: center;
  margin: var(--sk-space-4) auto 0;
  padding: var(--sk-space-2) var(--sk-space-4);
  border: var(--sk-border-width-md) solid var(--sk-text);
  border-radius: var(--sk-radius-sm);
  background: var(--sk-brand-aqua);
  color: var(--sk-text);
  font-weight: var(--sk-fw-bold);
  text-transform: uppercase;
  letter-spacing: .05em;
}

/* ── AJAX no-results — normal responsive block, centered ────── */
.wd-search-full-screen .wd-search-results .wd-not-found {
  display: block;
  width: 100%;
}

.sk-search-empty--ajax {
  width: min(100%, 760px);
  margin: var(--sk-space-3) auto;
  padding: var(--sk-space-5) var(--sk-space-4);
  text-align: center;
}

.sk-search-empty--ajax .sk-search-empty__title {
  font-size: clamp(1.25rem, 2.5vw, 1.8rem);
}

.sk-search-empty--ajax .sk-search-empty__cats {
  margin-block-start: var(--sk-space-3);
}

@media (max-width: 767px) {
  .sk-search-empty {
    padding: var(--sk-space-6) var(--sk-space-4);
  }
}