/* =========================================================
   CASA DEL SOL — TRP SWITCHER (HARD OVERRIDE)
   Делает круг RU и рабочий dropdown на hover
   ========================================================= */

/* ---- базовый контейнер ---- */
body .trp-language-switcher,
body .trp-language-switcher-shortcode,
body .trp-language-switcher-container{
  position: relative !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
}

/* ---- убираем стрелку/фон у старых правил TRP ---- */
body .trp-language-switcher > div,
body .trp-language-switcher-shortcode > div,
body .trp-language-switcher-container > div{
  background-image: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   КНОПКА ТЕКУЩЕГО ЯЗЫКА (круг)
   ========================================================= */
body .trp-language-switcher .trp-ls-shortcode-current-language,
body .trp-language-switcher-shortcode .trp-ls-shortcode-current-language,
body .trp-language-switcher-container .trp-ls-shortcode-current-language{
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background-color: #E2B45A !important;  /* золото */
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.22) !important;

  cursor: pointer !important;
  user-select: none !important;
  transition: transform .2s ease, background-color .2s ease !important;
}

/* текст внутри круга */
body .trp-language-switcher .trp-ls-shortcode-current-language a,
body .trp-language-switcher-shortcode .trp-ls-shortcode-current-language a,
body .trp-language-switcher-container .trp-ls-shortcode-current-language a{
  color: #1E1E1E !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* hover кнопки */
body .trp-language-switcher:hover .trp-ls-shortcode-current-language,
body .trp-language-switcher-shortcode:hover .trp-ls-shortcode-current-language,
body .trp-language-switcher-container:hover .trp-ls-shortcode-current-language{
  background-color: #C99A3D !important;
  transform: translateY(-1px) !important;
}

/* флаги вырубаем */
body .trp-language-switcher img,
body .trp-language-switcher-shortcode img,
body .trp-language-switcher-container img{
  display: none !important;
}

/* =========================================================
   DROPDOWN
   ========================================================= */

/* по умолчанию скрыт */
body .trp-language-switcher .trp-ls-shortcode-language,
body .trp-language-switcher-shortcode .trp-ls-shortcode-language,
body .trp-language-switcher-container .trp-ls-shortcode-language{
  display: none !important;
  position: absolute !important;
  top: 52px !important;
  right: 0 !important;

  min-width: 64px !important;
  padding: 6px !important;
  border-radius: 14px !important;

  background: #2C2F36 !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.28) !important;
  z-index: 999999 !important;
}

/* показываем на hover */
body .trp-language-switcher:hover .trp-ls-shortcode-language,
body .trp-language-switcher-shortcode:hover .trp-ls-shortcode-language,
body .trp-language-switcher-container:hover .trp-ls-shortcode-language{
  display: flex !important;
  flex-direction: column !important;
}

/* пункты */
body .trp-ls-shortcode-language a{
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 10px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  transition: background-color .2s ease, color .2s ease !important;
}

body .trp-ls-shortcode-language a:hover{
  background: #E2B45A !important;
  color: #1E1E1E !important;
}

/* активный язык в списке */
body .trp-ls-shortcode-language a.trp-ls-shortcode-disabled-language{
  opacity: .5 !important;
  cursor: default !important;
}

body .trp-ls-shortcode-language a.trp-ls-shortcode-disabled-language:hover{
  background: transparent !important;
  color: #fff !important;
}

/* ===== FIX: dropdown не исчезает при движении вниз ===== */

/* 1) контейнер должен быть hover-зоной */
body .trp-language-switcher,
body .trp-language-switcher-shortcode,
body .trp-language-switcher-container{
  display: inline-block !important;
}

/* 2) dropdown прижимаем к кнопке без зазора */
body .trp-language-switcher .trp-ls-shortcode-language,
body .trp-language-switcher-shortcode .trp-ls-shortcode-language,
body .trp-language-switcher-container .trp-ls-shortcode-language{
  top: 46px !important;   /* было 52px — делаем ближе */
  margin-top: 0 !important;
}

/* 3) “мостик” — невидимая область между кнопкой и меню */
body .trp-language-switcher .trp-ls-shortcode-language::before,
body .trp-language-switcher-shortcode .trp-ls-shortcode-language::before,
body .trp-language-switcher-container .trp-ls-shortcode-language::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;      /* мостик вверх */
  height: 14px;    /* ширина мостика */
  background: transparent;
}

/* 4) делаем меню кликабельным и гарантируем z-index */
body .trp-language-switcher .trp-ls-shortcode-language,
body .trp-language-switcher-shortcode .trp-ls-shortcode-language,
body .trp-language-switcher-container .trp-ls-shortcode-language{
  pointer-events: auto !important;
  z-index: 999999 !important;
}

/* 5) чтобы меню не закрывалось, пока курсор на нём */
body .trp-language-switcher:hover .trp-ls-shortcode-language,
body .trp-language-switcher-shortcode:hover .trp-ls-shortcode-language,
body .trp-language-switcher-container:hover .trp-ls-shortcode-language{
  display: flex !important;
}