/* --------------------------- */
/* Link card                   */
/* --------------------------- */

kaivo-link-card {
  --spacing: var(--wa-space-l);

  display: flex;
  flex-direction: column;
}

kaivo-link-card > a {
  display: inline-block;
  font: inherit;
  text-decoration: inherit;
  background-color: var(--wa-color-surface-default);
  border-color: var(--wa-color-surface-border);
  border-radius: var(--wa-panel-border-radius);
  border-style: var(--wa-panel-border-style);
  box-shadow: var(--wa-shadow-s);
  border-width: var(--wa-panel-border-width);
  color: var(--wa-color-text-normal);
  padding: var(--spacing);
}

kaivo-link-card > a:hover {
  background-color: var(--wa-color-neutral-fill-quiet);
}

/* --------------------------- */
/* Logo                        */
/* --------------------------- */

kaivo-logo {
  --logo-size: 3rem;

  display: block;
  width: var(--logo-size);
  height: var(--logo-size);
}

kaivo-logo[size="small"] {
  --logo-size: 2rem;
}

kaivo-logo[size="large"] {
  --logo-size: 5rem;
}

kaivo-logo > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* --------------------------- */
/* Navbar                      */
/* --------------------------- */

kaivo-navbar {
  --background-color: var(--wa-color-surface-default);

  display: block;
  background-color: var(--background-color);
  box-shadow: var(--wa-shadow-s);
}

kaivo-navbar > header {
  padding-block: var(--wa-space-s);
}

kaivo-navbar nav a {
  font-weight: var(--wa-font-weight-semibold);
  color: var(--wa-color-text-normal);
}

kaivo-navbar nav a[aria-current="page"] {
  color: var(--wa-color-brand-fill-loud);
}

/* --------------------------- */
/* Page card                   */
/* --------------------------- */

kaivo-page-card {
  --spacing: var(--wa-space-3xl);

  display: flex;
  background-color: var(--wa-color-surface-default);
  border-color: var(--wa-color-surface-border);
  border-radius: var(--wa-panel-border-radius);
  border-style: var(--wa-panel-border-style);
  box-shadow: var(--wa-shadow-s);
  border-width: var(--wa-panel-border-width);
  color: var(--wa-color-text-normal);
  padding: var(--spacing);
}

/* --------------------------- */
/* Toast                       */
/* --------------------------- */

.kaivo-toast {
  position: fixed;
  right: var(--wa-space-l);
  border-radius: var(--wa-border-radius-l);
  box-shadow: var(--wa-shadow-m);
  transition-property: all;
  transition-timing-function: var(--wa-transition-easing);
  transition-duration: var(--wa-transition-slow);
  opacity: 0;
}

.kaivo-toast > .toast-close {
  display: none;
}

/* Required for the toasts to work with our Preline setup. */
.toastify.on {
  opacity: 1;
}