/**
 * Фирменная тема ЖК «Татарская 35» — светлый UI, бежевые панели, коричневый акцент
 */

:root {
  --tatar-beige: #F6F3EF;
  --tatar-beige-muted: #E8DFD4;
  --tatar-brown: #8B3B28;
  --tatar-brown-light: #B8956F;
  --tatar-brown-dark: #5C2E22;
}

/* Шапка бокового меню — беж, не насыщенный акцент */
.ui_top_menu__sidebar-header {
  background: var(--tatar-beige-muted) !important;
}

.ui_top_menu__sidebar-title,
.ui_top_menu__sidebar-close,
.ui_top_menu__quality-title {
  color: var(--dark, #231F20);
}

.ui_top_menu__sidebar-close-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l8 8M9 1L1 9' stroke='%23231F20' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.ui_panorama_quality_switch__track {
  background: rgba(35, 31, 32, 0.12);
  border-color: rgba(35, 31, 32, 0.2);
}

.ui_panorama_quality_switch__label {
  color: rgba(35, 31, 32, 0.65);
}

.ui_panorama_quality_switch__knob {
  background: var(--white, #fff);
}

/* Активные пункты — коричневый акцент */
.ui_top_menu__item.is-active,
.ui_top_menu__main-group.is-active-main > .ui_top_menu__main-header,
.ui_top_menu__queue.is-active-queue > .ui_top_menu__queue-header,
.ui_top_blocks__panel-option:hover,
.ui_top_blocks__panel-option.active,
button.ui_top_blocks__label:hover,
.ui_top_blocks__item:hover .ui_top_blocks__label,
.ui_btn_back:hover,
.ui_filter_btn:hover {
  color: var(--color, #8B3B28);
}

.ui_top_menu__main-group.is-active-main > .ui_top_menu__main-header .ui_top_menu__main-chevron,
.ui_top_menu__queue.is-active-queue > .ui_top_menu__queue-header .ui_top_menu__queue-chevron {
  border-color: var(--color, #8B3B28) !important;
}

/* Справка */
.ui_info_overlay__card h2,
.ui_info_overlay__actions-title,
.ui_info_overlay__feature-icon {
  color: var(--color, #8B3B28);
}

.ui_info_overlay__feature-icon,
.ui_info_overlay__action-icon {
  background: rgba(139, 59, 40, 0.1);
  border-color: rgba(139, 59, 40, 0.25);
}

.ui_info_overlay__action-icon--zoom::after,
.ui_info_overlay__action-icon--pin::after,
.ui_info_overlay__action-icon--menu::after,
.ui_info_overlay__feature-icon--room::after {
  background-color: var(--color, #8B3B28);
}

/* Скроллбары */
.ui_top_menu__queues-wrap,
.ui_filter_overlay,
.ui_filter_overlay__content,
.ui_filter_overlay .ui_filter .container,
.ui_filter_overlay .ui_apart_list .container,
.ui_apart_list .card-container {
  scrollbar-color: var(--dark, #231F20) transparent;
}

.ui_top_menu__queues-wrap::-webkit-scrollbar-thumb,
.ui_filter_overlay::-webkit-scrollbar-thumb,
.ui_filter_overlay__content::-webkit-scrollbar-thumb,
.ui_filter_overlay .ui_filter .container::-webkit-scrollbar-thumb,
.ui_filter_overlay .ui_apart_list .container::-webkit-scrollbar-thumb,
.ui_apart_list .card-container::-webkit-scrollbar-thumb {
  background: var(--dark, #231F20);
}

/* Миникарта */
.ui_map .map_pins {
  --minimap-pin-accent: var(--color, #8B3B28);
}

.ui_map .ui_map__inner {
  border-color: var(--tatar-beige-muted);
}

.ui_map .ui_map__close,
.ui_map .ui_map__expand {
  background-color: var(--color, #8B3B28);
  border-color: var(--color, #8B3B28);
}

.ui_map .ui_map__close:hover,
.ui_map .ui_map__expand:hover {
  background-color: var(--tatar-brown-dark);
  border-color: var(--tatar-brown-dark);
}