.language-dropdown {
  position: relative;
}
.dropdown-button:hover {
  background-color: #e5e7eb;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1);
  min-width: 160px;
  padding: 4px 0;
  margin-top: 8px;
  display: none;
  list-style: none;
  margin: 8px 0 0 0;
  font-weight: normal;
}

.dropdown-menu li a {
  /* display: block; */
  padding: 8px 16px;
  text-decoration: none;
  color: #1f2937;
  font-size: 0.875rem;
  transition: background-color 0.15s;
}

.dropdown-menu li a:hover {
  background-color: #f3f4f6;
}

.dropdown-menu li a.selected {
  font-weight: bold;
  background-color: #e5e7eb;
  color: #137fec;
}

.dropdown-menu.show {
  display: block;
}

.material-symbols-outlined {
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
.language-dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  list-style: none;
  padding: 0;
}

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
}

@media (max-width: 1000px) {
  #selectedLanguageDisplay > span:nth-child(2) {
    display: none;
  }

  .dropdown-menu {
    min-width: 100%;
  }
  .lang-name {
    display: none;
  }
}

/* _________________ */
.map-section {
  margin: auto;
}
/* _____________________ */
/* Стиль для анимации аккордеона */
.accordion-content1 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
  padding: 0 1.25rem;
  /* px-5 */
}

.accordion-item.active .accordion-content1 {
  /* Это будет переопределено в JS для динамической высоты, но для стартовой анимации помогает */
  max-height: 500px;
  padding-bottom: 1.25rem;
  /* pb-5 */
}

.accordion-item.active .accordion-icon {
  transform: rotate(180deg);
}

/* Стили для темного режима (mockup) */
.dark .bg-background-dark {
  background-color: #1f2937;
  /* Gray 800 */
}
