/*! tg-search-suggest.css — PREVIEW / not live
   Predictive search dropdown for shops 50 (/en/) + 72 (/in/).
   White panel, light-grey hover, accent #E6010B. Respects --tg-page-pad-x.
*/
.tg-ss-wrap {
  position: relative;
  z-index: 60;
}
.tg-ss-wrap--open {
  z-index: 1200;
}

.tg-ss-drop {
  position: fixed; /* JS sets top/left/width; avoids overflow:hidden clip */
  margin: 0;
  padding: 6px 0;
  list-style: none;
  background: #ffffff;
  border: 1px solid #e6e8ec;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15, 18, 28, 0.14), 0 2px 6px rgba(15, 18, 28, 0.06);
  max-height: min(70vh, 420px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  z-index: 2147483000;
  box-sizing: border-box;
}
.tg-ss-wrap--open > .tg-ss-drop,
.tg-ss-drop.tg-ss-drop--open {
  display: block;
}

.tg-ss-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  text-decoration: none !important;
  color: #1a1a1a !important;
  cursor: pointer;
  border: 0;
  background: transparent;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  font: inherit;
  transition: background .12s ease;
}
.tg-ss-item:hover,
.tg-ss-item.tg-ss-item--active,
.tg-ss-item:focus-visible {
  background: #f3f4f6;
  outline: none;
}

.tg-ss-thumb {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
  background: #f3f4f6;
  border: 1px solid #eceef2;
}

.tg-ss-meta {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tg-ss-name {
  font-size: 13.5px;
  font-weight: 550;
  line-height: 1.35;
  color: #111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tg-ss-price {
  font-size: 12.5px;
  font-weight: 600;
  color: #E6010B;
}
.tg-ss-price s {
  color: #9aa0ab;
  font-weight: 500;
  margin-right: 6px;
}

.tg-ss-empty,
.tg-ss-status {
  padding: 16px 14px;
  font-size: 13px;
  color: #6b7280;
  text-align: center;
}

.tg-ss-more {
  display: block;
  margin: 4px 8px 2px;
  padding: 10px 12px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #E6010B !important;
  text-decoration: none !important;
  border-radius: 8px;
  border: 1px solid #e6e8ec;
  background: #f7f8fa;
  transition: background .12s ease, border-color .12s ease;
}
.tg-ss-more:hover,
.tg-ss-more:focus-visible {
  background: #f3f4f6;
  border-color: #E6010B;
  outline: none;
}

/* Mobile: full-bleed-ish under header search, keep 5px gutters */
@media (max-width: 767px) {
  .tg-ss-drop {
    left: 0;
    right: 0;
    width: auto;
    max-width: none;
    border-radius: 10px;
  }
  /* When anchored to viewport-ish header (.ma / Elementor topbar) */
  .tg-ss-wrap--mobile-full .tg-ss-drop {
    position: fixed;
    left: var(--tg-page-pad-x, 5px);
    right: var(--tg-page-pad-x, 5px);
    width: auto;
    top: var(--tg-ss-fixed-top, 64px);
    max-height: calc(100vh - var(--tg-ss-fixed-top, 64px) - 12px);
  }
  .tg-ss-name { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}

/* Desktop width cap for header search */
@media (min-width: 768px) {
  .tg-ss-drop {
    min-width: 320px;
    max-width: 440px;
    width: max(100%, 360px);
  }
  /* Elementor full-width search panel: stay full of input wrapper */
  form.elementor-search .tg-ss-wrap .tg-ss-drop {
    max-width: none;
    width: 100%;
  }
}

/* Don't fight Elementor lightbox chrome */
.elementor-search__container .tg-ss-wrap {
  width: 100%;
}
.elementor-search__input-wrapper .tg-ss-wrap {
  display: block;
  width: 100%;
}

.tg-ss-thumb {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
  background: #eef0f3;
  border: 1px solid #eceef2;
}
.tg-ss-drop[data-tg-ss-state="loading"] .tg-ss-status {
  padding: 18px 14px;
}