/* Ham Otagh v1.0.14 — search type chooser + password recovery/change password only. */
/* This file intentionally does NOT change hero layout, brand, geo pickers, pricing, listings cards, or mobile media. */

#heroListingKinds{
  grid-column:1 / -1;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:12px 14px;
  border:1px solid #f1dce5;
  border-radius:14px;
  background:#fffafd;
}
.search-kind-title{font-size:13px;font-weight:900;color:#111}
.search-kind-help{font-size:12px;color:var(--muted)}
.search-kind-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.search-kind-option{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start;
  gap:9px!important;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #eadce3;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  font-weight:850!important;
}
.search-kind-option:hover{border-color:#f19abd;background:#fff7fb}
.search-kind-option:has(input:checked){
  border-color:var(--pink);
  background:var(--pink-soft);
  color:#8f0038;
  box-shadow:0 0 0 2px rgba(237,10,100,.06);
}
.search-kind-option input{
  width:18px;height:18px;accent-color:var(--pink);flex:0 0 auto;
}
#heroListingKinds.attention{
  animation:ham-kind-attention .42s ease 0s 2;
  border-color:var(--pink);
  box-shadow:0 0 0 3px rgba(237,10,100,.10);
}
@keyframes ham-kind-attention{
  0%,100%{transform:translateX(0)}
  35%{transform:translateX(-4px)}
  70%{transform:translateX(4px)}
}

/* The former lower listing-type switch is retained in DOM for compatibility but hidden from users.
   Selection now happens before Search, exactly once, inside the hero search form. */
.listings-section .type-toggle,
#listingModePrompt{display:none!important}

.auth-inline-link{display:flex;justify-content:flex-start;margin-top:-2px}
body[dir=rtl] .auth-inline-link{justify-content:flex-end}
.auth-link{
  border:0;
  background:transparent;
  color:var(--pink);
  padding:2px 0;
  font-weight:850;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
}
.auth-reset-head{margin:4px 0 18px}
.auth-reset-head h2{margin:0 0 7px;font-size:24px}
.auth-reset-head p{margin:0;color:var(--muted);line-height:1.7}
.reset-code-input{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:center!important;
  font-size:24px!important;
  letter-spacing:6px!important;
  font-weight:900!important;
}
.password-change-surface{margin-top:18px}

@media(max-width:900px){
  #heroListingKinds{grid-column:auto}
  .search-kind-options{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .search-kind-options{grid-template-columns:1fr}
}