.doctor-name a { color: inherit; text-decoration: none; }
.doctor-name a:hover { text-decoration: underline; }
.doctor-image { display:block; }



/* =========================
   Searchable Select (DL)
   برای بیمه / شهر / محله تهران
   ========================= */

.dl-ss-hidden{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.dl-ss-wrap{
  position:relative;
  width:100%;
}



.dl-ss-input:focus{
  outline:none;
  border-color:#ff7a00;
  box-shadow:0 0 0 2px rgba(255,122,0,0.2);
}

/* placeholder هم مثل متن عادی مشکی باشد (مثل select تخصص) */
.dl-ss-input::placeholder{
  color:#222 !important;
  opacity:1 !important; /* بعضی مرورگرها placeholder رو کمرنگ می‌کنن */
}

.dl-ss-input::-webkit-input-placeholder{
  color:#222 !important;
  opacity:1 !important;
}
.dl-ss-input:-ms-input-placeholder{
  color:#222 !important;
}
.dl-ss-input::-ms-input-placeholder{
  color:#222 !important;
}


.dl-ss-clear{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:26px;
  height:26px;
  border-radius:50%;
  display:none;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#666;
  background:rgba(0,0,0,0.04);
  user-select:none;
}
.dl-ss-wrap.has-value .dl-ss-clear{ display:flex; }
.dl-ss-clear:hover{ background:rgba(0,0,0,0.08); }

.dl-ss-dropdown{
  position:absolute;
  left:0; right:0;
  top:calc(100% + 6px);
  background:#fff;
  border:1px solid #e6e9f0;
  border-radius:12px;
  box-shadow:0 10px 25px rgba(0,0,0,0.12);
  overflow:hidden;
  display:none;
  z-index:99999;
}
.dl-ss-dropdown.open{ display:block; }

.dl-ss-list{
  max-height:280px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

.dl-ss-item{
  padding:10px 12px;
  cursor:pointer;
  font-size:14px;
  color:#222;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #f1f3f8;
}
.dl-ss-item:last-child{ border-bottom:none; }
.dl-ss-item:hover{ background:#f6f8ff; }
.dl-ss-item.is-active{ background:#eaf0ff; }
.dl-ss-item.is-selected .dl-ss-tick{ opacity:1; }
.dl-ss-tick{ opacity:0; font-size:14px; color:#0e6245; }

.dl-ss-empty{
  padding:12px;
  text-align:center;
  color:#666;
  font-size:13px;
}

/* موبایل: Bottom sheet */
.dl-ss-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  display:none;
  z-index:999999;
}
.dl-ss-overlay.open{ display:block; }

.dl-ss-panel{
  position:absolute;
  left:0; right:0; bottom:0;
  background:#fff;
  border-radius:14px 14px 0 0;
  padding:10px 12px 12px;
  max-height:75vh;
  overflow:hidden;
  box-shadow:0 -10px 30px rgba(0,0,0,.2);
}

.dl-ss-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:6px 2px 10px;
  border-bottom:1px solid #eee;
  margin-bottom:10px;
}
.dl-ss-title{ font-weight:700; color:#222; font-size:16px; }
.dl-ss-close{
  background:none;
  border:none;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}

.dl-ss-search{
  width:100%;
  height:42px;
  border-radius:10px;
  border:1px solid #e6e9f0;
  padding:0 12px;
  margin-bottom:10px;
  outline:none;
  font-size:14px;
  direction:rtl;
}
.dl-ss-search:focus{
  border-color:#ff7a00;
  box-shadow:0 0 0 2px rgba(255,122,0,0.18);
}

.dl-ss-panel .dl-ss-list{
  max-height:calc(75vh - 140px);
  overflow:auto;
}


/* =========================
   Make Searchable Inputs look EXACTLY like the Specialty <select>
   (یعنی مثل فیلد تخصص سفید و یک‌دست)
   ========================= */

/* نکته: اینجا ما به dl-ss-input همون ظاهر select تخصص رو می‌دیم */
.dl-ss-input{
  /* تلاش می‌کنیم عین selectهای موجود بشه */
  width:100%;
  height:46px;

  /* مهم: سفید مثل تخصص */
  background-color:#fff !important;

  /* بوردر و رند مثل تخصص */
  border:1px solid #e6e9f0 !important;
  border-radius:10px !important;

  /* متن و جهت */
  color:#222 !important;
  direction:rtl !important;
  text-align:center !important;

  /* فونت مثل بقیه */
  font-size:14px !important;
  font-weight:400 !important;

  /* فاصله‌ها مثل select */
  padding:10px 16px !important;

  /* فلش/آیکون خودمون رو حذف می‌کنیم تا کاملاً شبیه تخصص بشه */
  background-image:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;

  transition:all .2s ease;
}

.dl-ss-input:focus{
  outline:none !important;
  border-color:#ff7a00 !important;
  box-shadow:0 0 0 2px rgba(255,122,0,0.18) !important;
}

/* دکمه پاک کردن داخل فیلد، با استایل سبک */
.dl-ss-clear{
  background:rgba(0,0,0,0.06) !important;
}
.dl-ss-clear:hover{
  background:rgba(0,0,0,0.10) !important;
}


/* اگر استایل تخصص با selector خاصی اعمال میشه، این ۳ تا هم همان را بگیرند */
#insuranceFilter + .dl-ss-wrap .dl-ss-input,
#cityFilter + .dl-ss-wrap .dl-ss-input,
#neighborhoodFilter + .dl-ss-wrap .dl-ss-input{
  background-color:#fff !important;
}