Apply Language Settings

src/app/features/header-menu/header-menu.scss

@@ -24,17 +24,23 @@
     align-items: center;
     gap: 48px;
 
-    span:not(.icon-40) {
+    .menu-item, a:not(.settings) {
+      /* 기존 span 스타일을 공통 클래스와 태그로 확장 */
+      all: unset; /* 버튼 기본 스타일 제거 */
       font-size: 18px;
-      line-height: 40px;
+      height: 40px;
+      align-content: center;
       vertical-align: middle;
       white-space: nowrap;
+      font-family: inherit;
+      color: inherit;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
 
       &.nav-link {
         font-weight: 700;
-        cursor: pointer;
-        color: oklch(0.5 0.15 250); // Primary color highlight (blue-ish)
-
+        color: oklch(0.5 0.15 250);
         transition: opacity 0.3s;
 
         &:hover {
@@ -44,7 +50,17 @@
 
       &.dummy-link {
         cursor: not-allowed;
+        opacity: 0.6;
       }
+
+      strong {
+        font-weight: 700;
+      }
+    }
+
+    /* 구체적인 아이콘 예외 처리 */
+    .icon-40 {
+      height: auto;
     }
   }
 
@@ -70,6 +86,10 @@
         padding: 10px;
       }
 
+      strong {
+        font-weight: 900 !important;
+      }
+
       span {
         /*text-box-trim: trim-both;
         text-box-edge: cap alphabetic;*/
@@ -83,6 +103,11 @@
     padding: 12px 20px;
 
     .settings {
+      border: none;
+      outline: none;
+      background-color: inherit;
+      padding: 0;
+
       position: relative;
       z-index: 10;
       cursor: pointer;