chore: cleanup

components/LanguageSwitcher/languageSwitcher.module.css

@@ -1,13 +1,3 @@
-@keyframes slide-in {
-  from {
-    right: -100vw;
-  }
-
-  to {
-    right: 0;
-  }
-}
-
 .button {
   background-color: transparent;
   color: var(--Base-Text-High-contrast);
@@ -25,7 +15,7 @@
 
 .chevron {
   justify-self: end;
-  transition: transform 0.2s;
+  transition: transform 0.3s;
 }
 
 .chevron.isExpanded {
@@ -40,6 +30,7 @@
   width: 100%;
   background-color: var(--Base-Surface-Primary-light-Normal);
   transition: right 0.3s;
+  z-index: var(--menu-overlay-z-index);
 }
 
 .dropdown.isExpanded {
@@ -47,82 +38,11 @@
   right: 0;
 }
 
-.backWrapper {
-  background-color: var(--Base-Surface-Secondary-light-Normal);
-  padding: var(--Spacing-x2);
-}
-
-.backButton {
-  background-color: transparent;
-  border: none;
-  color: var(--Base-Text-High-contrast);
-  font-family: var(--typography-Subtitle-1-fontFamily);
-  font-weight: var(--typography-Subtitle-1-fontWeight);
-  font-size: var(--typography-Subtitle-1-Mobile-fontSize);
-  padding: 0;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: var(--Spacing-x1);
-}
-
-.languageWrapper {
-  display: grid;
-  gap: var(--Spacing-x3);
-  padding: var(--Spacing-x3) var(--Spacing-x2);
-}
-
-.subtitle {
-  font-family: var(--typography-Subtitle-2-fontFamily);
-  font-size: var(--typography-Subtitle-2-Mobile-fontSize);
-  font-weight: var(--typography-Subtitle-2-fontWeight);
-  color: var(--Base-Text-High-contrast, #4d001b);
-}
-
-.list {
-  list-style: none;
-}
-
-.link {
-  color: var(--Scandic-Brand-Burgundy);
-  font-family: var(--typography-Body-Regular-fontFamily);
-  font-size: var(--typography-Body-Regular-fontSize);
-  line-height: var(--typography-Body-Regular-lineHeight);
-  letter-spacing: var(--typography-Body-Regular-letterSpacing);
-  padding: var(--Spacing-x1);
-  border-radius: var(--Corner-radius-Medium);
-  display: flex;
-  gap: var(--Spacing-x1);
-  justify-content: space-between;
-  align-items: center;
-  text-decoration: none;
-  border-radius: var(--Corner-radius-Medium);
-}
-
-.link.active,
-.link:hover {
-  background-color: var(--Base-Surface-Primary-light-Hover-alt);
-  font-weight: 600;
-}
-
 @media screen and (min-width: 768px) {
   .languageSwitcher {
     position: relative;
   }
 
-  .backWrapper,
-  .backButton {
-    display: none;
-  }
-
-  .languageWrapper {
-    padding: var(--Spacing-x2) var(--Spacing-x3);
-  }
-
-  .subtitle {
-    display: none;
-  }
-
   .dropdown {
     position: absolute;
     top: 2.25rem;
@@ -153,8 +73,4 @@
     font-size: var(--typography-Body-Bold-fontSize);
     font-family: var(--typography-Body-Bold-fontFamily);
   }
-
-  .link.active:not(:hover) {
-    background-color: transparent;
-  }
 }