/* پنهان کردن سکشن پرطرفدار وقتی نتایج باز است */
#searchbox-holder.open .searchbox-section-head,
#searchbox-holder.open .searchbox-section-body { display:none; }

/* کانتینر نتایج (ابعاد/موقعیت با JS) */
.searchbox-live-results{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:12px;
  box-shadow:0 16px 36px rgba(0,0,0,.12);
  padding:.5rem .6rem;
  display:none;
  z-index:9999;
}

/* سکشن‌ها (دسته‌بندی/محصولات) */
.srch-sec{ display:block; }
.srch-sec + .srch-sec{ margin-top:.5rem; border-top:1px dashed #eee; padding-top:.5rem; }
.srch-sec-hd{ display:flex; align-items:center; gap:.5rem; font-weight:800; margin:.25rem .1rem .45rem; color:#444; }

/* چیپ‌های دسته‌بندی */
.srch-chips{ display:flex; flex-wrap:wrap; gap:.4rem; }
.srch-chip{
  display:inline-flex; align-items:center; gap:.35rem;
  background:#f7f8fb; border:1px solid #e8eaf0; color:#333;
  padding:.35rem .55rem; border-radius:999px; text-decoration:none; font-size:.88rem;
}
.srch-chip:hover{ background:#eef1f8; }

/* لیست محصولات */
.srch-list{ display:flex; flex-direction:column; gap:.5rem; }
.srch-item{
  display:flex; gap:.6rem; align-items:center;
  padding:.6rem .7rem; border-radius:.7rem; border:1px solid #eee;
  background:#fff; color:#222; text-decoration:none;
}
.srch-item:hover{ box-shadow:0 2px 12px rgba(0,0,0,.08); }

.srch-thumb{
  width:56px; height:56px; flex:0 0 56px;
  border-radius:.35rem; object-fit:cover; background:#f4f4f4;
}
.srch-meta{ display:flex; flex-direction:column; gap:.25rem; min-width:0; }
.srch-title{ font-size:.92rem; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* قیمت‌ها */
.srch-price-row{ display:flex; align-items:center; gap:.6rem; }
.srch-price-old{ text-decoration:line-through; opacity:.65; }
.srch-price-final{ font-weight:800; }
.srch-inquiry{ font-weight:800; color:#b26b00; }
.currency{ opacity:.7; margin-inline-start:.25rem; }

.srch-empty{ padding:.8rem; text-align:center; color:#666; }
/* ===== Skeleton / Shimmer ===== */
.srch-item--skel {
  position: relative;
  overflow: hidden;
}

.skel {
  border-radius: 8px;
  background: #eef1f4;
  position: relative;
  overflow: hidden;
}
.skel::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.7) 50%,
    rgba(255,255,255,0) 100%);
  animation: srch-shimmer 1.2s infinite;
  will-change: transform;
}

@keyframes srch-shimmer {
  100% { transform: translateX(100%); }
}

/* اندازه‌های خطوط اسکلتون */
.skel-thumb { width: 56px; height: 56px; }
.skel-line { height: 10px; margin: 6px 0; }
.skel-line--lg { width: 70%; height: 14px; margin-top: 2px; }
.skel-line--md { width: 50%; }
.skel-line--sm { width: 35%; }

/* لی‌آوت بهتر برای حالت اسکلتون */
.srch-list--skel .srch-item {
  display: flex;
  gap: .75rem;
  align-items: center;
  padding: .6rem .7rem;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #f0f2f5;
}
.srch-list--skel .srch-item + .srch-item { margin-top: .4rem; }

/* هدر بخش اسکلتون */
.srch-skel .srch-sec-hd {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-weight: 700;
  color: #475569;
  margin: .25rem .25rem .5rem;
}

/* احترام به کاربران حساس به انیمیشن */
@media (prefers-reduced-motion: reduce) {
  .skel::after { animation: none; }
}

/* هماهنگی با تم‌های احتمالی */
body.night-mode .skel { background: #2a2f36; }
body.night-mode .srch-list--skel .srch-item { background: #1d2228; border-color: #2a2f36; }
body.night-mode .srch-skel .srch-sec-hd { color: #cbd5e1; }