/* Stranka s uzkou kartou uprostred (prihlaseni, nouzove prihlaseni,
   jednoduche formulare) - doplnek k sablona.css, layout
   web-zaklad::layouts.karta. Prevzato z loginu (public/css/prihlaseni.css)
   2026-10-04, barvy jen z palety sablony. */

.prihlaseni { display: flex; justify-content: center; padding-top: 48px; padding-bottom: 64px; }

.prihlaseni__karta {
    width: 100%;
    max-width: 440px;
    background: #FFFFFF;
    border: 1px solid #E4E1DA;
    border-radius: 12px;
    padding: 32px;
}

.prihlaseni__karta h1 { font-size: 1.75rem; margin-bottom: 24px; }
.prihlaseni__karta p { margin: 0 0 12px; }

.prihlaseni__karta .formular .tlacitko,
.prihlaseni__karta > .tlacitko { align-self: stretch; display: block; text-align: center; }

.pole-zaskrtavaci { display: flex; align-items: center; gap: 8px; font-size: 0.875rem; }
.pole-zaskrtavaci input { width: 18px; height: 18px; margin: 0; accent-color: #202267; }

.prihlaseni__odkazy { margin-top: 20px; font-size: 0.875rem; text-align: center; }
.prihlaseni__pozn { margin-top: 20px; font-size: 0.875rem; color: #5F6164; }

.prihlaseni__akce { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.prihlaseni__akce form { margin: 0; }

.prihlaseni__paticka { font-size: 0.875rem; color: #FAF8F4CC; text-align: center; }

.oddelovac-nebo { display: flex; align-items: center; gap: 12px; margin: 20px 0; font-size: 0.875rem; color: #5F6164; }
.oddelovac-nebo::before, .oddelovac-nebo::after { content: ""; flex: 1; height: 1px; background: #E4E1DA; }

@media (max-width: 30em) {
    .prihlaseni { padding: 24px 16px 48px; }
    .prihlaseni__karta { padding: 24px 20px; }
}