/**
 * @file
 * WMD Solutions Base Theme - Link styles.
 * Sets base link colors via CSS variables defined in base.css.
 * Subthemes override --color-link, --color-link-hover, --color-link-visited,
 * --color-link-active in their own CSS file.
 *
 * Bootstrap handles nav/button link colors via its own scoped vars.
 * button.css sets --bs-btn-color etc to ensure buttons are never overridden.
 */

/* Drupal core pattern */
button.link {
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 1em;
}

label button.link {
  font-weight: bold;
}

/* Base link styles */
a {
  color: var(--color-link);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

a:hover {
  color: var(--color-link-hover);
  text-decoration: none;
}

a:visited {
  color: var(--color-link-visited);
}

a:active {
  color: var(--color-link-active);
}

a:focus {
  outline: none;
}

/* Inline list links (Drupal core pattern) */
ul.inline,
ul.links.inline {
  display: inline;
  padding-left: 0;
}

[dir="rtl"] ul.inline,
[dir="rtl"] ul.links.inline {
  padding-right: 0;
  padding-left: 15px;
}

ul.inline li {
  display: inline;
  padding: 0 0.5em;
  list-style-type: none;
}

ul.links a.is-active {
  color: var(--color-link-active);
}