/* =============================================================================
   Slapukų sutikimas - modalinis langas
   =============================================================================
   Kodėl langas per vidurį, o ne juosta apačioje: juostą lengva ignoruoti, ir
   maždaug ketvirtadalis lankytojų taip ir padaro - nei sutinka, nei atsisako.
   Neapsisprendusieji Google akyse prilygsta atsisakiusiems, tad kiekvienas toks
   lankytojas yra prarastas matavimas. Langas verčia pasirinkti, ir sutikimo
   dalis pakyla maždaug 10-15 procentinių punktų.

   Kas ČIA VIS TIEK NEDAROMA - ir sąmoningai:
   abu mygtukai vienodo dydžio ir vienodo svorio, „Atsisakau" nėra nei mažesnis,
   nei paslėptas už „Nustatymų". Šablonas, kai atsisakymas paslepiamas antrame
   lygyje, EDPB įvardytas kaip pažeidimas, o Google „EU User Consent Policy"
   reikalauja lygiavertės galimybės atsisakyti. Skiriasi tik spalva - tai
   leistina, nes abu pasiekiami vienodai lengvai.
   ========================================================================== */

.sutikimai{
  position:fixed;
  inset:0;
  z-index:9000;                 /* virš navigacijos ir mobilaus meniu */
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  /* Uždanga: turinys lieka matomas, bet aiškiai antrame plane. Visiškai
     neužtemdoma - lankytojas turi matyti, kur pateko, kitaip pirmas įspūdis
     yra „kažkoks langas", o ne jūsų svetainė. */
  background:rgba(10,15,30,.55);
  opacity:0;
  transition:opacity var(--dur) var(--ease);
}
.sutikimai--matoma{ opacity:1 }

/* BŪTINA. Naršyklės numatytoji taisyklė [hidden]{display:none} turi tokį patį
   svorį kaip .sutikimai{display:flex}, o autoriaus stilius visada nugali
   numatytąjį - todėl paslėptas langas VIS TIEK liktų display:flex. Jis yra
   position:fixed per visą ekraną su z-index 9000, tad nematomas sugertų visus
   puslapio paspaudimus: svetainė atrodytų visiškai užstrigusi.

   Taip ir nutiko iš karto po to, kai juosta buvo paversta modaliniu langu -
   juosta display nenustatydavo, tad atributas veikė savaime. */
.sutikimai[hidden]{ display:none }

/* Antras saugiklis: kol langas neturi rodymo klasės (arba jau nyksta), jis
   praleidžia paspaudimus kiaurai. Net jei kada nors kas nors vėl perrašytų
   display, svetainė nebeužstrigtų. */
.sutikimai:not(.sutikimai--matoma){ pointer-events:none }
.sutikimai--matoma{ pointer-events:auto }

.sutikimai__vidus{
  width:min(520px,100%);
  padding:clamp(24px,2rem + 1vw,36px);
  background:var(--white);
  border-radius:var(--r-l);
  box-shadow:var(--e-3);
  /* Langas atslenka truputį iš apačios - judesys trumpas, kad neatrodytų kaip
     reklaminis iššokantis langas. */
  transform:translateY(12px) scale(.98);
  transition:transform var(--dur) var(--ease);
}
.sutikimai--matoma .sutikimai__vidus{ transform:none }

@media (prefers-reduced-motion:reduce){
  .sutikimai,
  .sutikimai__vidus{ transition:none }
}

.sutikimai__antraste{
  font-family:var(--font-display);
  font-size:1.22rem;
  margin:0 0 10px;
  color:var(--ink);
}

.sutikimai__tekstas p{
  margin:0;
  font-size:.95rem;
  line-height:1.6;
  color:var(--muted);
}

.sutikimai__tekstas a{
  color:var(--blue);
  text-decoration:underline;
}

.sutikimai__mygtukai{
  display:flex;
  gap:12px;
  margin-top:22px;
}

/* Abu mygtukai užima lygiai po pusę - jokio dydžio skirtumo. */
.sutikimai__mygtukai .btn{
  flex:1 1 0;
  min-width:0;
  justify-content:center;
}

/* --- Telefonuose ---------------------------------------------------------
   Langas prilimpa prie apačios: taip abu mygtukai lieka nykščio zonoje, o ne
   ekrano viduryje, kur jų reikia siekti. Kraštai apvalinami tik viršuje. */
@media (max-width:560px){
  .sutikimai{
    align-items:flex-end;
    padding:0;
  }
  .sutikimai__vidus{
    width:100%;
    border-radius:var(--r-l) var(--r-l) 0 0;
    padding:24px 20px calc(24px + env(safe-area-inset-bottom));
    transform:translateY(100%);
  }
  .sutikimai__mygtukai{ flex-direction:column-reverse; gap:10px }
  .sutikimai__mygtukai .btn{ width:100% }
}

/* Kol langas atidarytas, puslapis po juo nebeslenka - kitaip pirštas ant
   uždangos slenka turinį, langas stovi vietoje ir tai atrodo kaip klaida.
   Ta pati logika kaip su mobiliu meniu (žr. style.css, html.meniu-atidarytas). */
html.sutikimai-atidaryta,
html.sutikimai-atidaryta body{ overflow:hidden }

/* ---------------------------------------------------------------------------
   Poraštės apačia: abi teisinės nuorodos - dešinėje
   ---------------------------------------------------------------------------
   Eilutėje yra trys elementai (autorių teisės, privatumo politika, slapukų
   nustatymai), o `justify-content:space-between` juos išbarsto per visą plotį -
   privatumo politika atsiduria viduryje, atskirta nuo slapukų nustatymų, nors
   abi yra to paties pobūdžio nuorodos.

   `margin-right:auto` pirmam elementui surenka visą laisvą vietą į vieną
   vietą: autorių teisės lieka kairėje, o abi nuorodos susiglaudžia dešinėje.
   Tai švaresnis kelias nei keisti `justify-content`, nes nereikia liesti
   poraštės HTML ir nesugriūna eilutės laužymas siaurėjant ekranui.

   Taisyklė galioja tik nuo 641px. Žemiau tos ribos `.footer__bottom` tampa
   stulpeliu (žr. style.css), elementai išsidėsto vienas po kitu per visą plotį,
   ir ten nieko keisti nereikia - patikrinta 360px, 430px ir 640px pločiuose.

   Rašoma šiame faile sąmoningai: jis įkeliamas paskutinis, tad taisyklė
   veikia be papildomo specifiškumo, o `style.css` lieka nepaliestas.
   ------------------------------------------------------------------------ */
@media (min-width:641px){
  .footer__bottom{ column-gap:22px }
  .footer__bottom > :first-child{ margin-right:auto }
}