/* Лёгкие переменные на случай подгонки */
:root{
  --rsd-bg-panel: #FFF;           /* кремовый фон выпадашки */
  --rsd-bg-hover: #fbbc348d;              /* hover/selected фон пункта */
  --rsd-text:     #111;
  --rsd-border:   rgba(0,0,0,.15);
  --rsd-shadow-1: 0 10px 25px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);
  --rsd-shadow-2: 0 2px 6px rgba(0,0,0,.06);
}

/* Скрываем нативный select через класс (без inline-стилей) */
.rsd-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;
}

/* Контейнер */
.rsd { position:relative; display:inline-block; font:inherit; 
}

/* Кнопка */
.rsd__btn{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:5px 30px 5px 10px !important;         /* справа место под стрелку */
  background-color:transparent !important;
  min-width:150px; font-size:16px !important; font-weight:500 !important; color:#455A64 !important; text-transform:capitalize !important;
  line-height:1.2;
  cursor:pointer !important;
  white-space:nowrap;
}

/* Стрелка */
.rsd__btn::after{
 content:"\F129";font-family: "woodmart-font";font-weight: 400; position:absolute; right:5px; top:50%;
 display: inline-block !important; transform:translateY(-50%) rotate(0deg); transition:transform .2s ease;
    opacity:.9;

}

.rsd--open .rsd__btn::after{
 right:5px; transform:translateY(-50%) rotate(180deg) !important;

} 

/* Панель */
.rsd__panel{
  position:absolute; z-index:1000; top:calc(100% + 6px); left:0;
  min-width:100%;
  background:#FFF;
  color:var(--rsd-text);
  border-radius:8px;
  box-shadow:var(--rsd-shadow-1);
  padding:0px;
  display:none;
}
.rsd--open .rsd__panel{ display:block; }

/* Список */
.rsd__list{ list-style:none; margin:0; padding:0; color:#455A64; }

/* Пункт */
.rsd__opt{
  padding:10px 12px;
  margin: 0;
  cursor:pointer;
  user-select:none;
  background: #FFF !important;
}
/* если выбранный пункт первый в списке → скругляем только верхние углы */
.rsd__opt:first-child {
  border-radius: 8px 8px 0 0;
}

/* если выбранный пункт последний → скругляем только нижние углы */
.rsd__opt:last-child {
  border-radius: 0 0 8px 8px;
}

/* если в списке только один пункт → все углы */
.rsd__opt:only-child {
  border-radius: 8px;
}
.rsd__opt:hover{ background:#ffd780 !important; color:#26272F;}
.rsd__opt[aria-selected="true"]{
  background:var(---rsd-bg-panel);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
}

/* Контекст отзывов — на всякий случай ограничим влияние */
#comments .rsd{ font-size:16px; }




/*************************** Селектор сортировки товаров в шопе *******************************/
/* Кнопка сортировки товаров в шопе*/
form.woocommerce-ordering .rsd__btn {
  width: 250px;
  justify-content: flex-start;
  border: 1px solid #999999; 
  border-radius: 5px; 
  padding: 16px 40px 16px 16px !important; 
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #26272F !important;
}

form.woocommerce-ordering .rsd__btn::after{
  right: 16px;
}

/* Список */
form.woocommerce-ordering .rsd__list {
  font-size: 14px;
}