/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/
 Description:  Astra child theme
 Author:       Gulmurod
 Author URI:   https://example.com/
 Template:     astra
 Version:      1.0.0
*/

/* ============================================
   Language 
   ============================================ */

.language-switcher {
  position: relative;
  display: inline-block;
}

.lang-toggle {
  color: #fff;
  transition: 0.3s;
  padding: 9px 8px;
  border-radius: 32px;
  border: 1px solid #fff;
  font-size: 0.875rem;
  display: flex;
  gap: 4px;
  background: transparent;
  align-items:center;	
}

.lang-toggle:focus {
  background: none !important;
}

.lang-toggle:hover {
  color: #f5f5f5;
}

.lang-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #85888e;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  min-width: 110px;
  z-index: 1000;
  margin-top: 8px;
  padding: 4px 0;
  font-size: 0.875rem;
}

.lang-item {
  font-weight: 400;
  display: block;
  padding: 6px 15px;
  color: #212529!important;
  transition: 0.2s;
  font-size: 14px;
  line-height: 20px;
}

.lang-item:hover {
  background: #f5f5f5;
  color: #fff;
}

@media (max-width: 768px){
	.lang-toggle {
		color: #000;
		border: 1px solid #000;
	}
	.lang-toggle:hover{
		color:#000;
	}
}