@charset "UTF-8";
/**
 * @file
 * Language Switcher — Molecule
 *
 * Active language trigger displayed inline.
 * Dropdown slides in from the right on hover (replicates thb-language-switcher
 * from historiasdamm.com — sub-menu is positioned at left: 100%, vertically
 * centered relative to the trigger).
 */
/* Media query breakpoints */
@font-face {
  font-family: "Cardo Bold";
  src: url("/themes/custom/historias/assets/fonts/cardo/Cardo-Bold.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/cardo/Cardo-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cardo Regular";
  src: url("/themes/custom/historias/assets/fonts/cardo/Cardo-Regular.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/cardo/Cardo-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cardo Italic";
  src: url("/themes/custom/historias/assets/fonts/cardo/Cardo-Italic.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/cardo/Cardo-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Libre Caslon Display";
  src: url("/themes/custom/historias/assets/fonts/librecaslon/LibreCaslonDisplay-Regular.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/librecaslon/LibreCaslonDisplay-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/themes/custom/historias/assets/fonts/icomoon/icomoon.tff") format("tff"), url("/themes/custom/historias/assets/fonts/icomoon/icomoon.eot?") format("eot"), url("/themes/custom/historias/assets/fonts/icomoon/icomoon.woff") format("woff");
}
.c-language-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.c-language-switcher__trigger {
  display: inline-block;
  color: #090909;
  font-family: var(--font-title);
  font-size: 1.25rem;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  transition: var(--base-trans);
}
.c-language-switcher__trigger::after {
  display: inline-flex;
  color: #090909;
  content: "\e900";
  transition: var(--base-trans);
  font-family: "icomoon";
  font-size: 0.6875rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-display: swap;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.c-language-switcher__trigger:hover {
  color: var(--color-primary);
}
.c-language-switcher__trigger:hover::after {
  color: var(--color-primary);
}

.c-language-switcher__dropdown {
  position: absolute;
  top: 100%;
  left: -30px;
  margin: 0;
  padding: 30px 0;
  background: #090909;
  opacity: 0;
  z-index: 2;
  list-style: none;
  text-align: left;
  min-width: calc(100% + 60px);
  visibility: hidden;
  backface-visibility: hidden;
  transition: var(--base-trans);
}

.c-language-switcher:hover .c-language-switcher__dropdown,
.c-language-switcher:focus-within .c-language-switcher__dropdown,
.c-language-switcher.is-open .c-language-switcher__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.c-language-switcher__item {
  display: flex;
  white-space: nowrap;
  justify-content: center;
}

.c-language-switcher__link {
  position: relative;
  display: inline-block;
  color: inherit;
  color: var(--white);
  font-family: var(--font-title);
  font-size: 0.8125rem;
  text-transform: capitalize;
  text-decoration: none;
  transition: var(--base-trans);
}
.c-language-switcher__link:hover {
  color: #bfbfbf;
}

@media (prefers-reduced-motion: reduce) {
  .c-language-switcher__dropdown,
  .c-language-switcher__link::after {
    transition: none;
  }
}
/*# sourceMappingURL=language-switcher.css.map */