/* Scoped entirely under .clientreg-login-cta, which only exists in the DOM when
   LoginButton::display() actually echoes it (public registration enabled) — this
   file loads on every anonymous page. Two rules below intentionally target
   core-owned selectors (.forgot_password, and the login form's own spacing
   utilities) to remove the native duplicate "Forgotten password?" link and
   tighten the login card so it fits without scrolling; both are scoped tightly
   (body.welcome-anonymous, and for spacing additionally to
   form[action="/front/login.php"]) so nothing else — /front/lostpassword.php,
   register.php, Brandkit's own stylesheet — is affected. Keeps the block
   compact so the login card fits on-screen without scrolling. */

.clientreg-login-cta {
    margin-top: 0;
    font-size: .8125rem;
    line-height: 1.15;
}

/* Two independent blocks ("Recuperar acesso" / "Cadastre-se") can render together;
   the gap between them stays small on purpose to avoid growing the card's height. */
.clientreg-login-cta .clientreg-login-block + .clientreg-login-block {
    margin-top: .1rem;
}

.clientreg-login-cta .clientreg-login-text {
    display: block;
    margin-bottom: .05rem;
    color: var(--tblr-secondary, #6c757d);
}

.clientreg-login-cta .btn {
    padding-top: .15rem;
    padding-bottom: .15rem;
    font-size: .8125rem;
}

/* Hides core's own native "Forgotten password?" link (templates/pages/login.html.twig,
   class `forgot_password` — the same class Brandkit's stylesheet references). This
   plugin's own "Esqueceu sua senha? / Recuperar acesso" block above is the single,
   intentional way to reach the native /front/lostpassword.php flow from this screen;
   the native link would otherwise duplicate it. Purely a display:none — the underlying
   link, its href and the native recovery flow behind it are untouched. */
body.welcome-anonymous .forgot_password {
    display: none !important;
}

/* Tightens the login form's own vertical spacing so the card (fields + this plugin's
   CTA column) fits without scrolling on common viewports. Scoped to the login form
   specifically (form[action="/front/login.php"]) so /front/lostpassword.php and any
   other anonymous page reusing the same Bootstrap utility classes are unaffected. */
body.welcome-anonymous form[action="/front/login.php"] .card-header.mb-4 {
    margin-bottom: .2rem !important;
}

body.welcome-anonymous form[action="/front/login.php"] .mb-3,
body.welcome-anonymous form[action="/front/login.php"] .mb-4 {
    margin-bottom: .25rem !important;
}

body.welcome-anonymous form[action="/front/login.php"] .mb-2 {
    margin-bottom: .15rem !important;
}

body.welcome-anonymous form[action="/front/login.php"] .card-body {
    padding-top: .3rem !important;
    padding-bottom: .3rem !important;
}