From dcb75b8f4eac640c24e9440974f65cc8891c6656 Mon Sep 17 00:00:00 2001
From: sdarbinyan <sdarbinyan@4pay.ru>
Date: Sat, 28 Feb 2026 15:57:41 +0400
Subject: [PATCH] fixes done for lang bar

---
 .../components/header/header.component.scss   |  2 +-
 .../language-selector.component.scss          | 43 +++++++++++++++++++
 src/app/services/language.service.ts          |  4 +-
 3 files changed, 46 insertions(+), 3 deletions(-)

diff --git a/src/app/components/header/header.component.scss b/src/app/components/header/header.component.scss
index 176b60e..deeeddb 100644
--- a/src/app/components/header/header.component.scss
+++ b/src/app/components/header/header.component.scss
@@ -903,7 +903,7 @@
     transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.35s ease;
 
     &.dexar-mobile-menu-open {
-      max-height: 576px;
+      max-height: 700px;
       padding: 28px 20px 32px;
       opacity: 1;
     }
diff --git a/src/app/components/language-selector/language-selector.component.scss b/src/app/components/language-selector/language-selector.component.scss
index baeb1e3..d1a2fe0 100644
--- a/src/app/components/language-selector/language-selector.component.scss
+++ b/src/app/components/language-selector/language-selector.component.scss
@@ -258,3 +258,46 @@
     }
   }
 }
+
+// Inside mobile menu: use inline dropdown instead of absolute
+// to avoid being clipped by overflow: hidden on the menu panel
+:host-context(.dexar-mobile-menu),
+:host-context(.dexar-mobile-lang) {
+  .language-selector {
+    width: auto;
+    height: auto;
+  }
+
+  .language-dropdown {
+    position: static;
+    opacity: 1;
+    visibility: hidden;
+    transform: none;
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.3s ease, visibility 0s 0.3s;
+    box-shadow: none;
+    border: none;
+    border-radius: 8px;
+    margin-top: 8px;
+    background: rgba(233, 237, 241, 0.9);
+
+    &.open {
+      visibility: visible;
+      max-height: 200px;
+      transition: max-height 0.3s ease, visibility 0s 0s;
+    }
+  }
+
+  .language-option {
+    color: #1e3c38;
+    
+    &:hover:not(.disabled) {
+      background: rgba(161, 180, 181, 0.3);
+    }
+
+    &.active {
+      background: rgba(73, 118, 113, 0.15);
+    }
+  }
+}
diff --git a/src/app/services/language.service.ts b/src/app/services/language.service.ts
index e025c6a..12232db 100644
--- a/src/app/services/language.service.ts
+++ b/src/app/services/language.service.ts
@@ -17,8 +17,8 @@ export class LanguageService {
 
   languages: Language[] = [
     { code: 'ru', name: 'Русский', flag: '🇷🇺', flagSvg: '/flags/ru.svg', enabled: true },
-    { code: 'en', name: 'English', flag: '🇬🇧', flagSvg: '/flags/en.svg', enabled: false },
-    { code: 'hy', name: 'Հայերեն', flag: '🇦🇲', flagSvg: '/flags/arm.svg', enabled: false }
+    { code: 'en', name: 'English', flag: '🇬🇧', flagSvg: '/flags/en.svg', enabled: true },
+    { code: 'hy', name: 'Հայերեն', flag: '🇦🇲', flagSvg: '/flags/arm.svg', enabled: true }
   ];
 
   currentLanguage = this.currentLanguageSignal.asReadonly();