/* Viršutinės juostos ir kontaktų kortelės pataisos siauruose ekranuose.
   Kraunama po inline <style>, todėl jį perrašo.
   Prijungta: pagrindinis puslapis visomis 11 kalbų ir paslaugų puslapiai.

   Taisomi trys realiai išmatuoti dalykai:

   1) Temos ir kalbos mygtukai buvo skirtingo aukščio. Kalbos mygtukas yra
      flex konteineris, o paslėpus jame LT tekstą jo aukštį imdavo diktuoti
      vėliavėlės paveikslėlis (15px), todėl mygtukas nukrisdavo iki 29px, kai
      temos mygtukas likdavo 36px. Aukštis nustatomas abiem vienodas.

   2) Kontaktų kortelės vidinis tarpas buvo fiksuotas 44px visuose pločiuose.
      360px ekrane formos laukams likdavo apie 215px, todėl jie atrodė suspausti
      į vidurį. Telefone tarpas mažinamas, laukai paplatėja iki maždaug 278px.

   3) Prekės ženklas, temos mygtukas, kalbos mygtukas ir Pradėti projektą kartu
      netilpdavo į 360px, tad mygtukas būdavo nukertamas dešiniame krašte.
      Kadangi body turi overflow-x:hidden, slinkties nesimatydavo, tiesiog
      dingdavo dalis mygtuko. Juosta kompaktinama pagal tą patį principą,
      koks jau naudojamas /app-kurimas puslapyje.

   Pagrindiniam puslapiui skirtos taisyklės ribojamos .bar selektoriumi, nes
   paslaugų puslapiai turi savo atskirą juostą su kitokiais matmenimis.
*/

/* 1. Vienodi juostos mygtukų aukščiai, visuose pločiuose. */
.bar .iconbtn,
.bar .lang-btn { height: 36px; }
.bar .lang-btn { padding-top: 0; padding-bottom: 0; }

/* 2. Kontaktų kortelė telefone. */
@media (max-width: 640px) {
  .cleft,
  .cright { padding: 28px 20px; }

  .contactcard { border-radius: 16px; }
}

/* 3. Kompaktiška juosta telefone. */
@media (max-width: 560px) {
  .bar .nav { height: 62px; gap: 10px; }
  .bar .brand .mk { width: 32px; height: 32px; }
  .bar .brand .nm { font-size: 16px; }
  .bar .navbtns { gap: 8px; }
  .bar .iconbtn,
  .bar .lang-btn { height: 34px; }
  .bar .iconbtn { width: 34px; }
  .bar .lang-btn { padding: 0 8px; }
  .bar .navcta { padding: 8px 12px; font-size: 12.5px; gap: 6px; white-space: nowrap; }
  /* Rodyklė mygtuke. Paslaugų puslapiuose .navcta viduje yra teksto span'ai,
     todėl selektorius sąmoningai ribojamas .navbtns konteineriu. */
  .bar .navbtns .navcta span { display: none; }
}

/* 4. Siaurutėliai telefonai: paliekamas tik ženkliukas be užrašo.
      Taip vietos užtenka visomis kalbomis, nereikia atskiro trumpo teksto
      kiekvienai. Galioja ir paslaugų puslapiams, kur ties 320px juosta
      taip pat nebetilpdavo. */
@media (max-width: 420px) {
  .brand .nm { display: none; }
}