/*
 * Выпадающие списки (<select>) — один вид на весь портал и кабинет.
 *
 * На Mac (Safari и Chrome) список без `appearance: none` рисуется системной
 * серой «кнопкой» с двойной стрелкой и игнорирует фон и скругление: рядом
 * с нашими полями он читался чужим элементом. Своё оформление было у
 * десятка страниц, и у каждой своё; у остальных — системное.
 *
 * Здесь две части:
 *  - стрелка и снятый системный вид — у ВСЕХ одиночных списков, с
 *    !important: страницы задают фон сокращённо (`background: #fff`), и
 *    сокращение стёрло бы стрелку;
 *  - рамка, скругление, высота и цвет — через :where(), с нулевым весом:
 *    у страницы со своим видом списка выигрывает её правило, а голый
 *    список получает общий вид.
 * Не трогаем: множественный выбор и списки со `size` (это не выпадающие),
 * и списки с классом `rb-nosel` — у них своя вёрстка (узкая «+» кнопка).
 *
 * Подключён последним в private/header.php и header.php (с версией по
 * filemtime). Тест: php tests/rbselect.test.php
 */
select:not([multiple]):not([size]):not(.rb-nosel),
select[size="1"]:not(.rb-nosel) {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%238a7f73' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 11px center !important;
  background-size: 12px 12px !important;
  padding-right: 32px !important;
  cursor: pointer;
  text-overflow: ellipsis;
}
select::-ms-expand { display: none; }

:where(select:not([multiple]):not([size]):not(.rb-nosel)) {
  box-sizing: border-box;
  min-height: 38px;
  padding: 0 12px;
  border: 1.5px solid #e7dfd2;
  border-radius: 12px;
  background-color: #fff;
  color: #1b1613;
  font: inherit;
  font-size: 15px;
  line-height: 1.3;
  transition: border-color .15s ease, box-shadow .15s ease;
}
:where(select:not([multiple]):not([size]):not(.rb-nosel)):hover { border-color: #d9cbb6; }
:where(select):focus-visible {
  outline: none;
  border-color: #ed6b10;
  box-shadow: 0 0 0 3px rgba(237, 107, 16, .18);
}
select:disabled { cursor: default; opacity: .6; }

/* Легаси W3.CSS: `w3-input w3-border` — прямые углы и серая рамка рядом со
   скруглёнными полями. Класс сильнее :where, поэтому правим его прямо. */
select.w3-input, select.w3-select { border-radius: 12px; background-color: #fff; }
select.w3-input:not(.w3-border), select.w3-select:not(.w3-border) { border: 1.5px solid #e7dfd2; }

/* Пункты: на Mac их рисует система, но цвет и шрифт она берёт отсюда */
select option { color: #1b1613; background: #fff; font-weight: 500; }
select option:disabled { color: #a79d90; }
select optgroup { color: #8a7f73; font-weight: 700; }