.hxwas-wrap { position: relative; max-width: 100%; font-family:Raleway; }

.hxwas-input-holder {
  position: relative;
  max-width: 100%;
}

/* ikon input içinde */
.hxwas-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  opacity: .35;
  pointer-events: none;
}

/* buton input içinde (sağda) */
.hxwas-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px 12px;
  border-radius: 12px;
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid rgba(0,0,0,.08);
  background: #d0c3bd;
  color: white;
  font-weight: 600;
  font-size: 13px;
}

.hxwas-btn:hover {
    background:#7e6d66;
}

/* input */
.hxwas-input {
  width: 100%;
  padding: 11px 12px;
  padding-left: 38px; /* ikon için */
  padding-right: 84px; /* buton için */
  border-radius: 14px;
  outline: none;
  font-family:Urbanist!important;

  opacity: .75;
  transition: opacity .15s ease;
}

.hxwas-wrap.hxwas-active .hxwas-input { opacity: 1; }
.hxwas-wrap.hxwas-active .hxwas-icon { opacity: 1; }

/* Tema underline / alt çizgi bastırma */
.hxwas-wrap .hxwas-input,
.hxwas-wrap .hxwas-input:focus {
  box-shadow: none !important;
  outline: none !important;
 
  background-image: none !important;
}

/* Bazı temaların pseudo underline'larını bastır */
.hxwas-wrap::before,
.hxwas-wrap::after,
.hxwas-input-holder::before,
.hxwas-input-holder::after {
  content: none !important;
  display: none !important;
}

/* dropdown */
.hxwas-results {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;

  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  overflow: auto;
  z-index: 9999;

  max-height: min(60vh, 420px);
  display: none;
}

.hxwas-results.is-open { display: block; }

/* ✅ item artık DIV */
.hxwas-item {
  display: flex;
  gap: 10px;
  padding: 10px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.hxwas-item:hover { background: #f7f7f7; }
.hxwas-item.is-active { background: #fff7f3; }

.hxwas-thumb img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 12px;
}

.hxwas-title { font-weight: 600; font-family:Urbanist; }
.hxwas-price { font-size: 14px; opacity: .9; margin-top: 2px; font-weight:600; color:#0C6913;}
.hxwas-cats a { font-size: 12px; opacity: .85; text-decoration: none; }
.hxwas-desc { font-size: 12px; opacity: .85; margin-top: 6px; }

.hxwas-row {
  padding: 12px;
  font-size: 13px;
  opacity: .85;
}

.hxwas-loading-row { opacity: .75; }
.hxwas-empty-row { opacity: .85; }

.hxwas-hl { font-weight: 800; }

/* Portal mode (appended to body) => fixed positioning for sticky headers */
.hxwas-results.hxwas-portal {
  position: fixed !important;
  top: 0;
  left: 0;
  right: auto;
}

/* Mobil */
@media (max-width: 640px) {
  .hxwas-results { max-height: 55vh; }
  .hxwas-thumb img { width: 44px; height: 44px; }
  .hxwas-btn { padding: 8px 10px; }
}


.hxwas-meta { min-width: 0; flex: 1 1 auto; }
.hxwas-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.hxwas-badge {
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  line-height:1;
  background:#fff1e8;
  color:#a24617;
  border:1px solid rgba(162,70,23,.12);
}
.hxwas-item img { display:block; }

@media (max-width: 640px) {
  .hxwas-item { gap:8px; padding:9px; }
  .hxwas-title { font-size:14px; line-height:1.25; }
  .hxwas-price { font-size:13px; }
  .hxwas-cats a,
  .hxwas-desc,
  .hxwas-badge { font-size:11px; }
  .hxwas-badges { margin-top:5px; gap:5px; }
}

.hxwas-mobile-toggle {
  display: none;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 999px;
  background: #fff;
  color: inherit;
  cursor: pointer;
  line-height: 1;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

.hxwas-mobile-toggle span {
  display: inline-flex;
  line-height: 1;
}

@media (max-width: 640px) {
  .hxwas-wrap.hxwas-mobile-icon-mode {
    display: inline-flex;
    width: auto;
  }

  .hxwas-wrap.hxwas-mobile-icon-mode .hxwas-mobile-toggle {
    display: inline-flex;
  }

  .hxwas-wrap.hxwas-mobile-icon-mode .hxwas-input-holder {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 10000;
    width: min(90vw, 360px) !important;
    max-width: min(90vw, 360px);
  }

  .hxwas-wrap.hxwas-mobile-icon-mode.hxwas-mobile-icon-open .hxwas-input-holder {
    display: block;
  }

  .hxwas-wrap.hxwas-mobile-icon-mode.hxwas-mobile-icon-open .hxwas-mobile-toggle {
    opacity: 1;
  }

  .hxwas-wrap.hxwas-mobile-icon-mode .hxwas-input {
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
  }
}