/* placanje-uvjeti.css -- potvrda uvjeta i poveznice uz gumb za placanje (GH #433).

   ZASTO VLASTITA DATOTEKA. Isti blok izlazi na dva mjesta koja ne nose isti
   sloj stilova: /placanje (v5-base.css + checkout-modern.css) i prozor za
   odabir na naslovnici, koji isti fragment "checkout" ucitava u landing.html.
   Dizajnerove datoteke ostaju netaknute -- raspored poslije smiju preurediti,
   ovo su samo mjere koje blok trazi da bi bio citljiv i upotrebljiv.

   NIJEDNE BOJE. Sve se nasljeduje od stranice, pa blok prati i svijetlu i
   tamnu temu bez ijedne vlastite vrijednosti koju bi netko morao odrzavati
   uskladenu s paletom. Paletu drzi checkout-modern.css i CheckoutPaletaTest
   nad njim; da su tokeni zavrsili ovdje, ta bi provjera tiho prestala
   pokrivati ono sto se na stranici vidi.

   Mjere su relativne (rem, em), pa kvacica prati velicinu teksta i ostaje
   dovoljno velika za dodir na telefonu. */

.placanje-uvjeti {
  margin: 0 0 0.85rem;
  text-align: left;
}

/* Kvacica i tekst u istom retku, tekst poravnat uz vrh kad se prelomi u dva. */
.placanje-uvjeti__potvrda {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
  line-height: 1.4;
  cursor: pointer;
}

/* flex: 0 0 auto -- inace se kvacica stisne kad se tekst prelomi. */
.placanje-uvjeti__potvrda input {
  flex: 0 0 auto;
  width: 1.05em;
  height: 1.05em;
  margin: 0.15em 0 0;
}

/* Uvuceno pod tekst kvacice, ne pod samu kvacicu. */
.placanje-uvjeti__veze {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.9rem;
  margin: 0.3rem 0 0 1.55rem;
  font-size: 0.8rem;
}