/* ==========================================================================
   AUTH — zákaznícke autentifikačné stránky (login, registrácia,
   zabudnuté heslo, obnovenie hesla, overenie e-mailu).

   Vzhľad preberajú zo zdieľaných súborov (linkovať PRED týmto súborom):
     profile-shared.css  →  karta .pf-card, nadpis .pf-card-title,
                            tlačidlo .pf-btn, [hidden] guard
     settings.css        →  polia .settings-field (label nad poľom,
                            sivá výplň, neónový focus), chyby .settings-error

   Tu je LEN rozloženie auth stránok — žiadne duplikované hodnoty polí.
   ========================================================================== */

.auth-shell {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    padding: 80px 20px 110px;
    text-align: left;
}

/* Polia pod sebou; na registrácii Meno + Priezvisko vedľa seba */
.auth-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 18px;
}

.auth-form > * {
    grid-column: 1 / -1;
}

.auth-form > .auth-field--half {
    grid-column: auto;
}

/* Sprievodný text + checkbox súhlasu / „zapamätať" */
.auth-check-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: left;
}

.auth-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    text-align: left;
}

.auth-check input[type="checkbox"] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
    accent-color: var(--neon, #ff006a);
    cursor: pointer;
}

/* Riadok „Zapamätať" | „Zabudnuté heslo?" na logine */
.auth-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    flex-wrap: wrap;
    font-size: 14px;
}

/* Neónové odkazy (v súhlase, pod kartou, zabudnuté heslo) */
.auth-link,
.auth-check a {
    color: var(--neon, #ff006a);
    font-weight: 600;
    text-decoration: none;
}

.auth-link:hover,
.auth-check a:hover {
    text-decoration: underline;
}

/* CTA na celú šírku (vzhľad rieši .pf-btn) */
.auth-submit {
    width: 100%;
    margin-top: 4px;
}

/* Odkaz pod kartou: „Už máte účet? Prihláste sa" */
.auth-alt {
    margin: 20px 0 0;
    font-size: 14px;
    color: #666;
    text-align: center;
}

/* Stavová hláška (odoslaný reset odkaz / overovací email) */
.auth-status {
    background: #e6f7ed;
    color: #1b6b3a;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    margin: 0;
    text-align: left;
}

@media (max-width: 600px) {
    .auth-form {
        grid-template-columns: 1fr;
    }

    .auth-form > .auth-field--half {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .auth-shell {
        padding: 44px 14px 70px;
    }
}