/* =============================================================================
   local_forgotpassword – page styles
   Compatible with Moodle 3.11 Boost theme
   ============================================================================= */

/* --------------------------------------------------------------------------
   Layout: centred card
   -------------------------------------------------------------------------- */
.lfp-card {
    background     : #ffffff;
    border-radius  : 10px;
    box-shadow     : 0 4px 20px rgba(0, 0, 0, .10);
    padding        : 36px 40px;
    max-width      : 480px;
    width          : 100%;
    margin-top     : 24px;
    margin-bottom  : 32px;
}

/* --------------------------------------------------------------------------
   Success card variant
   -------------------------------------------------------------------------- */
.lfp-card--success {
    border-top     : 4px solid #28a745;
    padding-top    : 32px;
}

.lfp-success-header {
    display        : flex;
    align-items    : center;
    gap            : 10px;
    margin-bottom  : 16px;
}

.lfp-success-icon {
    font-size      : 28px;
    line-height    : 1;
    flex-shrink    : 0;
}

.lfp-success-heading {
    margin         : 0;
    font-size      : 18px;
    font-weight    : 700;
    color          : #1a1a2e;
}

.lfp-success-body {
    font-size      : 15px;
    color          : #444;
    line-height    : 1.7;
    margin-bottom  : 12px;
}

/* Highlighted masked email chip */
.lfp-success-body strong {
    display           : inline-block;
    background        : #eaf6ec;
    color             : #1a6830;
    border            : 1px solid #b7dfbe;
    border-radius     : 4px;
    padding           : 1px 8px;
    font-family       : 'Courier New', Courier, monospace;
    font-size         : 14px;
    letter-spacing    : .5px;
    word-break        : break-all;
}

.lfp-success-tip {
    font-size      : 13px;
    color          : #777;
    background     : #f8f9fa;
    border-radius  : 6px;
    padding        : 10px 14px;
    margin-top     : 4px;
    margin-bottom  : 0;
    line-height    : 1.5;
}

.lfp-back-btn {
    margin-top     : 4px;
}

/* --------------------------------------------------------------------------
   Heading
   -------------------------------------------------------------------------- */
.lfp-card h2,
.lfp-card h3 {
    margin-bottom : 20px;
}

/* --------------------------------------------------------------------------
   Form elements
   -------------------------------------------------------------------------- */
.lfp-card .form-group {
    margin-bottom : 20px;
}

.lfp-card .form-control {
    border-radius : 6px;
    height        : 44px;
    font-size     : 15px;
}

.lfp-card .form-control:focus {
    border-color : #0073aa;
    box-shadow   : 0 0 0 3px rgba(0, 115, 170, .20);
}

/* --------------------------------------------------------------------------
   Submit button
   -------------------------------------------------------------------------- */
.lfp-card [type="submit"],
.lfp-card .btn-primary {
    background    : #0073aa;
    border-color  : #0073aa;
    border-radius : 6px;
    font-size     : 16px;
    font-weight   : 600;
    padding       : 10px 28px;
    width         : 100%;
    letter-spacing: .3px;
    transition    : background .2s ease, box-shadow .2s ease;
}

.lfp-card [type="submit"]:hover,
.lfp-card .btn-primary:hover {
    background  : #005f8e;
    border-color: #005f8e;
    box-shadow  : 0 4px 12px rgba(0, 115, 170, .35);
}

/* --------------------------------------------------------------------------
   Back / helper link
   -------------------------------------------------------------------------- */
.lfp-back-link {
    color           : #0073aa;
    font-size       : 14px;
    text-decoration : none;
    display         : block;
    text-align      : center;
    margin-top      : 12px;
}

.lfp-back-link:hover {
    text-decoration : underline;
}

/* --------------------------------------------------------------------------
   Alerts
   -------------------------------------------------------------------------- */
.lfp-card.alert {
    padding : 28px 32px;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 540px) {
    .lfp-card {
        padding   : 24px 20px;
        margin    : 12px;
        max-width : 100%;
    }
}

/* --------------------------------------------------------------------------
   Layout: centred card
   -------------------------------------------------------------------------- */
.lfp-card {
    background     : #ffffff;
    border-radius  : 10px;
    box-shadow     : 0 4px 20px rgba(0, 0, 0, .10);
    padding        : 36px 40px;
    max-width      : 480px;
    width          : 100%;
    margin-top     : 24px;
    margin-bottom  : 32px;
}

/* --------------------------------------------------------------------------
   Heading
   -------------------------------------------------------------------------- */
.lfp-card h2,
.lfp-card h3 {
    margin-bottom : 20px;
}

/* --------------------------------------------------------------------------
   Form elements
   -------------------------------------------------------------------------- */
.lfp-card .form-group {
    margin-bottom : 20px;
}

.lfp-card .form-control {
    border-radius : 6px;
    height        : 44px;
    font-size     : 15px;
}

.lfp-card .form-control:focus {
    border-color : #0073aa;
    box-shadow   : 0 0 0 3px rgba(0, 115, 170, .20);
}

/* --------------------------------------------------------------------------
   Submit button
   -------------------------------------------------------------------------- */
.lfp-card [type="submit"],
.lfp-card .btn-primary {
    background    : #0073aa;
    border-color  : #0073aa;
    border-radius : 6px;
    font-size     : 16px;
    font-weight   : 600;
    padding       : 10px 28px;
    width         : 100%;
    letter-spacing: .3px;
    transition    : background .2s ease, box-shadow .2s ease;
}

.lfp-card [type="submit"]:hover,
.lfp-card .btn-primary:hover {
    background  : #005f8e;
    border-color: #005f8e;
    box-shadow  : 0 4px 12px rgba(0, 115, 170, .35);
}

/* --------------------------------------------------------------------------
   Back / helper link
   -------------------------------------------------------------------------- */
.lfp-back-link {
    color           : #0073aa;
    font-size       : 14px;
    text-decoration : none;
    display         : block;
    text-align      : center;
    margin-top      : 12px;
}

.lfp-back-link:hover {
    text-decoration : underline;
}

/* --------------------------------------------------------------------------
   Alerts
   -------------------------------------------------------------------------- */
.lfp-card.alert {
    padding : 28px 32px;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 540px) {
    .lfp-card {
        padding   : 24px 20px;
        margin    : 12px;
        max-width : 100%;
    }
}