.language-auth-group {
   flex-direction: row;
   justify-content: space-between;
   display: flex;
   /* justify-content: flex-end; */
   flex-wrap: nowrap;
   align-items: center;
   gap: 15px;
   width: 100%;
}

.language-switcher {
   position: relative;
   margin-right: 15px;
}

.lang-flag {
   display: block;
   width: 24px;
   height: 24px;
   object-fit: cover;
   border-radius: 50%;
   object-position: center;
   cursor: pointer;
}

/* Dropdown */
.dropdown-menu {
   position: absolute;
   top: 34px;
   left: 0;
   background-color: rgba(43, 42, 42, 0.4);
   border-radius: 6px;
   padding: 6px 0;
   display: none;
   flex-direction: column;
   min-width: 120px;
   z-index: 1000;
   backdrop-filter: blur(4px);
}

.dropdown-menu.show {
   display: flex;
   z-index: 1000;
}

.language-option {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 6px 12px;
   cursor: pointer;
   font-size: 14px;
   color: white;
   white-space: nowrap;
   transition: background 0.2s ease;
}

.language-option:hover {
   background-color: rgba(255, 255, 255, 0.1);
}

.language-option img {
   width: 24px;
   height: 24px;
   object-fit: cover;
   border-radius: 50%;
   display: inline-block;
   vertical-align: middle;
}


/* Mobile */
@media (max-width: 480px) {


   .dropdown-menu {
      left: 0;
      top: 30px;
      min-width: 100px;
      padding: 5px 0;
      z-index: 1000;
   }

   .language-auth-group {
      flex-direction: row;
      justify-content: space-between;
      /* ⬅️ Language left, buttons right */
      width: 100%;
   }

   .language-switcher {
      margin-right: 0;
      order: -1;
   }

   .lang-flag {
      width: 24px;
      height: 24px;
   }
}