/* ===========================================================================
 * Live feed card, Tier A remediation
 *
 * Scoped to body.liveProfile, which is the shared body class of the five pages
 * that render the feed card template (view/feed/loadMoreLiveFeed.php):
 *   live-feed.php, live-profile.php, view-profile.php,
 *   profile-individual.php, eng-feed.php
 *
 * Everything here is colour and size only. No markup, no behaviour, no data.
 * =========================================================================== */


/* ---------------------------------------------------------------------------
 * 1. The root cause of the 1.00:1 contrast failure.
 *
 * The site never declares a page background or a color-scheme anywhere, so a
 * browser running in dark mode paints its own dark canvas underneath text the
 * card template hard-codes to #000. The post body then sits at 1.00:1 and is
 * literally invisible. Every colour on these pages is designed against a white
 * page, so declare that rather than leaving it to the user agent.
 *
 * background-color on body propagates to the canvas because html sets none.
 * ------------------------------------------------------------------------- */
body.liveProfile {
    color-scheme: light;
    background-color: #ffffff;
}


/* ---------------------------------------------------------------------------
 * 2. Card text that still fails WCAG AA once the page is correctly white.
 *
 * Scoped to the feed container so the global .text-success and .text-blue
 * utilities, which the rest of the site relies on, are left alone.
 *
 *   .text-success  #5c9714  3.56:1  ->  #4f810f  4.68:1   (post date)
 *   .text-blue     #5f71da  4.32:1  ->  #5868d4  4.82:1   (location, author)
 *
 * AA requires 4.5:1 for normal-size text.
 * ------------------------------------------------------------------------- */
body.liveProfile #all_rows .text-success {
    color: #4f810f;
}

body.liveProfile #all_rows .text-blue {
    color: #5868d4;
}


/* ---------------------------------------------------------------------------
 * 3. Post body copy.
 *
 * 13px is below a comfortable reading floor for a surface people scroll for
 * minutes at a time. 15px with a little more leading, scoped to the post
 * description so card chrome and metadata keep their current scale.
 * ------------------------------------------------------------------------- */
body.liveProfile #all_rows .postDesc,
body.liveProfile #all_rows .postDescA {
    font-size: 15px;
    line-height: 1.55;
}