/* =========================================================
   JING REN TANG — CONTENT LINKS
   File: 04-links.css

   Controls:
   Ordinary textual links inside page content.

   Does not control:
   Navigation
   Buttons
   Cards
   CTA blocks
========================================================= */


/* =========================================================
   00 — LOCAL VARIABLES
========================================================= */

#main-content {
  --jrt-content-link:
    var(--jrt-link, #2c5c52);

  --jrt-content-link-hover:
    var(--jrt-green, #1f3d3a);

  --jrt-content-link-line:
    rgba(44, 92, 82, 0.52);

  --jrt-content-link-line-hover:
    rgba(31, 61, 58, 0.92);
}


/* =========================================================
   01 — ORDINARY CONTENT LINKS

   This targets links only when they appear inside:
   paragraphs
   lists
   blockquotes
   captions
   definition lists
   ordinary table cells
========================================================= */

#main-content .entry-content p a,
#main-content .entry-content li a,
#main-content .entry-content blockquote a,
#main-content .entry-content figcaption a,
#main-content .entry-content dd a,
#main-content .entry-content td a,

#main-content .et_pb_text p a,
#main-content .et_pb_text li a,
#main-content .et_pb_text blockquote a,
#main-content .et_pb_text figcaption a,
#main-content .et_pb_text dd a,
#main-content .et_pb_text td a,

#main-content .jrt-standard-content p a,
#main-content .jrt-standard-content li a,
#main-content .jrt-standard-content blockquote a,
#main-content .jrt-standard-content figcaption a,
#main-content .jrt-standard-content dd a,
#main-content .jrt-standard-content td a,

#main-content .jrt-prose p a,
#main-content .jrt-prose li a,
#main-content .jrt-prose blockquote a,
#main-content .jrt-prose figcaption a,

#main-content .jrt-article-content p a,
#main-content .jrt-article-content li a,
#main-content .jrt-article-content blockquote a,
#main-content .jrt-article-content figcaption a {
  color: var(--jrt-content-link) !important;

  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-color:
    var(--jrt-content-link-line) !important;
  text-decoration-thickness: 1.25px !important;
  text-underline-offset: 3px !important;

  background: transparent !important;

  transition:
    color var(--jrt-transition-fast, 180ms ease),
    text-decoration-color
      var(--jrt-transition-fast, 180ms ease);
}


/* =========================================================
   02 — EXCLUDE BUTTONS AND COMPONENT LINKS

   These selectors remove the prose-link treatment when
   an anchor is being used as a visual component.
========================================================= */

#main-content .entry-content p a.et_pb_button,
#main-content .entry-content p a.button,
#main-content .entry-content p a.fp-btn,
#main-content .entry-content p a.jrt-btn,
#main-content .entry-content p a.jrt-card-link,
#main-content .entry-content p a.jrt-link-arrow,

#main-content .et_pb_text p a.et_pb_button,
#main-content .et_pb_text p a.button,
#main-content .et_pb_text p a.fp-btn,
#main-content .et_pb_text p a.jrt-btn,
#main-content .et_pb_text p a.jrt-card-link,
#main-content .et_pb_text p a.jrt-link-arrow,

#main-content a.et_pb_button,
#main-content a.button,
#main-content a.fp-btn,
#main-content a.jrt-btn,
#main-content a.jrt-card-link,
#main-content a.jrt-link-arrow {
  text-decoration: none !important;
}


/* =========================================================
   03 — HOVER AND KEYBOARD FOCUS
========================================================= */

#main-content .entry-content p a:hover,
#main-content .entry-content li a:hover,
#main-content .entry-content blockquote a:hover,
#main-content .entry-content figcaption a:hover,
#main-content .entry-content dd a:hover,
#main-content .entry-content td a:hover,

#main-content .entry-content p a:focus-visible,
#main-content .entry-content li a:focus-visible,
#main-content .entry-content blockquote a:focus-visible,
#main-content .entry-content figcaption a:focus-visible,
#main-content .entry-content dd a:focus-visible,
#main-content .entry-content td a:focus-visible,

