/*
 * COS – publikus szabályzatlinkek
 *
 * Fizikailag a TID gate részei, ezért
 * user+jelszó lépésen automatikusan eltűnnek.
 */

.login-policy-links {
  position: fixed;
  left: max(
    16px,
    env(safe-area-inset-left)
  );
  bottom: max(
    16px,
    env(safe-area-inset-bottom)
  );

  z-index: 20;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;

  max-width:
    min(
      58vw,
      720px
    );

  font-size: 10px;
  line-height: 1.4;
}

.login-policy-links[hidden] {
  display: none !important;
}

.login-policy-links a {
  color:
    color-mix(
      in srgb,
      var(--text, #111827) 63%,
      transparent
    );

  text-decoration: none;

  transition:
    color .14s ease,
    opacity .14s ease;
}

.login-policy-links a:hover {
  color:
    var(
      --text,
      #111827
    );

  text-decoration:
    underline;
}

.login-policy-links__separator {
  color:
    color-mix(
      in srgb,
      var(--text, #111827) 25%,
      transparent
    );
  user-select: none;
}

html[data-theme="dark"]
.login-policy-links a {
  color:
    rgba(
      255,
      255,
      255,
      .58
    );
}

html[data-theme="dark"]
.login-policy-links a:hover {
  color:
    rgba(
      255,
      255,
      255,
      .92
    );
}

html[data-theme="dark"]
.login-policy-links__separator {
  color:
    rgba(
      255,
      255,
      255,
      .24
    );
}

@media (max-width: 680px) {
  .login-policy-links {
    left: max(
      10px,
      env(safe-area-inset-left)
    );

    bottom: max(
      10px,
      env(safe-area-inset-bottom)
    );

    max-width:
      calc(
        100vw - 180px
      );

    gap: 3px 6px;

    font-size: 9px;
  }
}