/* Temporary fix for external link indicator * */
/* Daniel Alvers - 25 Aug 2025 */
#wrapper .text-component a[target="_blank"]:not(.btn) {
    align-items: baseline;
    display: inline;
    white-space: normal;
    overflow-wrap: anywhere;
    vertical-align: baseline;
}

#wrapper  .text-component a[target="_blank"]:not(.btn):after {
  content: '\2588'; 
  display: inline;
  font-size: 0.85em;
  vertical-align: baseline; 
  margin-left: 0.3em;
  margin-right: 0.1em;
  text-underline-offset: 0px;
  text-decoration: none;
}

/* BU template changes ... make white text on orange bg (buttons) black text instead. */
body.bu-theme,
body:has(link[rel="stylesheet"][href*="reduced-bu.css"]),
body:has(link[rel="stylesheet"][href*="bu-colors.css"]) {
  #wrapper {
    /* Collection v3 */
    .collection-v3 {
      .collection__more-links .btn:not(:hover, :focus) {
        &.btn--transparent {
          body:not(:has(link[rel="stylesheet"][href*="bu-colors.css"])) & {
            color: #000;
          }
        }
      }

      .collection-v3-listing .collectionv2-component .filter .filter-option-item > li > input:checked + a.checkbox-custom-label {
        color: #000;

        &::before {
          background-color: transparent;
          filter: invert(1);
        }
      }
    }

    /* Collection v2, Make text black only if color overwrites are in. Otherwise we still use old colors. */
    .collection-v2 .collectionv2-component .collection__more-links .btn:not(:hover, :focus) {
      &.btn--transparent {
        body:not(:has(link[rel="stylesheet"][href*="bu-colors.css"])) & {
          color: #000;
        }
      }
    }

    /* People Collection */
    .people_collection-links .btn:not(:hover, :focus) {
      &.btn--transparent.primary {
        color: #000;
      }
    }
  }
}

/* Fix old template buttons */
body:not(.bu-theme) {
  #wrapper {
    .btn-cta--parent {
      /* Button with no specific color specified */
      .btn:is(.btn-cta--primary, .btn-cta--secondary) {
        color: #000;
        background-color: transparent;
        border: 1px solid #000;

        i {
          filter: invert(1);
        }

        &:is(:hover, :focus) {
          color: #fff;
          background-color: #000;

          i {
            filter: none;
          }
        }
      }
    }
  }
}