/* «Регионы без поддоменов» (easyregions): кнопка города в шапке, окно выбора и подсказка «Ваш город?».
   Разметка окна — shop/easyregions_plugin.window.html темы, поведение и базовые стили — плагина
   (js/frontend.js, css/frontend.css). Здесь только цвета, шрифт и скругления темы через переменные
   плагина. Плагин переносит окно и подложку в <body>, поэтому переменные задаются на body.
   Переменные Bootstrap сами переключаются со светлой на тёмную тему (data-bs-theme на <html>),
   поэтому одного правила хватает на обе; селектор сильнее тёмной палитры плагина на <html>. */

html body {
  --easyregions-accent: var(--bs-theme);
  --easyregions-accent-hover: var(--bs-theme-shade-20, var(--bs-theme));
  --easyregions-accent-fg: #fff;
  --easyregions-accent-soft: rgba(var(--bs-theme-rgb), .12);
  --easyregions-ring: rgba(var(--bs-theme-rgb), .3);

  --easyregions-bg: var(--bs-body-bg);
  --easyregions-bg-muted: var(--bs-tertiary-bg);
  --easyregions-bg-hover: var(--bs-secondary-bg);
  --easyregions-bg-active: var(--bs-secondary-bg);
  --easyregions-border: var(--bs-border-color);
  --easyregions-border-input: var(--bs-border-color);
  --easyregions-text: var(--bs-body-color);
  --easyregions-text-muted: var(--bs-secondary-color);
  --easyregions-text-subtle: var(--bs-tertiary-color);

  --easyregions-radius-sm: min(var(--bs-border-radius-sm, 4px), 6px);
  --easyregions-radius: min(var(--bs-border-radius, 6px), 10px);
  --easyregions-radius-lg: min(var(--bs-border-radius-lg, 8px), 14px);
  --easyregions-radius-xl: min(var(--bs-border-radius-xl, 12px), 20px);
}

/* Окно из шаблона темы: шрифт темы, поле поиска при фокусе — в цвете темы */
.easyregions-sheet.easyregions-sheet--theme,
.easyregions-dropdown,
.easyregions-notifier {
  font-family: inherit;
}

.easyregions-sheet.easyregions-sheet--theme .easyregions-sheet__search:focus-within {
  border-color: var(--bs-theme);
  box-shadow: 0 0 0 1px var(--bs-theme);
}

/* Кнопка города в шапке — ссылкой, как соседние пункты */
.p-shop-easyregions .easyregions-trigger {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: inherit;
  white-space: nowrap;
  transition: color .15s ease-in-out;

}

.p-shop-easyregions .easyregions-trigger:hover,
.p-shop-easyregions .easyregions-trigger:focus-visible {
  background: transparent;
  color: var(--bs-theme);
}

/* На телефоне в шапке длинное название города обрезается */
.p-shop-easyregions--mobile .easyregions-region-name {
  max-width: 7.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Строка выбора города в мобильном меню — как пункты меню */
.l-mobile-header__city .easyregions-trigger {
  gap: .5rem;
  font-size: 1rem;
}