/*
 * Copyright 2025 Marek Kobida
 * Last Updated: 10.06.2025
 */

:root {
  --Footer-background-color: transparent;
  --Footer-color: var(--body-color);
}

.Footer {
  background-color: var(--Footer-background-color);
  color: var(--Footer-color);
  text-align: center;

  a:hover {
    text-decoration-line: underline;
  }

  h2 {
    letter-spacing: 2px;
  }
}

.Test001 {
  --border-color: transparent;

  position: relative;
  text-align: left;

  .Test002,
  .Test003 {
    border: var(--border-color) solid var(--border-width);
    border-radius: 8px;
  }

  &.Test001\(open\) {
    --border-color: hsla(0, 0%, 50%, 0.5);

    .Test002 {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }

  &:not(.Test001\(open\)) .Test002 {
    box-shadow: 4px 4px 12px hsla(0, 0%, 50%, 0.5);
  }

  .Test003 {
    backdrop-filter: blur(12px);
    border-top-color: hsla(0, 0%, 100%, 0.5);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: absolute;
  }
}