/* TRS_BLUEBG_V2 header-only (Oct 2026)
 * Light-blue background ONLY on the top header bar, same blue as the approved TRS banners.
 * The rest of every page keeps its original background and colours.
 * Loaded by footer.php, members/index.php, members/page.php, page.php, profile.php, inc/login_funcs.php.
 * Old-style pages (oto, login.php...): only .clsLogo_bar (the logo strip) turns blue, because their
 * .clsHeader div is left open and wraps the page content.
 * ROLLBACK (instant): empty this file, or delete the link lines marked TRS_BLUEBG_V2.
 */
html body .ls-public-header,
html body .site-member-top,
html body .ls-member-header,
html body .ls-login-transition-header,
html body .clsLogo_bar{
    background:linear-gradient(#96eaff,#6ee0fe) !important;
    background-color:#8fe6ff !important;
    border-bottom-color:rgba(6,48,107,.20) !important;
}
/* member-area top bar: the white-on-glass chips become navy so they stay readable on blue */
html body .site-member-top .site-summary-chip{
    background:#06306b !important;
    border-color:#06306b !important;
    color:#ffffff !important;
}
html body .site-member-top .site-summary-chip strong{
    color:#ffffff !important;
}
html body .site-member-top .site-summary-chip.is-credit strong{
    color:#7fe3ff !important;
}
/* members/page.php header: the white outline "Members Home" button becomes navy outline */
html body .ls-member-header .ls-member-btn-secondary{
    background:transparent !important;
    border-color:#06306b !important;
    color:#06306b !important;
}
html body .ls-member-header .ls-member-btn-secondary:hover{
    background:rgba(6,48,107,.10) !important;
}

/* TRS_THINHEADER_V1 (Nov 9 2026): thinner PUBLIC header (home, Member Login, Forgot ... pages using .ls-public-header).
 * Logo keeps its width/size. images/logo.png (2075x758) has ~92 transparent rows above and ~95 below the
 * artwork (rows 92-663) that showed as extra blue; the img box is cut to the artwork rows (object-fit) and the
 * bar padding / min-height trimmed. The image file is NOT changed. The member area does the same in members/index.php.
 * ROLLBACK: delete from this comment to the end of the file (or restore trs-bluebg.css.bak_20261109_merge).
 */
html body .ls-public-header{min-height:0 !important;padding-top:4px !important;padding-bottom:4px !important;}
html body .ls-public-header .ls-public-logo{aspect-ratio:2075/571;height:auto;object-fit:cover;object-position:50% 49.2%;}

/* TRS_THINHEADER_V2 (Nov 9 2026): thinner remaining headers so every page matches the V1 public/member height.
 * Covers: members/page.php (.ls-member-header), login transition (.ls-login-transition-header),
 * old-style pages (.clsLogo_bar via header.php/footer.php), and page.php-style public pages where
 * padding lives on .ls-public-header-inner and .ls-public-logo is on the wrapping <a> (V1 only thinned
 * home/login/forgot/profile where the logo class is on the <img> and padding is on the header itself).
 * Same crop as V1: images/logo.png (2075x758) artwork rows 92-663 -> aspect-ratio 2075/571, object-fit cover,
 * object-position 50% 49.2%; bar padding 4px; min-height 0. Image file NOT edited.
 * ROLLBACK: delete from this comment to end of file (or restore css/trs-bluebg.css.bak_20261109_thinheader2).
 */
/* members/page.php — padding/min-height live on the INNER only */
html body .ls-member-header{min-height:0 !important;}
html body .ls-member-header .ls-member-header-inner{min-height:0 !important;padding-top:4px !important;padding-bottom:4px !important;}
html body .ls-member-header .ls-member-logo img{
    aspect-ratio:2075/571;height:auto;object-fit:cover;object-position:50% 49.2%;
}
/* login transition — logo class is on the <img>; padding is on the header itself */
html body .ls-login-transition-header{min-height:0 !important;padding-top:4px !important;padding-bottom:4px !important;}
html body .ls-login-transition-header .ls-login-transition-logo{
    aspect-ratio:2075/571;height:auto;object-fit:cover;object-position:50% 49.2%;
}
/* page.php-style public custom pages — inner holds the padding; logo class on <a>.
 * V1 already pads .ls-public-header (correct for home/login); zero that when an inner is present
 * so we don't double-pad. */
html body .ls-public-header:has(> .ls-public-header-inner){padding-top:0 !important;padding-bottom:0 !important;}
html body .ls-public-header .ls-public-header-inner{min-height:0 !important;padding-top:4px !important;padding-bottom:4px !important;}
html body .ls-public-header .ls-public-logo img{
    aspect-ratio:2075/571;height:auto;object-fit:cover;object-position:50% 49.2%;
}
/* old-style pages (oto, login.php, offers, many members/admin pages via header.php) */
html body .clsLogo_bar .clsPadding_sm{padding-top:4px !important;padding-bottom:4px !important;}
html body .clsLogo_bar .clsLogo_img{padding-top:0 !important;padding-bottom:0 !important;}
html body .clsLogo_bar img{
    aspect-ratio:2075/571;height:auto;object-fit:cover;object-position:50% 49.2%;
}