/* =============================================================================
 * FILE:      ES_TextLinks.css
 * LOCATION:  public_html/assets/CSS/ES_TextLinks.css
 * PART OF:   ease-see (ease-see.com) - public pages
 * PURPOSE:   The style of a link typed into copy with the marking
 *            [words](address) - drawn by es_blk_rich() in
 *            ES_Includes/Render/ES_Blocks.php as <a class="es-text-link">.
 *            A file of its own, so nothing is added to ES_Core.css. Loaded
 *            on every public page by es_page_open() (ES_Page.php).
 *
 *            A link takes the colour of the text around it and is marked by
 *            an underline. That is deliberate: copy sits on light grounds
 *            (text blocks) and on dark ones (the opening band beside a
 *            photo), and a fixed link colour would vanish on one of them.
 *
 * CLASSES:   .es-text-link        every link typed into copy
 *            .es-text-link--out   also on a link to an outside site (opens
 *                                 in a new tab) - no different look for now;
 *                                 the class is there to hang one on later
 * NOTE:      If you raise this file's look, raise "v=1" on its line in
 *            ES_Page.php too, so browsers fetch the new one.
 * CREATED:   2026-10-11
 * UPDATED:   2026-10-11  (same evening) The underline was too harsh: a solid
 *            line in the full colour of the text. It is now a FAINT line -
 *            the text colour at about a third of its strength - set a
 *            little lower, and it comes up to full strength when the pointer
 *            is over the link. Still the colour of the surrounding text, so
 *            it still reads on light and dark grounds. (A browser too old
 *            to mix colours shows the plain line as before.)
 * =============================================================================
 */
.es-text-link,
.es-text-link:link,
.es-text-link:visited {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.25em;
    text-decoration-color: currentColor;                                             /* older browsers */
    text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);        /* faint */
    transition: text-decoration-color 0.15s ease;
}
.es-text-link:hover,
.es-text-link:focus {
    color: inherit;
    text-decoration-color: currentColor;                                             /* full strength under the pointer */
}