/* =======================
   Custom Underline Styles
   ======================= */

.underline {
  --underline-color: var(--e-global-color-c6b5468);
}

.underline-cm {
  --underline-color: var(--e-global-color-aa0ed85);
}

.underline-mn {
  --underline-color: var(--e-global-color-8284b5f);
}

.underline,
.underline-cm,
.underline-mn {
  text-decoration-line: underline;
  text-decoration-thickness: 0.25em;
  text-decoration-color: var(--underline-color);
  text-decoration-skip-ink: none;
  text-underline-offset: -0.15em;
}


/* Swoosh underline styles */
.underline-swoosh-cm {
  background-image: url('/wp-content/uploads/2025/09/Buitensneupen-Link-Swoosh-Ceramic-Mug.svg');
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: auto 0.5em;
  text-decoration: none;
}

.underline-swoosh-mn {
  background-image: url('/wp-content/uploads/2025/09/Buitensneupen-Link-Swoosh-Midnight.svg');
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: auto 0.5em;
  text-decoration: none;
}

/* Underline */
.highlighted-text {
    position: relative;
    display: inline-block;
    font-size: inherit; /* Ensures the same font size as parent */
    z-index: 1; /* T text stays above the highlight */
    color: #fac000;
}

.highlighted-text::before {
    content: '';
    position: absolute;
    top: 65%;
    left: 0;
    right: 0;
    height: 30%;
    background-color: #fff; /* Highlight color */
    transform: rotate(-1.1deg);
    z-index: -1; /* Ensures background stays behind the text */
    border-radius: 3px;
}