/* CENNIK PEREKO V8 — geometria logowania 1:1 z Centrum Partnera V13 */
/*
   Zasada: referencyjny arkusz styles.css z Centrum Partnera pozostaje bez zmian.
   Ten plik zawiera wyłącznie różnice wymagane przez dwujęzyczny cennik.
*/
.brand{
  position:relative;
  justify-content:flex-start;
}
/* Przełącznik języka nie uczestniczy w flexie brandu — nie może zmieniać jego wysokości ani osi. */
.login-language{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:11px;
  background:rgba(255,255,255,.055);
  z-index:2;
}
.login-language button{
  min-width:38px;
  height:32px;
  padding:0 10px;
  border:1px solid transparent;
  border-radius:8px;
  color:#dce3e6;
  background:transparent;
  cursor:pointer;
  font:800 9.5px/1 Montserrat,"Segoe UI",Arial,sans-serif;
  transition:.18s;
}
.login-language button:hover{color:#fff;background:rgba(255,255,255,.08)}
.login-language button.active{color:#171c1e;background:#ffdd00;border-color:#ffdd00}

/*
   W referencyjnym Centrum Partnera panel informacyjny ma na desktopie 78 px.
   Tekst cennika jest krótszy i wcześniej zmniejszał ten tor siatki o ok. 13–14 px,
   przez co H1 i karta logowania przesuwały się w dół. Utrzymujemy tę samą geometrię.
*/
@media(min-width:901px){
  .internal-strip{min-height:78px}
  .login-footer{min-height:21px;align-items:center}
}

/* Nazwa cennika pozostaje jednym wierszem na standardowym widoku desktopowym. */
#loginTitle{white-space:nowrap}
#loginTitle span{white-space:normal}

@media(max-width:900px){
  #loginTitle{white-space:normal}
}
@media(max-width:640px){
  .brand-copy small{display:none}
  .login-language button{min-width:34px;height:30px;padding:0 8px}
}
@media(max-width:520px){
  .brand-logo-wrap{width:124px;height:32px}
  .brand-logo{width:118px;max-height:27px}
  .brand-copy{padding-left:11px}
  .brand-copy b{font-size:11px}
  .login-language{right:0}
}


/* V10 — PL/EN: identyczna geometria niezależnie od długości tłumaczenia */
@media (min-width:901px){
  /* Każdy język korzysta z tych samych torów siatki. Zmiana tekstu nie może
     ponownie wycentrować całego bloku i przesunąć go w pionie. */
  .login-layout{
    grid-template-rows:
      18px
      auto
      48px
      78px
      190px;
  }

  /* H1 ma zawsze dokładnie trzy linie: tytuł + dwie linie akcentu. */
  #loginTitle{
    height:3.03em;
    min-height:3.03em;
    margin-top:6px;
    overflow:visible;
  }

  /* Opis ma zarezerwowane dwie linie w obu językach. */
  .login-intro>p{
    height:48px;
    min-height:48px;
    overflow:hidden;
  }

  /* Stała geometria panelu i kafelków. */
  .internal-strip{
    height:78px;
    min-height:78px;
  }
  .features{
    height:190px;
    grid-template-rows:repeat(2,90px);
  }
  .feature{
    height:90px;
    min-height:90px;
    overflow:hidden;
  }

  /* Karta nie centruje już treści na podstawie liczby wierszy tłumaczenia. */
  .login-card{
    justify-content:flex-start;
  }
  .partner-card-top,
  .partner-card-bottom{
    flex:0 0 auto;
  }
  .login-card-head{
    min-height:116px;
  }
  .partner-support{
    min-height:78px;
  }

  /* Te same kotwice tekstowe w PL i EN. */
  .login-card h2{
    min-height:69px;
  }
  .login-card-head>p{
    min-height:36px;
  }
  .partner-support p{
    min-height:27px;
  }
}