/**!
 * @file    LoginPage.css
 * @desc    Shared login-page styling: full-height flex layout (sticky footer +
 *          vertically-centered panel), the .login-hdr island header bar, panel
 *          width, and the login form label size. Loaded by the shared login impl
 *          (sec_getLogin_impl.php) for every subdomain — symlinked into each
 *          domain's css/. The ONLY per-domain differences come from CSS vars
 *          (--add-brand / --add-brand-dark, colour) and $LOGO_URL / SITENAME.
 * @version v6 2026-08-10 - Initial version (extracted from the login impl inline <style>).
 * @author  Charlie Samra
 * @see     shared/src/sec_getLogin_impl.php, shared/ssi/SW_HEAD_LOGIN.shtml
 */

body.login-page { display: flex; flex-direction: column; min-height: 100vh; }

body.login-page > main.add-page {
    flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center;
    /* width:100% is required: as a flex item main was shrink-to-fit to its
       content, so max-width alone did nothing. */
    width: 100%; max-width: 505px; margin: 0 auto;
}

body.login-page .form-field__label { font-size: 0.92rem; }

/* ---- Login header (island bar) ---- */
.login-hdr {
    display: flex; align-items: center; justify-content: space-between;
    gap: 20px; min-height: 76px; padding: 8px 24px;
    background: linear-gradient(135deg, var(--add-brand), var(--add-brand-dark));
}
.login-hdr__brand { display: inline-flex; align-items: center; gap: 14px; text-decoration: none !important; min-width: 0; }
.login-hdr__logo { height: 58px; width: auto; display: block; flex-shrink: 0; max-width: 100%; }
.login-hdr__nav { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }
.login-hdr__nav a { color: #fff; text-decoration: none; font-size: 0.95rem; font-weight: 600; opacity: 0.9; white-space: nowrap; }
.login-hdr__nav a:hover { opacity: 1; text-decoration: underline; }

@media (max-width: 640px) {
    .login-hdr { flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px 16px; }
    .login-hdr__logo { height: 46px; }
}