#main-content .et_pb_text p a:hover,
#main-content .et_pb_text li a:hover,
#main-content .et_pb_text blockquote a:hover,
#main-content .et_pb_text figcaption a:hover,
#main-content .et_pb_text dd a:hover,
#main-content .et_pb_text td a:hover,

#main-content .et_pb_text p a:focus-visible,
#main-content .et_pb_text li a:focus-visible,
#main-content .et_pb_text blockquote a:focus-visible,
#main-content .et_pb_text figcaption a:focus-visible,
#main-content .et_pb_text dd a:focus-visible,
#main-content .et_pb_text td a:focus-visible,

#main-content .jrt-standard-content p a:hover,
#main-content .jrt-standard-content li a:hover,
#main-content .jrt-standard-content blockquote a:hover,
#main-content .jrt-standard-content figcaption a:hover,

#main-content .jrt-standard-content p a:focus-visible,
#main-content .jrt-standard-content li a:focus-visible,
#main-content .jrt-standard-content blockquote a:focus-visible,
#main-content .jrt-standard-content figcaption a:focus-visible {
  color: var(--jrt-content-link-hover) !important;

  text-decoration-color:
    var(--jrt-content-link-line-hover) !important;
}


/* =========================================================
   04 — DARK CONTENT AREAS
========================================================= */

#main-content
.et_pb_bg_layout_dark
.et_pb_text
p
a,

#main-content
.et_pb_bg_layout_dark
.et_pb_text
li
a,

#main-content
.jrt-card--dark
p
a,

#main-content
.jrt-card--dark
li
a,

#main-content
.jrt-section--dark
p
a,

#main-content
.jrt-section--dark
li
a {
  color: var(--jrt-paper, #f5f2ee) !important;

  text-decoration-color:
    rgba(245, 242, 238, 0.68) !important;
}

#main-content
.et_pb_bg_layout_dark
.et_pb_text
p
a:hover,

#main-content
.et_pb_bg_layout_dark
.et_pb_text
li
a:hover,

#main-content
.jrt-card--dark
p
a:hover,

#main-content
.jrt-card--dark
li
a:hover,

#main-content
.jrt-section--dark
p
a:hover,

#main-content
.jrt-section--dark
li
a:hover {
  color: var(--jrt-white, #ffffff) !important;

  text-decoration-color:
    rgba(255, 255, 255, 0.96) !important;
}


/* =========================================================
   05 — BUTTON TEXT PROTECTION
========================================================= */

#main-content a.et_pb_button,
#main-content a.button,
#main-content a.fp-btn,
#main-content a.jrt-btn,
#main-content a.jrt-card-link,
#main-content a.jrt-link-arrow {
  text-decoration-line: none !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: 0 !important;
  text-underline-offset: 0 !important;
}


/* =========================================================
   06 — PRIMARY BUTTON TEXT
========================================================= */

#main-content
a.jrt-btn--primary,

#main-content
a.fp-btn--primary,

#main-content
a.et_pb_button.jrt-btn--primary {
  color: var(--jrt-white, #ffffff) !important;
}


/* =========================================================
   07 — SECONDARY / OUTLINE BUTTON TEXT
========================================================= */

#main-content
a.jrt-btn--secondary,

#main-content
a.jrt-btn--outline,

#main-content
a.fp-btn--secondary,

#main-content
a.fp-btn--outline {
  color: var(--jrt-green, #1f3d3a) !important;
}


/* =========================================================
   08 — NAVIGATION PROTECTION
========================================================= */

#main-header a,
.et-l--header a,
header a,
.et_mobile_menu a,
#top-menu a {
  text-decoration: none !important;
}


/* =========================================================
   09 — ACCESSIBILITY FOCUS
========================================================= */

#main-content
.entry-content
a:focus-visible,

#main-content
.et_pb_text
a:focus-visible,

#main-content
.jrt-standard-content
a:focus-visible {
  outline:
    1px solid
    var(--jrt-gold, #9b7914) !important;

  outline-offset: 3px !important;
}


/* =========================================================
   10 — REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  #main-content a {
    transition-duration: 0.01ms !important;
  }
}