/* Login / Signup Page — injected element styles (loaded on pagelayout=login) */

/* ── Partner Logo Row ─────────────────────────────────────────── */

.ft-login-logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #ddd5c4;
}

.ft-login-logo {
    height: 40px;
    width: auto;
    object-fit: contain;
}

/* ── Save-Notice Panel ────────────────────────────────────────── */
/* Matches ft-save-notice from app.css */

.login-encouragement-panel {
    background-color: #f5f0e8;
    border-left: 4px solid #8f001a;
    border-radius: 0 6px 6px 0;
    padding: 14px 18px;
    font-size: 0.9rem;
    color: #1a1a1a;
    line-height: 1.65;
    margin-bottom: 20px;
}

.login-encouragement-panel strong {
    color: #001725;
}

.login-encouragement-panel em {
    font-style: italic;
}

/* ── Set-Password screen — button row ─────────────────────────── */
/* Phase 4 of /login/forgot_password.php (set new password from email token).
 * Submit + Cancel buttons live inside [data-fieldtype="group"] rather than
 * the [data-fieldtype="submit"] wrapper used elsewhere, so they need their
 * own gap rule. Without this, Moodle renders the two buttons flush.
 */
#page-login-forgot_password #fgroup_id_buttonar [data-fieldtype="group"] .d-flex.flex-wrap {
    gap: 12px !important;
    align-items: center !important;
}

/* Margin-bottom on each button wrapper otherwise stacks vertically below
 * the buttons; collapse it so the row stays compact. */
#page-login-forgot_password #fgroup_id_buttonar [data-fieldtype="group"] .fitem {
    margin-bottom: 0 !important;
}

/* ── Confirmation pages — notice box + continue button ─────────── */
/* /login/signup.php post-submit ("An email should have been sent...") and
 * /login/confirm.php success/error pages. Both render notice() output into
 * the FT login card layout (forced via the before_http_headers hook). The
 * default Moodle notice box has its own padding/border that clashes with
 * the card; neutralise it so the card itself owns the framing.
 */
body.pagelayout-login #notice,
body.pagelayout-login .login-container > .generalbox,
body.pagelayout-login [role="main"] > .generalbox {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 24px !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: #001725 !important;
}

/* The "continue" button row Moodle places after the notice. */
body.pagelayout-login .continuebutton {
    margin-top: 8px !important;
    text-align: left !important;
}

body.pagelayout-login .continuebutton .btn,
body.pagelayout-login .continuebutton .singlebutton .btn {
    border-radius: 9999px !important;
    padding: 14px 30px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}