/* Provider selector v2: Persian heading above, provider choices below. */
.provider-picker[data-layout-v2="1"]{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:18px !important;
  padding:24px !important;
  border:1px solid #e5e7ef;
  border-radius:18px;
  background:linear-gradient(135deg,#fbfaff 0%,#fff 58%,#fbfdfc 100%);
  overflow:visible;
}

.provider-picker-copy{
  display:flex;
  flex-direction:column;
  gap:5px;
  text-align:right;
  direction:rtl;
}
.provider-picker-copy strong{
  color:#344054;
  font-size:1.08rem;
  line-height:1.55;
  font-weight:900;
}
.provider-picker-copy span{
  color:#8a93a3;
  font-size:.82rem;
  line-height:1.9;
}

.provider-options{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  width:100%;
  min-width:0;
}

.provider-options .provider-choice{
  width:100%;
  min-width:0 !important;
  min-height:92px;
  margin:0;
  padding:15px 16px !important;
  border:1px solid #e2e5ec;
  border-radius:14px;
  background:#fff;
  color:#475467;
  box-shadow:0 1px 2px rgba(16,24,40,.02);
  display:grid !important;
  grid-template-columns:10px minmax(0,1fr) 26px !important;
  align-items:center;
  gap:11px;
  text-align:left;
  direction:ltr;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
.provider-options .provider-choice:hover{
  border-color:#cfc9ff;
  box-shadow:0 8px 22px rgba(85,70,213,.08);
  transform:translateY(-1px);
}
.provider-options .provider-choice > i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#b7bec9;
}
.provider-options .provider-choice > span,
.provider-options .provider-choice .provider-choice-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  font-family:Arial,Vazirmatn,sans-serif;
  font-size:.92rem !important;
  line-height:1.35;
  font-weight:800;
  color:#475467;
}
.provider-options .provider-choice strong{
  font-size:.92rem;
  line-height:1.35;
  color:#344054;
}
.provider-options .provider-choice small{
  font-family:Vazirmatn,Tahoma,sans-serif;
  font-size:.72rem !important;
  line-height:1.75;
  font-weight:500;
  color:#98a2b3;
  direction:rtl;
  text-align:left;
  overflow-wrap:anywhere;
}
.provider-options .provider-choice > b{
  width:26px;
  height:26px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#f2f4f7;
  color:transparent;
  font-size:.8rem;
}

.provider-options .provider-choice.active{
  border-color:#b9b2ff;
  background:linear-gradient(135deg,#faf9ff,#f5f3ff);
  color:#5546d5;
  box-shadow:0 8px 22px rgba(85,70,213,.08);
}
.provider-options .provider-choice.active > i{
  background:#6657e8;
  box-shadow:0 0 0 4px #e8e5ff;
}
.provider-options .provider-choice.active > b{
  background:#6657e8;
  color:#fff;
}

.provider-options .darvareh-choice{
  direction:ltr;
  border-color:#b8e8d2;
  background:#f4fdf8;
}
.provider-options .darvareh-choice .provider-choice-copy{
  direction:rtl;
  text-align:left;
}
.provider-options .darvareh-choice .darvareh-provider-title{
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  gap:6px;
  direction:ltr;
  white-space:nowrap;
}
.provider-options .darvareh-choice .darvareh-provider-en{
  font-family:Arial,Vazirmatn,sans-serif;
  font-size:.92rem !important;
  line-height:1.35;
  font-weight:800;
  color:#344054;
}
.provider-options .darvareh-choice .darvareh-provider-fa{
  font-family:Vazirmatn,Tahoma,sans-serif;
  font-size:.72rem !important;
  line-height:1.75;
  font-weight:500;
  color:#98a2b3;
}
.provider-options .darvareh-choice small{
  text-align:left;
}
.provider-options .darvareh-choice.active{
  border-color:#85d8b5;
  background:linear-gradient(135deg,#effcf5,#e8faf1);
  box-shadow:0 8px 22px rgba(7,148,85,.08);
}
.provider-options .darvareh-choice.active > i{
  background:#079455;
  box-shadow:0 0 0 4px #d8f5e7;
}
.provider-options .darvareh-choice.active > b{
  background:#079455;
  color:#fff;
}

.mobile-provider-select-wrap{display:none}

/* Darvareh Overall score: plain number, no circular progress ring. */
.overall-rating-cell .score-ring{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  border-radius:0 !important;
  background:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.overall-rating-cell .score-ring::after{display:none !important}
.overall-rating-cell .score-ring span{
  position:static !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  color:#5848da !important;
}
.overall-rating-cell .no-score{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  border-radius:0 !important;
  background:none !important;
}

@media(max-width:1000px){
  .provider-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .provider-picker[data-layout-v2="1"]{
    padding:17px !important;
    gap:14px !important;
  }

  /* Mobile UX: replace stacked provider cards with one native select. */
  .provider-picker[data-layout-v2="1"] .provider-options{
    display:none !important;
  }

  .mobile-provider-select-wrap{
    display:flex;
    flex-direction:column;
    gap:7px;
    width:100%;
    direction:rtl;
  }

  .mobile-provider-select-label{
    color:#667085;
    font:700 11px/1.7 Vazirmatn,Tahoma,sans-serif;
  }

  .mobile-provider-select-control{
    position:relative;
    display:block;
    width:100%;
  }

  .mobile-provider-select-control select{
    appearance:none;
    -webkit-appearance:none;
    width:100%;
    min-height:50px;
    margin:0;
    padding:0 15px 0 46px;
    border:1px solid #d8dce5;
    border-radius:12px;
    background:#fff;
    color:#344054;
    box-shadow:0 1px 3px rgba(16,24,40,.04);
    outline:none;
    font:750 14px/1.5 Arial,Vazirmatn,Tahoma,sans-serif;
    direction:ltr;
    text-align:left;
    cursor:pointer;
  }

  .mobile-provider-select-control select:focus{
    border-color:#9b91f1;
    box-shadow:0 0 0 3px rgba(102,87,232,.11);
  }

  .mobile-provider-select-control i{
    position:absolute;
    left:16px;
    top:50%;
    width:9px;
    height:9px;
    border-right:2px solid #7c8697;
    border-bottom:2px solid #7c8697;
    transform:translateY(-68%) rotate(45deg);
    pointer-events:none;
  }

  .provider-picker-copy strong{font-size:1rem}
  .provider-picker-copy span{font-size:.76rem;line-height:1.8}
}