/**
 * ARGUS LINK SYSTEM
 * ---------------------------------------------------------------------------
 * Every page on this site was hand-built with its own <style> block, so the
 * same job - "a link that goes to another page" - ended up styled about
 * fifteen different ways: gold underlines at 1px and at 2px, some always on
 * and some on hover only, slate links, blue links, and roughly two hundred
 * links carrying no treatment at all. The client could see the inconsistency
 * from across the room.
 *
 * This file is the single source of truth. Four jobs, four treatments:
 *
 *   TIER 1  primary action        .btn-gold      gold pill      (unchanged)
 *   TIER 2  secondary action      .btn-outline   blue outline   (unchanged)
 *   TIER 3  standalone nav link   bold blue + arrow, gold rule slides in
 *   TIER 4  inline prose link     blue, gold rule always visible
 *
 * SPECIFICITY NOTE - this is the whole trick and it is not decoration.
 * The per-page rules live in <style> blocks inside .entry-content, i.e. in the
 * BODY, so they load after anything in <head> and win every tie. Overriding
 * them therefore has to be done on specificity, never on source order:
 *   page rule          .argus-sol-links a                (0,1,1)
 *   tier 4 default     .entry-content p a:not([class])   (0,2,2)
 *   tier 3 + overrides body .entry-content p.x a         (0,2,3)
 * Order inside this file still matters for the (0,2,2) ties, so the context
 * overrides at the bottom are deliberately last.
 */

/* ===========================================================================
   TIER 4 - inline prose link
   A link inside a sentence. No arrow: an arrow mid-sentence reads as a typo.
   The underline is always visible, because an inline link that only reveals
   itself on hover is invisible to anyone who is not already hovering - which
   was the client's "no visual cues for these links" note on the partner pages.
   =========================================================================== */
.entry-content p a:not([class]),
.entry-content li a:not([class]),
.entry-content td a:not([class]),
.entry-content span a:not([class]),
.entry-content dd a:not([class]) {
  color: var(--argus-blue);
  text-decoration: none;
  border-bottom: 2px solid rgba(234, 180, 61, .45);
  padding-bottom: 1px;
  transition: color .18s ease, border-color .18s ease;
}
.entry-content p a:not([class]):hover,
.entry-content li a:not([class]):hover,
.entry-content td a:not([class]):hover,
.entry-content span a:not([class]):hover,
.entry-content dd a:not([class]):hover,
.entry-content p a:not([class]):focus-visible,
.entry-content li a:not([class]):focus-visible {
  color: var(--argus-navy);
  border-bottom-color: var(--argus-gold);
}

/* ===========================================================================
   TIER 3 - standalone navigational link
   Its own line, pointing at another page: "GP Support Services ->".
   This is the treatment the client picked out of the /solutions/ page.
   Bold, blue, arrow, and a gold rule that slides in under it on hover.
   =========================================================================== */
body .entry-content p.argus-sol-links a,
body .entry-content p.argus-gp-morelink a,
body .entry-content p.argus-gpch-morelink a,
body .entry-content p.argus-bcm-morelink a,
body .entry-content p.argus-gpsup-morelink a,
body .entry-content p.argus-gpopt-relatedlink a,
body .entry-content p.argus-map__link a,
body .entry-content p.argus-npo-cta-line a,
body .entry-content p.argus-gov-midcta a,
body .entry-content p.argus-mfg-midcta a,
body .entry-content p.argus-fa-midcta a {
  display: inline-block;
  color: var(--argus-blue);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
  transition: color .18s ease, border-color .18s ease;
}
body .entry-content p.argus-sol-links a:hover,
body .entry-content p.argus-gp-morelink a:hover,
body .entry-content p.argus-gpch-morelink a:hover,
body .entry-content p.argus-bcm-morelink a:hover,
body .entry-content p.argus-gpsup-morelink a:hover,
body .entry-content p.argus-gpopt-relatedlink a:hover,
body .entry-content p.argus-map__link a:hover,
body .entry-content p.argus-npo-cta-line a:hover,
body .entry-content p.argus-gov-midcta a:hover,
body .entry-content p.argus-mfg-midcta a:hover,
body .entry-content p.argus-fa-midcta a:hover,
body .entry-content p.argus-sol-links a:focus-visible,
body .entry-content p.argus-gp-morelink a:focus-visible {
  color: var(--argus-navy);
  border-bottom-color: var(--argus-gold);
}

/* The one tier-3 link with no arrow in its markup. Everything else in the
   list above already ships a literal &rarr;, so adding ::after to the whole
   group would double it up. Presentational, hence aria-hidden by nature of
   being generated content. */
body .entry-content p.argus-fa-midcta a::after {
  content: " \2192";
}

/* Tier-3 links sitting several to a row need breathing space between them. */
body .entry-content p.argus-sol-links {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 1.75rem;
}

/* ===========================================================================
   CONTEXT OVERRIDES
   Same system, adjusted where the background demands it. These are last on
   purpose: they tie with tier 4 on specificity and win on order.
   =========================================================================== */

