/**
 * Loco Toolkit — CFB Init styles
 * Кастомный селект .cfb-select. Работает на всех страницах и в попапах.
 */

.contact-form-blue .cfb-select {
  position: relative;
}

/* нативный select прячем, но он остаётся в форме и отправляется */
.contact-form-blue .cfb-select > select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.contact-form-blue .cfb-select__display {
  cursor: pointer;
  user-select: none;
}

.contact-form-blue .cfb-select__caret {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform .18s ease;
}
.contact-form-blue .cfb-select.is-open .cfb-select__caret {
  transform: translateY(-50%) rotate(180deg);
}
.contact-form-blue .cfb-select__caret svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  display: block;
}

.contact-form-blue .cfb-select__list {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 999;

  max-height: 260px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;

  padding: 6px;
  background: #fff;
  border: 1px solid #D8E0EE;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(16, 32, 64, .14);

  scrollbar-width: thin;
  scrollbar-color:#1F65E9 #ffffff00;
}
.contact-form-blue .cfb-select.is-open .cfb-select__list {
  display: block;
      overflow-y: scroll !important;
    max-height: 260px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}
.contact-form-blue .cfb-select__list.is-up {
  top: auto;
  bottom: calc(100% + 6px);
}


.contact-form-blue .cfb-select__list::-webkit-scrollbar { width: 6px; }
.contact-form-blue .cfb-select__list::-webkit-scrollbar-track {
  background: #EDF2FA; border-radius: 8px; margin: 62px 0;
}
.contact-form-blue .cfb-select__list::-webkit-scrollbar-thumb {
  background: #1F65E9; border-radius: 8px;
}
.contact-form-blue .cfb-select__list::-webkit-scrollbar-thumb:hover {
  background: #1854C4;
}

.contact-form-blue .cfb-select__item {
  padding: 10px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.35;
  color: #1B2A41;
  transition: background .12s ease;
}
.contact-form-blue .cfb-select__item:hover,
.contact-form-blue .cfb-select__item.is-active {
  background: #E7F5FF;
}

@media (max-width: 767px) {
  .contact-form-blue .cfb-select.is-open .cfb-select__list { max-height: 200px!important; }
}

/* ---------- попап: не режем дропдаун ---------- */
.elementor-popup-modal .dialog-message.dialog-lightbox-message {
  overflow: visible !important;
  max-height: none !important;
}
.elementor-popup-modal .elementor-location-popup,
.elementor-popup-modal .elementor-location-popup .e-con,
.elementor-popup-modal .elementor-location-popup .e-con-inner,
.elementor-popup-modal .elementor-widget-form,
.elementor-popup-modal .elementor-widget-container,
.elementor-popup-modal .elementor-form-fields-wrapper,
.elementor-popup-modal .elementor-field-group {
  overflow: visible !important;
}
/* сам список */
.contact-form-blue .cfb-select__list,
.cfb-select__list {
  max-height: 260px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  border-radius: 16px;
  padding: 8px 6px 8px 8px;   /* правый отступ = место под скролл */
  background: #fff;
  box-sizing: border-box;
}

/* WebKit / Chrome / Safari — НЕ ставим scrollbar-width рядом! */
.cfb-select__list::-webkit-scrollbar {
  width: 6px;
}
.cfb-select__list::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
  margin: 10px 0;              /* чтобы не лез в закругления */
}
.cfb-select__list::-webkit-scrollbar-thumb {
  background: #1F65E9;
  border-radius: 999px;
  background-clip: padding-box;
  border: 1px solid transparent;
}
.cfb-select__list::-webkit-scrollbar-thumb:hover {
  background: #1750bd;
}

/* Firefox отдельно, чтобы не убить webkit-правила */
@supports (-moz-appearance: none) {
  .cfb-select__list {
    scrollbar-width: thin;
    scrollbar-color: #1F65E9 transparent;
  }
}