/* ===================================================================
   HomePezzo Auth Pages — centered card layout
   Applies to: /login/ /register/ /forgot/ /reset/ /change/
   Scoped to body.hp-auth-page (set via Bricks page bodyClasses)
   =================================================================== */

/* Section background — was Bricks' own inline #F8FAFC (a pale slate-blue),
   left over from before the warm/adobe palette and olive footer existed.
   Each auth page has its own Bricks section ID (login=lgn001,
   register=rgs001, forgot=fgt001, reset=rst001 — confirmed by inspecting
   each page; change-password wasn't reachable logged-out to confirm its
   ID, so it's not listed here and keeps the old background for now).
   !important required: Bricks sets background-color directly on the ID via
   an inline <style> block in <head>, at equal specificity (one ID
   selector) and later in source order than this stylesheet, so without it
   Bricks' rule wins — same situation as every Bricks-ID override in
   homepezzo-section-colors.css. */
#brxe-lgn001,
#brxe-rgs001,
#brxe-fgt001,
#brxe-rst001 {
    background-color: var(--hp-warm-white, #FAF7F1) !important;
}

/* Remove Bootstrap row's negative side margins so card stays within
   the Bricks 560px container */
.hp-auth-page .bsui .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Override border-0 utility class — add HomePezzo card styling */
.hp-auth-page .bsui .card {
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04);
}

/* Comfortable card body padding */
.hp-auth-page .bsui .card-body {
    padding: 40px !important;
}

/* HomePezzo blue submit button */
.hp-auth-page .bsui .btn-primary {
    background-color: var(--hp-blue) !important;
    border-color: var(--hp-blue) !important;
    width: 100%;
}
.hp-auth-page .bsui .btn-primary:hover,
.hp-auth-page .bsui .btn-primary:focus {
    background-color: var(--hp-blue-hover) !important;
    border-color: var(--hp-blue-hover) !important;
}

/* Footer links — flex row, space-between */
.hp-auth-page .bsui .uwp-footer-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}
.hp-auth-page .bsui .uwp-footer-link {
    display: inline !important;
    float: none !important;
}

/* Tighten card padding on small screens */
@media (max-width: 480px) {
    .hp-auth-page .bsui .card-body {
        padding: 28px 24px !important;
    }
}