/* --- on navy: white text, gold rule, gold on hover ---------------------- */
body .entry-content .argus-gpsup-phones a,
body .entry-content .argus-gpch-phones a,
body .entry-content .argus-gpopt-phones a,
body .entry-content .argus-bcm-phones a,
body .entry-content .argus-npo-phones a,
body .entry-content .argus-hc-phones a,
body .entry-content .argus-fs-phones a,
body .entry-content .argus-msp-phones a,
body .entry-content .argus-pp-phones a,
body .entry-content .argus-la-cta__phones a,
body .entry-content .argus-cta-phones a,
body .entry-content .argus-me-nap a,
body .entry-content .argus-pp-cta__alt a,
body .entry-content .argus-hc-cta__alt a,
body .entry-content .argus-bcm-cta__alt a,
body .entry-content .argus-gov-case a,
body .entry-content .argus-mfg-case a,
body .entry-content .argus-vh-eol a,
body .entry-content .argus-vh-cta a {
  color: var(--argus-white, #fff);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px solid var(--argus-gold);
  padding-bottom: 2px;
  transition: color .18s ease, border-color .18s ease;
}
body .entry-content .argus-gpsup-phones a:hover,
body .entry-content .argus-gpch-phones a:hover,
body .entry-content .argus-gpopt-phones a:hover,
body .entry-content .argus-bcm-phones a:hover,
body .entry-content .argus-npo-phones a:hover,
body .entry-content .argus-hc-phones a:hover,
body .entry-content .argus-fs-phones a:hover,
body .entry-content .argus-msp-phones a:hover,
body .entry-content .argus-pp-phones a:hover,
body .entry-content .argus-la-cta__phones a:hover,
body .entry-content .argus-cta-phones a:hover,
body .entry-content .argus-me-nap a:hover,
body .entry-content .argus-pp-cta__alt a:hover,
body .entry-content .argus-hc-cta__alt a:hover,
body .entry-content .argus-bcm-cta__alt a:hover,
body .entry-content .argus-gov-case a:hover,
body .entry-content .argus-mfg-case a:hover,
body .entry-content .argus-vh-eol a:hover,
body .entry-content .argus-vh-cta a:hover {
  color: var(--argus-gold);
  border-bottom-color: var(--argus-gold);
}

/* --- breadcrumbs: a path, not a call to action -------------------------- */
body .entry-content .argus-fa-crumbs a,
body .entry-content .argus-vh-crumbs a,
body .entry-content .argus-gov-crumbs a,
body .entry-content .argus-mfg-crumbs a {
  color: var(--argus-slate);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .18s ease, border-color .18s ease;
}
body .entry-content .argus-fa-crumbs a:hover,
body .entry-content .argus-vh-crumbs a:hover,
body .entry-content .argus-gov-crumbs a:hover,
body .entry-content .argus-mfg-crumbs a:hover {
  color: var(--argus-blue);
  border-bottom-color: var(--argus-blue);
}

/* --- whole-card links: the card is the affordance, so no rule under the
       text. Listed here only to cancel the tier-4 default, which would
       otherwise draw a gold line under every heading inside a card. ------- */
body .entry-content .argus-pp-related a,
body .entry-content .argus-fa-related a,
body .entry-content .argus-bcm-notready a,
body .entry-content .argus-related-services a,
body .entry-content .argus-inds-card a,
body .entry-content .argus-sol-industry h3 a,
body .entry-content .argus-gpopt-related__card h3 a,
body .entry-content .argus-card a:not([class]) {
  border-bottom: none;
  padding-bottom: 0;
}

/* --- chips and pills: the pill is the affordance ------------------------ */
body .entry-content .argus-la-pills a,
body .entry-content .argus-gp-chips li a,
body .entry-content .argus-industries li a,
body .entry-content .argus-blog-chips a {
  border-bottom: none;
  padding-bottom: 0;
  text-decoration: none;
}

/* --- comparison tables: keep the gold rule, drop the weight ------------- */
body .entry-content .argus-sol-table td a,
body .entry-content .argus-vh-tablewrap td a {
  color: var(--argus-blue);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid rgba(234, 180, 61, .45);
  padding-bottom: 1px;
}
body .entry-content .argus-sol-table td a:hover,
body .entry-content .argus-vh-tablewrap td a:hover {
  color: var(--argus-navy);
  border-bottom-color: var(--argus-gold);
}

/* --- buttons never get an underline, whatever they sit inside ----------- */
body .entry-content a.btn-gold,
body .entry-content a.btn-outline,
body .entry-content a.btn-sage,
body .entry-content a.btn-fused,
body .entry-content p a.btn-gold,
body .entry-content p a.btn-outline {
  border-bottom: none;
  padding-bottom: 0;
  text-decoration: none;
}

/* --- FAQ answers: outbound references to Microsoft docs etc. ------------ */
body .entry-content p.argus-faq__a a {
  color: var(--argus-blue);
  text-decoration: none;
  border-bottom: 2px solid rgba(234, 180, 61, .45);
  padding-bottom: 1px;
}
body .entry-content p.argus-faq__a a:hover {
  color: var(--argus-navy);
  border-bottom-color: var(--argus-gold);
}

/* ===========================================================================
   Single posts - article body links follow tier 4 too, so an article reads
   the same way a page does. argus-post.css already sets a gold underline
   here; this keeps the two in step if either is edited later.
   =========================================================================== */
body .single-post .entry-content p a:not([class]),
body .single-post .entry-content li a:not([class]) {
  color: var(--argus-blue);
  border-bottom: 2px solid rgba(234, 180, 61, .45);
  padding-bottom: 1px;
  text-decoration: none;
}
body .single-post .entry-content p a:not([class]):hover,
body .single-post .entry-content li a:not([class]):hover {
  color: var(--argus-navy);
  border-bottom-color: var(--argus-gold);
}

/* ===========================================================================
   Accessibility - a visible focus ring everywhere, since the underline alone
   does not tell a keyboard user where they are.
   =========================================================================== */
.entry-content a:focus-visible {
  outline: 2px solid var(--argus-blue);
  outline-offset: 3px;
  border-radius: 2px;
}
