/* LANGUAGE SWITCHER */
.lang-switcher{
display:grid;
grid-template-columns:1fr 1px 1fr;
width:100%;
margin-top:6px;
align-items:center;
}

.lang-divider{

width:1px;
height:14px;

background:var(--atc-blue);

box-shadow:0 0 6px var(--atc-blue);

animation:dividerPulse 1.6s infinite;

}

@keyframes dividerPulse{

0%{
opacity:0.4;
box-shadow:0 0 2px var(--atc-blue);
}

50%{
opacity:1;
box-shadow:0 0 12px var(--atc-blue);
}

100%{
opacity:0.4;
box-shadow:0 0 2px var(--atc-blue);
}

}

.lang-btn.active ~ .lang-divider,
.lang-divider ~ .lang-btn.active{

animation:dividerPulse 1.6s infinite;

}

/* pojawianie flagi */

.lang-btn:hover img,
.lang-btn.active img{

opacity:1;
transform:translateY(0);

}

.lang-btn:hover{
color:#ffffff;
text-shadow:
0 0 6px var(--atc-blue),
0 0 12px rgba(90,169,255,0.5);
}

.lang-btn.active{
color:#ffffff;
font-weight:600;
}

.module-lang_switcher{
max-width:180px;
display:flex;
flex-direction:column;
align-items:center;
}

.module-lang_switcher .lang-switcher{
justify-content:center;
}

.lang-btn{

height:36px;

display:flex;
align-items:center;
justify-content:center;

text-decoration:none;

color:#e6f2ff;

font-size:15px;

font-weight:600;

letter-spacing:1px;

position:relative;

overflow:hidden;

transition:0.2s;

}

/* TEXT ABOVE FLAG */

.lang-btn span{

position:relative;

z-index:2;

text-shadow:
0 0 4px rgba(255,255,255,0.7),
0 0 10px var(--atc-blue);

}


/* FLAG BACKGROUND */

.lang-btn::before{

content:"";

position:absolute;

inset:0;

background-size:20px;
background-repeat:no-repeat;
background-position:center;

opacity:0;

filter:blur(6px);

transform:scale(1.4);

transition:0.35s;

}

.lang-btn.pl::before{
background-image:url("/assets/flags/pl.svg");
}

.lang-btn.en::before{
background-image:url("/assets/flags/us.svg");
}

/* ACTIVE LANGUAGE */

.lang-btn.active{

color:var(--atc-blue);

animation:langPulse 1.6s infinite;

}

/* RADAR PULSE */

@keyframes langPulse{

0%{
text-shadow:0 0 2px var(--atc-blue);
}

50%{
text-shadow:0 0 10px var(--atc-blue);
}

100%{
text-shadow:0 0 2px var(--atc-blue);
}

}

.lang-btn:hover::before{

opacity:0.35;

filter:blur(0);

transform:scale(1);

}