/* ============================================================
   YK Link Underline Styles — v10
   Change log:
   - service-wir-links / service-ste-links colors were reported
     as still too dark. Lightened each by mixing 30% toward
     white (new = old * 0.7 + 255 * 0.3):
       * Blue: rgb(58,125,171) -> rgb(117,164,196) idle
               rgb(30,95,140)  -> rgb(98,143,175)  hover
       * Gray: rgb(96,96,96)   -> rgb(144,144,144) idle
               rgb(60,60,60)   -> rgb(119,119,119) hover
   - No other selectors changed.
   ============================================================ */

nav.yk-mainmenu .yk-dropdown-parent a:hover {
  color: rgb(179, 180, 112);
}

/* ----- Desktop View (>1367px) ----- */
@media screen and (min-width: 1367px) {
  /* Default: purple-background pages (rgb(93,81,121), luminance ~86) */
  h4.link-text a {
    text-decoration: underline;
    text-decoration-color: rgba(
      180,
      168,
      205,
      0.85
    ); /* light lavender, luminance ~150+ */
    text-decoration-thickness: 3px;
    text-underline-offset: 0.25em;
    transition:
      color 200ms ease,
      text-decoration-color 200ms ease;
  }

  h4.link-text a:hover,
  h4.link-text a:focus-visible {
    text-decoration-color: rgb(
      216,
      205,
      230
    ); /* fully bright lavender on hover */
  }

  /* Treuhand Page — olive/lime gradient background */
  div#treuhand h4.link-text a,
  .page-id-147 h4.link-text a {
    text-decoration-color: rgba(
      217,
      218,
      175,
      0.85
    ); /* light olive/cream, brighter than gradient's brightest stop */
  }

  div#treuhand h4.link-text a:hover,
  div#treuhand h4.link-text a:focus-visible,
  .page-id-147 h4.link-text a:hover,
  .page-id-147 h4.link-text a:focus-visible {
    text-decoration-color: rgb(240, 241, 215);
  }

  /* Steuern-links pages — gray gradient background rgb(129,129,129) -> rgb(31,31,25) */
  .steuern-links h4.link-text a {
    text-decoration-color: rgba(
      192,
      192,
      192,
      0.85
    ); /* light warm gray, brighter than gradient's top stop */
  }

  .steuern-links h4.link-text a:hover,
  .steuern-links h4.link-text a:focus-visible {
    text-decoration-color: rgb(230, 230, 225);
  }

  /* wirt­schafts­prufung-links pages — blue gradient background rgb(152,188,212) -> rgb(76,94,106) */
  .wirt­schafts­prufung-links h4.link-text a {
    text-decoration-color: rgba(
      193,
      215,
      229,
      0.85
    ) !important; /* light sky-blue, brighter than gradient's top stop */
  }

  .wirt­schafts­prufung-links h4.link-text a:hover,
  .wirt­schafts­prufung-links h4.link-text a:focus-visible {
    text-decoration-color: rgb(214, 228, 238) !important;
  }

  /* NEW: service page section — sky blue, lightened ~30% from previous version */
  .service-wir-links h4.link-text a {
    text-decoration-color: rgb(117, 164, 196) !important;
  }

  .service-wir-links h4.link-text a:hover,
  .service-wir-links h4.link-text a:focus-visible {
    text-decoration-color: rgb(98, 143, 175) !important;
  }

  /* NEW: service page section — gray, lightened ~30% from previous version */
  .service-ste-links h4.link-text a {
    text-decoration-color: rgb(144, 144, 144) !important;
  }

  .service-ste-links h4.link-text a:hover,
  .service-ste-links h4.link-text a:focus-visible {
    text-decoration-color: rgb(119, 119, 119) !important;
  }
}

/* ----- Tablet and Mobile View (<1366px) ----- */
@media screen and (max-width: 1049px) {
  h4.link-text a {
    text-decoration: underline;
    text-decoration-color: rgba(180, 168, 205, 0.9);
    text-decoration-thickness: 2px;
    text-underline-offset: 0.25em;
    transition:
      color 200ms ease,
      text-decoration-color 200ms ease;
  }

  h4.link-text a:hover,
  h4.link-text a:focus-visible {
    text-decoration-color: rgb(216, 205, 230);
  }

  div#treuhand h4.link-text a,
  div#treuhand-mobile h4.link-text a {
    text-decoration-color: rgba(217, 218, 175, 0.9);
  }

  div#treuhand h4.link-text a:hover,
  div#treuhand h4.link-text a:focus-visible,
  div#treuhand-mobile h4.link-text a:hover,
  div#treuhand-mobile h4.link-text a:focus-visible {
    text-decoration-color: rgb(240, 241, 215);
  }

  /* Treuhand Page */
  .page-id-147 h4.link-text a {
    text-decoration-color: rgba(217, 218, 175, 0.9);
  }

  .page-id-147 h4.link-text a:hover,
  .page-id-147 h4.link-text a:focus-visible {
    text-decoration-color: rgb(240, 241, 215);
  }

  /* Steuern-links pages — gray gradient background */
  .steuern-links h4.link-text a {
    text-decoration-color: rgba(192, 192, 192, 0.9);
  }

  .steuern-links h4.link-text a:hover,
  .steuern-links h4.link-text a:focus-visible {
    text-decoration-color: rgb(230, 230, 225);
  }

  /* wirt­schafts­prufung-links pages — blue gradient background */
  .wirt­schafts­prufung-links h4.link-text a {
    text-decoration-color: rgba(193, 215, 229, 0.9) !important;
  }

  .wirt­schafts­prufung-links h4.link-text a:hover,
  .wirt­schafts­prufung-links h4.link-text a:focus-visible {
    text-decoration-color: rgb(214, 228, 238) !important;
  }

  /* NEW: service page section — sky blue, lightened ~30% */
  .service-wir-links h4.link-text a {
    text-decoration-color: rgb(117, 164, 196) !important;
  }

  .service-wir-links h4.link-text a:hover,
  .service-wir-links h4.link-text a:focus-visible {
    text-decoration-color: rgb(98, 143, 175) !important;
  }

  /* NEW: service page section — gray, lightened ~30% */
  .service-ste-links h4.link-text a {
    text-decoration-color: rgb(144, 144, 144) !important;
  }

  .service-ste-links h4.link-text a:hover,
  .service-ste-links h4.link-text a:focus-visible {
    text-decoration-color: rgb(119, 119, 119) !important;
  }
}

footer p a {
  text-decoration-line: underline;
  text-decoration-color: rgba(255, 255, 255, 0.35);
  text-decoration-thickness: 1px;
  text-underline-offset: 2.5px; 
  transition:
    text-decoration-color 0.2s ease,
    text-underline-offset 0.2s ease;
}

footer p a:hover,
footer p a:focus {
  text-decoration-color: rgba(255, 255, 255, 0.8);
  text-underline-offset: 2.5px;
}