/* language switch */

/* blog-language-switcher.css */
.blog-lang-switcher-bar {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 32px 0;
}

.blog-lang-dropdown {
  position: relative;
  display: inline-block;
}

.blog-lang-btn {
  background: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);
  color: #fff;
  padding: 10px 38px;
  font-size: 1rem;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  font-weight: 600;
  letter-spacing: 1px;
  box-shadow: 0 0 16px 2px #6a11cb99, 0 2px 8px #2575fc44;
  transition: background 0.3s, box-shadow 0.3s, transform 0.2s;
  outline: none;
}

.blog-lang-btn:hover, .blog-lang-btn:focus {
  background: linear-gradient(90deg, #2575fc 0%, #6a11cb 100%);
  box-shadow: 0 0 24px 6px #2575fcbb, 0 2px 12px #6a11cb66;
  transform: scale(1.04);
}

.blog-lang-dropdown-content {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  min-width: 140px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(40, 60, 120, 0.18);
  z-index: 10;
  overflow: hidden;
  top: 110%;
  text-align: center;
}

.blog-lang-dropdown-content a {
  color: #232526;
  padding: 10px 0;
  text-decoration: none;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  transition: background 0.2s, color 0.2s;
}

.blog-lang-dropdown-content a:hover {
  background: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);
  color: #fff;
}

.blog-lang-dropdown:hover .blog-lang-dropdown-content {
  display: block;
}