/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/*
Used for custom language switcher
.language-flag{
width: 20px;
height: 20px;
vertical-align: middle;
}
.pwr-header-right-bar__item.pwr-header-right-bar__language-switcher::before{
content: "" !important;
}
*/

.pwr-header-right-bar__item.pwr-header-right-bar__language-switcher a{
  text-transform:uppercase;
}
.pwr-burger-bottom-bar__item-link.pwr-burger-language__trigger{
  text-transform:uppercase;
}

.pwr-burger-bottom-bar {
  padding-left: 30px;
  padding-right: 15px;
  padding-top:30px;
  padding-bottom:30px;
}

#pwr-js-burger-language__inner a.pwr-burger-bottom-bar__item-link.pwr-burger-language__link{
  text-transform:uppercase;
}

#pwr-js-burger-language__trigger{
  transition: background-color calc(.2s*var(--ts-duration-factor,1)) ease-in-out,color calc(.2s*var(--ts-duration-factor,1)) ease-in-out,opacity calc(.2s*var(--ts-duration-factor,1)) ease-in-out;
  line-height: 1.6em;
  margin:0 !important;
  min-width: 140px;
  opacity: 1 !important;
  padding:8px 0px 6px;

  white-space:normal !important;
  width: auto;
  position: relative;
}


#pwr-js-burger-language__trigger::before {
  background-color: var(--clr-background-accent-lt);
  content: " ";
  font-size: 1.5em;
  font-weight: 400;
  height: 80%;
  position: absolute;
  right: 0;
  top: 10%;
  width: 37px;
}

#pwr-js-burger-language__trigger::after {
  box-shadow: inset -2px 2px 0 0;
  color: var(--clr-txt-nav-dk);
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform:
    translateY(-5px) rotate(135deg);
  transform: translateY(-5px) rotate(135deg);
  -webkit-transform-origin:
    50% 50%;
  transform-origin: 50% 50%;
  width: 7px;
}


.pwr-header-right-bar__login a{
  color: var(--clr-txt-nav-dk);
}
.pwr-header-right-bar__login a:hover{
  opacity: var(--opc-nav-hover);
}
.pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__login a{
  color: var(--clr-txt-nav-lt);
}

/* ===============================================================
   Språkväljaren flyttad från headern till footern. 2026-09-22.
   Gäller ALLA enheter: både headerns rad och hamburgarmenyns
   språkval göms, så att det bara finns ett ställe att byta språk.
   =============================================================== */

/
body:has(.pwr-footer-language) .pwr-header-right-bar__item.pwr-header-right-bar__language-switcher {
  display: none;
}

/* hamburgarmenyns språkval, syns på mobil och surfplatta */
body:has(.pwr-footer-language) .pwr-burger-bottom-bar__item:has(> #pwr-js-burger-language__trigger) {
  display: none;
}

/* Footerns språkväljare. Byggd på <details> så att tangentbord och
   skärmläsare fungerar utan en rad JavaScript.

   Blocket ligger INUTI .pwr-footer-legal__content, tillsammans med
   den juridiska menyn. Hamnar det utanför flyter det ut till höger,
   eftersom __content är float:left på 83,3 %.
   Ingen marginal behövs: temat lägger själv in avskiljaren | mellan
   radens delar. */
.pwr-footer-language {
  position: relative;
  display: inline-block;
}

.pwr-footer-language__details {
  position: relative;
  display: inline-block;
}

.pwr-footer-language__trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-right: 15px;
  font-size: 13px;
  cursor: pointer;
  list-style: none;
}

/* bort med webbläsarens egen triangel */
.pwr-footer-language__trigger::-webkit-details-marker { display: none; }
.pwr-footer-language__trigger::marker { content: ""; }

/* egen pil, samma form som burgarmenyns */
.pwr-footer-language__trigger::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  box-shadow: inset -2px 2px 0 0;
  transform: translateY(-4px) rotate(135deg);
  transition: transform calc(.2s * var(--ts-duration-factor, 1)) ease-in-out;
}

.pwr-footer-language__details[open] .pwr-footer-language__trigger::after {
  transform: translateY(-1px) rotate(-45deg);
}

.pwr-footer-language__trigger:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 3px;
}

.pwr-footer-language__menu {
  position: absolute;
  bottom: 160%;
  left: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  min-width: 148px;
  padding: 5px 0;
  border-radius: var(--br-menu, 6px);
  background: var(--clr-background-dk, #000);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
}

/* Färgen sätts INTE här. Den ärvs från temats footerregel ovan, som
   ger ljus text på mörk yta plus en hovringsvariant. */
.pwr-footer-language__link {
  display: flex;
  align-items: center;
  padding: 7px 16px;
  font-size: 13px;
  line-height: 1.35;
  white-space: nowrap;
  text-decoration: none;
}

.pwr-footer-language__link:hover {
  background: rgba(255, 255, 255, .1);
}


.pwr-footer-language__flagga {
  flex: 0 0 auto;
  width: 18px;
  height: 13px;
  margin-right: 8px;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .25);
}

.pwr-footer-language__trigger .pwr-footer-language__flagga {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}